/* =========== * Proyecto: Landing especiales Oechsle * Fecha Inicio: 20/08/2018 * Email Desarrollador: jorge.torres@i2btech.com * ======== */ @font-face { font-family: 'Gotham-Bold'; src: url("https://oechsle.vteximg.com.br/arquivos/GothamBold.eot.css?v=218"); src: url("https://oechsle.vteximg.com.br/arquivos/GothamBold.eot?#iefix") format("embedded-opentype"), url("https://oechsle.vteximg.com.br/arquivos/GothamBold.woff2.css?v=218") format("woff2"), url("https://oechsle.vteximg.com.br/arquivos/GothamBold.woff.css?v=218") format("woff"), url("https://oechsle.vteximg.com.br/arquivos/GothamBold.ttf.css?v=218") format("truetype"), url("https://oechsle.vteximg.com.br/arquivos/GothamBold.svg#GothamBold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Avenir-Black'; src: url("https://oechsle.vteximg.com.br/arquivos/Avenir-Black.eot.css?v=218"); src: url("https://oechsle.vteximg.com.br/arquivos/Avenir-Black.eot?#iefix") format("embedded-opentype"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Black.woff2.css?v=218") format("woff2"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Black.woff.css?v=218") format("woff"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Black.ttf.css?v=218") format("truetype"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Black.svg#Avenir-Black") format("svg"); font-weight: 900; font-style: normal; } @font-face { font-family: 'Avenir-Light'; src: url("https://oechsle.vteximg.com.br/arquivos/Avenir-Light.eot.css?v=218"); src: url("https://oechsle.vteximg.com.br/arquivos/Avenir-Light.eot?#iefix") format("embedded-opentype"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Light.woff2.css?v=218") format("woff2"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Light.woff.css?v=218") format("woff"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Light.ttf.css?v=218") format("truetype"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Light.svg#Avenir-Light") format("svg"); font-weight: 300; font-style: normal; } @font-face { font-family: 'Avenir-Book'; src: url("https://oechsle.vteximg.com.br/arquivos/Avenir-Book.eot.css?v=218"); src: url("https://oechsle.vteximg.com.br/arquivos/Avenir-Book.eot?#iefix") format("embedded-opentype"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Book.woff2.css?v=218") format("woff2"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Book.woff.css?v=218") format("woff"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Book.ttf.css?v=218") format("truetype"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Book.svg#Avenir-Book") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-Roman'; src: url("https://oechsle.vteximg.com.br/arquivos/Avenir-Roman.eot.css?v=218"); src: url("https://oechsle.vteximg.com.br/arquivos/Avenir-Roman.eot?#iefix") format("embedded-opentype"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Roman.woff2.css?v=218") format("woff2"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Roman.woff.css?v=218") format("woff"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Roman.ttf") format("truetype"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Roman.svg#Avenir-Roman") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'Avenir Book'; src: url("https://oechsle.vteximg.com.br/arquivos/Avenir-Book_1.eot.css?v=218"); src: url("https://oechsle.vteximg.com.br/arquivos/Avenir-Book_1.eot?#iefix") format("embedded-opentype"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Book_1.woff2.css?v=218") format("woff2"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Book_1.woff.css?v=218") format("woff"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Book_1.ttf.css?v=218") format("truetype"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Book_1.svg#Avenir-Book") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir Next Condensed'; src: url("https://oechsle.vteximg.com.br/arquivos/AvenirNextCondensed-Bold.eot.css?v=218"); src: url("https://oechsle.vteximg.com.br/arquivos/AvenirNextCondensed-Bold.eot?#iefix") format("embedded-opentype"), url("https://oechsle.vteximg.com.br/arquivos/AvenirNextCondensed-Bold.woff2.css?v=218") format("woff2"), url("https://oechsle.vteximg.com.br/arquivos/AvenirNextCondensed-Bold.woff.css?v=218") format("woff"), url("https://oechsle.vteximg.com.br/arquivos/AvenirNextCondensed-Bold.ttf.css?v=218") format("truetype"), url("https://oechsle.vteximg.com.br/arquivos/AvenirNextCondensed-Bold.svg#AvenirNextCondensed-Bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Avenir-Next'; src: url("https://oechsle.vteximg.com.br/arquivos/AvenirNext-Bold.eot.css?v=218"); src: url("https://oechsle.vteximg.com.br/arquivos/AvenirNext-Bold.eot?#iefix") format("embedded-opentype"), url("https://oechsle.vteximg.com.br/arquivos/AvenirNext-Bold.woff2.css?v=218") format("woff2"), url("https://oechsle.vteximg.com.br/arquivos/AvenirNext-Bold.woff.css?v=218") format("woff"), url("https://oechsle.vteximg.com.br/arquivos/AvenirNext-Bold.ttf.css?v=218") format("truetype"), url("https://oechsle.vteximg.com.br/arquivos/AvenirNext-Bold.svg#AvenirNext-Bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Avenir-Medium'; src: url("https://oechsle.vteximg.com.br/arquivos/Avenir-Medium.eot.css?v=218"); src: url("https://oechsle.vteximg.com.br/arquivos/Avenir-Medium.eot?#iefix") format("embedded-opentype"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Medium.woff2.css?v=218") format("woff2"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Medium.woff.css?v=218") format("woff"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Medium.ttf.css?v=218") format("truetype"), url("https://oechsle.vteximg.com.br/arquivos/Avenir-Medium.svg#Avenir-Medium") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'EquitanSans-Regular'; src: url("https://oechsle.vteximg.com.br/arquivos/EquitanSans-Regular.eot.css?v=218"); src: url("https://oechsle.vteximg.com.br/arquivos/EquitanSans-Regular.eot?#iefix") format("embedded-opentype"), url("https://oechsle.vteximg.com.br/arquivos/EquitanSans-Regular.woff2.css?v=218") format("woff2"), url("https://oechsle.vteximg.com.br/arquivos/EquitanSans-Regular.woff.css?v=218") format("woff"), url("https://oechsle.vteximg.com.br/arquivos/EquitanSans-Regular.ttf.css?v=218") format("truetype"), url("https://oechsle.vteximg.com.br/arquivos/EquitanSans-Regular.svg#Avenir-Medium") format("svg"); font-weight: 500; font-style: normal; } @font-face { font-family: 'EquitanSans-Bold'; src: url("https://oechsle.vteximg.com.br/arquivos/EquitanSans-Bold.eot.css?v=218"); src: url("https://oechsle.vteximg.com.br/arquivos/EquitanSans-Bold.eot?#iefix") format("embedded-opentype"), url("https://oechsle.vteximg.com.br/arquivos/EquitanSans-Bold.woff2.css?v=218") format("woff2"), url("https://oechsle.vteximg.com.br/arquivos/EquitanSans-Bold.woff.css?v=218") format("woff"), url("https://oechsle.vteximg.com.br/arquivos/EquitanSans-Bold.ttf.css?v=218") format("truetype"), url("https://oechsle.vteximg.com.br/arquivos/EquitanSans-Bold.svg.css#EquitanSans-Bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Trivia Serif'; src: url("https://oechsle.vteximg.com.br/arquivos/TriviaSerifRegular-Bold.eot"); src: url("https://oechsle.vteximg.com.br/arquivos/TriviaSerifRegular-Bold.eot?#iefix") format("embedded-opentype"), url("https://oechsle.vteximg.com.br/arquivos/TriviaSerifRegular-Bold.woff2.css?v=218") format("woff2"), url("https://oechsle.vteximg.com.br/arquivos/TriviaSerifRegular-Bold.woff.css?v=218") format("woff"), url("https://oechsle.vteximg.com.br/arquivos/TriviaSerifRegular-Bold.ttf.css?v=218") format("truetype"), url("https://oechsle.vteximg.com.br/arquivos/TriviaSerifRegular-Bold.svg#TriviaSerifRegular-Bold") format("svg"); font-weight: bold; font-style: normal; } @font-face { font-family: "icon-font2"; src: url("/arquivos/icon-font2.eot.css?v=218"); src: url("/arquivos/icon-font2.eot.css?#iefix") format("eot"), url("/arquivos/icon-font2.woff2.css?v=218") format("woff2"), url("/arquivos/icon-font2.woff.css?v=218") format("woff"), url("/arquivos/icon-font2.ttf.css?v=218") format("truetype"), url("/arquivos/icon-font2.svg.css#icon-font2") format("svg"); } .icon:before, .icon-01:before, .icon-02:before, .icon-03:before, .icon-04:before, .icon-05:before, .icon-06:before, .icon-07:before, .icon-08:before, .icon-09:before, .icon-10:before, .icon-11:before, .icon-12:before, .icon-13:before, .icon-14:before, .icon-15:before, .icon-16:before, .icon-17:before, .icon-18:before, .icon-19:before, .icon-20:before, .icon-21:before, .icon-22:before, .icon-23:before, .icon-24:before, .icon-25:before, .icon-26:before, .icon-27:before, .icon-28:before, .icon-29:before, .icon-30:before, .icon-31:before, .icon-32:before, .icon-33:before, .icon-34:before, .icon-35:before, .icon-36:before, .icon-37:before, .icon-38:before, .icon-39:before, .icon-41:before, .icon-42:before, .icon-43:before, .icon-44:before, .icon-45:before, .icon-46:before, .icon-47:before, .icon-48:before, .icon-carnes:before, .icon-charlar:before, .icon-chat:before, .icon-clipboard-list:before, .icon-comida preparada:before, .icon-congelados:before, .icon-descuento:before, .icon-fav:before, .icon-flecha:before, .icon-folder-add copia:before, .icon-folder-add:before, .icon-pescados:before, .icon-quesos-fiambre:before, .icon-search:before, .icon-toh:before { font-family: "icon-font"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; } .icon-01:before { content: "\E001"; } .icon-02:before { content: "\E002"; } .icon-03:before { content: "\E003"; } .icon-04:before { content: "\E004"; } .icon-05:before { content: "\E005"; } .icon-06:before { content: "\E006"; } .icon-07:before { content: "\E007"; } .icon-08:before { content: "\E008"; } .icon-09:before { content: "\E009"; } .icon-10:before { content: "\E00A"; } .icon-12:before { content: "\E00C"; } .icon-13:before { content: "\E00D"; } .icon-14:before { content: "\E00E"; } .icon-15:before { content: "\E00F"; } .icon-16:before { content: "\E010"; } .icon-17:before { content: "\E011"; } .icon-18:before { content: "\E012"; } .icon-19:before { content: "\E013"; } .icon-20:before { content: "\E014"; } .icon-21:before { content: "\E015"; } .icon-22:before { content: "\E016"; } .icon-23:before { content: "\E017"; } .icon-24:before { content: "\E018"; } .icon-25:before { content: "\E019"; } .icon-26:before { content: "\E01A"; } .icon-27:before { content: "\E01B"; } .icon-28:before { content: "\E01C"; } .icon-29:before { content: "\E01D"; } .icon-30:before { content: "\E01E"; } .icon-31:before { content: "\E01F"; } .icon-32:before { content: "\E020"; } .icon-33:before { content: "\E021"; } .icon-34:before { content: "\E022"; } .icon-35:before { content: "\E023"; } .icon-36:before { content: "\E024"; } .icon-37:before { content: "\E025"; } .icon-38:before { content: "\E026"; } .icon-39:before { content: "\E027"; } .icon-41:before { content: "\E028"; } .icon-42:before { content: "\E029"; } .icon-43:before { content: "\E02A"; } .icon-44:before { content: "\E02B"; } .icon-45:before { content: "\E02C"; } .icon-46:before { content: "\E02D"; } .icon-carnes:before { content: "\E030"; } .icon-charlar:before { content: "\E031"; } .icon-chat:before { content: "\E032"; } .icon-clipboard-list:before { content: "\E033"; } .icon-comida preparada:before { content: "\E034"; } .icon-congelados:before { content: "\E035"; } .icon-descuento:before { content: "\E036"; } .icon-fav:before { content: "\E037"; } .icon-flecha:before { content: "\E038"; } .icon-folder-add copia:before { content: "\E039"; } .icon-folder-add:before { content: "\E03A"; } .icon-pescados:before { content: "\E03B"; } .icon-quesos-fiambre:before { content: "\E03C"; } .icon-search:before { content: "\E03D"; } .icon-toh:before { content: "\E03E"; } .arrow-left { background-image: url(/arquivos/sprite.png); background-position: -132px 0px; width: 61px; height: 61px; } .arrow-right { background-image: url(/arquivos/sprite.png); background-position: -132px -61px; width: 61px; height: 61px; } .fork { background-image: url(/arquivos/sprite.png); background-position: -42px -132px; width: 32px; height: 32px; } .github { background-image: url(/arquivos/sprite.png); background-position: -74px -132px; width: 32px; height: 32px; } .icon-buscar { background-image: url(/arquivos/sprite.png); background-position: -106px -132px; width: 26px; height: 27px; } .icon-face { background-image: url(/arquivos/sprite.png); background-position: 0px 0px; width: 66px; height: 66px; } .icon-instagram { background-image: url(/arquivos/sprite.png); background-position: -66px 0px; width: 66px; height: 66px; } .icon-twitter { background-image: url(/arquivos/sprite.png); background-position: 0px -66px; width: 66px; height: 66px; } .icon-youtube { background-image: url(/arquivos/sprite.png); background-position: -66px -66px; width: 66px; height: 66px; } .menu-hamb { background-image: url(/arquivos/sprite.png); background-position: 0px -132px; width: 42px; height: 32px; } .btn, .btn-link { border: none; display: inline-block; padding: 8px 15px; font-size: 13px; color: inherit; text-decoration: none; outline: 0; vertical-align: middle; overflow: hidden; background-color: inherit; text-align: center; cursor: pointer; white-space: nowrap; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .btn:hover, .btn-link:hover { opacity: .7; background-color: #CCC; } .btn.disabled, .btn:disabled, .btn-link.disabled, .btn-link:disabled { cursor: not-allowed; opacity: .3; } .btn.disabled *, .btn:disabled *, .btn-link.disabled *, .btn-link:disabled * { pointer-events: none; } .btn.disabled:hover, .btn.disabled:hover, .btn:disabled:hover, .btn:disabled:hover, .btn-link.disabled:hover, .btn-link.disabled:hover, .btn-link:disabled:hover, .btn-link:disabled:hover { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .btn.-sm, .btn-link.-sm { font-size: 11px; } .btn.-md, .btn-link.-md { font-size: 15px; } .btn.-lg, .btn-link.-lg { font-size: 18px; } .btn.-xlg, .btn-link.-xlg { font-size: 22px; } .btn-link { padding: 0; } .btn-link:hover { opacity: .7; background-color: transparent; } .btn-link.disabled, .btn-link:disabled { opacity: .3; } .-close { position: absolute; top: 0; right: 0; } .btn-close { padding: 8px; font-size: 31px; font-weight: 700; line-height: .7; color: #ffffff; border: none; background: #0073d2; /* text-shadow: 0 1px 0 #fff; */ /* opacity: .2; */ text-decoration: none; cursor: pointer; outline: none; -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } .btn-servadd { height: 40px; padding-left: 15px; padding-right: 15px; font-size: 13px; color: #E5222A; background-color: #FFF; border: 1px solid #E5222A; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; } .btn-servadd:disabled, .btn-servadd[disabled] { opacity: .4; cursor: default; } .ctr { width: 100%; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } @media screen and (min-width: 768px) { .ctr { max-width: 748px; } } @media screen and (min-width: 992px) { .ctr { max-width: 972px; } } @media screen and (min-width: 1200px) { .ctr { max-width: 1180px; } } .ctr-fluid { padding-left: 10px; padding-right: 10px; } .row-pd { margin-left: -10px; margin-right: -10px; } .row-pd > .col { padding-left: 10px; padding-right: 10px; } .col { float: left; width: 100%; } .col.-xs-1 { width: 8.33333%; } .col.-xs-os-1 { margin-left: 8.33333%; } .col.-xs-2 { width: 16.66667%; } .col.-xs-os-2 { margin-left: 16.66667%; } .col.-xs-3 { width: 25%; } .col.-xs-os-3 { margin-left: 25%; } .col.-xs-4 { width: 33.33333%; } .col.-xs-os-4 { margin-left: 33.33333%; } .col.-xs-5 { width: 41.66667%; } .col.-xs-os-5 { margin-left: 41.66667%; } .col.-xs-6 { width: 50%; } .col.-xs-os-6 { margin-left: 50%; } .col.-xs-7 { width: 58.33333%; } .col.-xs-os-7 { margin-left: 58.33333%; } .col.-xs-8 { width: 66.66667%; } .col.-xs-os-8 { margin-left: 66.66667%; } .col.-xs-9 { width: 75%; } .col.-xs-os-9 { margin-left: 75%; } .col.-xs-10 { width: 83.33333%; } .col.-xs-os-10 { margin-left: 83.33333%; } .col.-xs-11 { width: 91.66667%; } .col.-xs-os-11 { margin-left: 91.66667%; } .col.-xs-12 { width: 100%; } .col.-xs-os-12 { margin-left: 100%; } @media screen and (min-width: 768px) { .col.-sm-1 { width: 8.33333%; } .col.-sm-os-1 { margin-left: 8.33333%; } .col.-sm-2 { width: 16.66667%; } .col.-sm-os-2 { margin-left: 16.66667%; } .col.-sm-3 { width: 25%; } .col.-sm-os-3 { margin-left: 25%; } .col.-sm-4 { width: 33.33333%; } .col.-sm-os-4 { margin-left: 33.33333%; } .col.-sm-5 { width: 41.66667%; } .col.-sm-os-5 { margin-left: 41.66667%; } .col.-sm-6 { width: 50%; } .col.-sm-os-6 { margin-left: 50%; } .col.-sm-7 { width: 58.33333%; } .col.-sm-os-7 { margin-left: 58.33333%; } .col.-sm-8 { width: 66.66667%; } .col.-sm-os-8 { margin-left: 66.66667%; } .col.-sm-9 { width: 75%; } .col.-sm-os-9 { margin-left: 75%; } .col.-sm-10 { width: 83.33333%; } .col.-sm-os-10 { margin-left: 83.33333%; } .col.-sm-11 { width: 91.66667%; } .col.-sm-os-11 { margin-left: 91.66667%; } .col.-sm-12 { width: 100%; } .col.-sm-os-12 { margin-left: 100%; } } @media screen and (min-width: 992px) { .col.-md-1 { width: 8.33333%; } .col.-md-os-1 { margin-left: 8.33333%; } .col.-md-2 { width: 16.66667%; } .col.-md-os-2 { margin-left: 16.66667%; } .col.-md-3 { width: 25%; } .col.-md-os-3 { margin-left: 25%; } .col.-md-4 { width: 33.33333%; } .col.-md-os-4 { margin-left: 33.33333%; } .col.-md-5 { width: 41.66667%; } .col.-md-os-5 { margin-left: 41.66667%; } .col.-md-6 { width: 50%; } .col.-md-os-6 { margin-left: 50%; } .col.-md-7 { width: 58.33333%; } .col.-md-os-7 { margin-left: 58.33333%; } .col.-md-8 { width: 66.66667%; } .col.-md-os-8 { margin-left: 66.66667%; } .col.-md-9 { width: 75%; } .col.-md-os-9 { margin-left: 75%; } .col.-md-10 { width: 83.33333%; } .col.-md-os-10 { margin-left: 83.33333%; } .col.-md-11 { width: 91.66667%; } .col.-md-os-11 { margin-left: 91.66667%; } .col.-md-12 { width: 100%; } .col.-md-os-12 { margin-left: 100%; } } @media screen and (min-width: 1200px) { .col.-lg-1 { width: 8.33333%; } .col.-lg-os-1 { margin-left: 8.33333%; } .col.-lg-2 { width: 16.66667%; } .col.-lg-os-2 { margin-left: 16.66667%; } .col.-lg-3 { width: 25%; } .col.-lg-os-3 { margin-left: 25%; } .col.-lg-4 { width: 33.33333%; } .col.-lg-os-4 { margin-left: 33.33333%; } .col.-lg-5 { width: 41.66667%; } .col.-lg-os-5 { margin-left: 41.66667%; } .col.-lg-6 { width: 50%; } .col.-lg-os-6 { margin-left: 50%; } .col.-lg-7 { width: 58.33333%; } .col.-lg-os-7 { margin-left: 58.33333%; } .col.-lg-8 { width: 66.66667%; } .col.-lg-os-8 { margin-left: 66.66667%; } .col.-lg-9 { width: 75%; } .col.-lg-os-9 { margin-left: 75%; } .col.-lg-10 { width: 83.33333%; } .col.-lg-os-10 { margin-left: 83.33333%; } .col.-lg-11 { width: 91.66667%; } .col.-lg-os-11 { margin-left: 91.66667%; } .col.-lg-12 { width: 100%; } .col.-lg-os-12 { margin-left: 100%; } } .col-rest { overflow: hidden; } tabs { display: block; width: 100%; font-family: "Avenir-Medium"; font-size: 13px; } tabs tabs-link { display: block; font-size: 0; background-color: #ffffff; } tabs tab-link { display: inline-block; padding: 10px; font-size: 13px; color: #FFF; background-color: black; cursor: pointer; } tabs tab-link.active { background-color: red; } tabs tab-content { display: block; padding: 20px; -webkit-animation: fadeEffect 1s; -moz-animation: fadeEffect 1s; -o-animation: fadeEffect 1s; animation: fadeEffect 1s; } tabs.-vtl tabs-link { float: left; width: 30%; } tabs.-vtl tab-link { display: block; } tabs.-vtl tab-content { float: left; width: 71%; margin-top: 16px; } @-webkit-keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeEffect { from { opacity: 0; } to { opacity: 1; } } html, body { -webkit-overflow-scrolling: touch; } .container { max-width: 1400px; position: relative; margin: 0 auto; padding: 0; } body.zapatillas .container-fullWConten, body.deporte .container-fullWConten{ max-width: 1240px; margin: 0 auto; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .placeholder { color: #fff; background: -webkit-linear-gradient(135deg, #f1e8e8, #ffffff, #dcdcdc, #ececec); background: -moz-linear-gradient(135deg, #f1e8e8, #ffffff, #dcdcdc, #ececec); background: -o-linear-gradient(135deg, #f1e8e8, #ffffff, #dcdcdc, #ececec); background: linear-gradient(-45deg, #f1e8e8, #ffffff, #dcdcdc, #ececec); -moz-background-size: 400% 400%; background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; -o-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite; } @-webkit-keyframes Gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @-moz-keyframes Gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @-o-keyframes Gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes Gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .variante-modal-open { overflow: hidden; width: 100%; height: 100%; } html { width: 100%; -ms-touch-action: manipulation; touch-action: manipulation; } ::-webkit-scrollbar { width: 8px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); background-color: #D62929; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; border-radius: 10px; background-color: #F5F5F5; } @-webkit-keyframes ld { 0% { -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(1.1); transform: rotate(180deg) scale(1.1); } 100% { -webkit-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @-moz-keyframes ld { 0% { -moz-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -moz-transform: rotate(180deg) scale(1.1); transform: rotate(180deg) scale(1.1); } 100% { -moz-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @-o-keyframes ld { 0% { -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -o-transform: rotate(180deg) scale(1.1); transform: rotate(180deg) scale(1.1); } 100% { -o-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } @keyframes ld { 0% { -webkit-transform: rotate(0deg) scale(1); -moz-transform: rotate(0deg) scale(1); -o-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } 50% { -webkit-transform: rotate(180deg) scale(1.1); -moz-transform: rotate(180deg) scale(1.1); -o-transform: rotate(180deg) scale(1.1); transform: rotate(180deg) scale(1.1); } 100% { -webkit-transform: rotate(360deg) scale(1); -moz-transform: rotate(360deg) scale(1); -o-transform: rotate(360deg) scale(1); transform: rotate(360deg) scale(1); } } .bold { font-family: "Avenir-Medium"; font-weight: bold; font-style: normal; } #ajaxBusy { display: none !important; } #progress-loadpage { position: fixed; z-index: 100; width: 100%; } #progress-loadpage .progress-bar-loadpage { width: 0; height: 5px; background-color: #F44336; } .row { margin-right: -15px; margin-left: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .mt5 { margin-top: 5px; } .mt2 { margin-top: 2px; } .mt2.load-icon { margin-top: 10px; } .mt13 { margin-top: 13px; } .mt10 { margin-top: 10px; } @media screen and (max-width: 1025px) { .-hide-sm { display: none; } } @media screen and (min-width: 768px) { body.zapatillas.variante-01 .zapatillas-mujer h2:first-child.titulo:after { content: ""; width: 500px; height: 55px; background: url(/arquivos/mujerTxt.png) no-repeat; display: block; margin: 50px auto 0px; } body.zapatillas.variante-01 .zapatillas-hombre h2:first-child.titulo:after { content: ""; width: 500px; height: 55px; background: url(/arquivos/hombreTxt.png) no-repeat; display: block; margin: 90px auto 0px; } body.zapatillas .fullWConten .fullWConten-destacados:before { content: ""; background: url(/arquivos/txtMarcasV2.png) no-repeat; width: 591px; height: 55px; margin: 0 auto; display: block; } } @media screen and (max-width: 767px) { body.zapatillas.variante-01 .zapatillas-mujer h2.titulo:after { content: ""; width: 232px; height: 22px; background: url(/arquivos/mujerTxt.png) no-repeat; background-size: 230px; display: block; margin: 10px auto 0px; } body.zapatillas .fullWConten .container-fullWConten .item-marca{ width: 50% !important; } body.deportes .fullWConten .container-fullWConten .item-marca{ width: 40% !important; height: 128px !important; } body.zapatillas .fullWConten .container-fullWConten .item-marca img{ width: 90%; height: auto; display: block; margin: 0 auto; } body.deportes .fullWConten .container-fullWConten .item-marca img{ width: 90%; height: auto; display: block; margin: 0 auto; } body.zapatillas.variante-01 .zapatillas-hombre h2.titulo:after { content: ""; width: 232px; height: 22px; background: url(/arquivos/hombreTxt.png) no-repeat; background-size: 230px; display: block; margin: 10px auto 0px; } body.zapatillas .fullWConten .fullWConten-destacados { height: 34px !important; margin: 20px 0 30px !important; } body.zapatillas .fullWConten .fullWConten-destacados:before { content: ""; background: url(/arquivos/txtMarcasV2.png) no-repeat; width: 100%; height: 34px; background-size: 375px; margin: 0 auto; display: block; } .variante-01 .subtategorias h2.titulo, .variante-01 .marcas h2.titulo-marcas { font-size: 17px; margin-bottom: 0; margin-top: 0; margin-bottom: 0; padding: 0 6px; } nav.cd-dropdown.dropdown-is-active { margin-top: 53px; } .product span.icon.icon-13, .product span.icon-13.icon-01, .product span.icon-13.icon-02, .product span.icon-13.icon-03, .product span.icon-13.icon-04, .product span.icon-13.icon-05, .product span.icon-13.icon-06, .product span.icon-13.icon-07, .product span.icon-13.icon-08, .product span.icon-13.icon-09, .product span.icon-13.icon-10, .product span.icon-13.icon-11, .product span.icon-13.icon-12, .product span.icon-13, .product span.icon-13.icon-14, .product span.icon-13.icon-15, .product span.icon-13.icon-16, .product span.icon-13.icon-17, .product span.icon-13.icon-18, .product span.icon-13.icon-19, .product span.icon-13.icon-20, .product span.icon-13.icon-21, .product span.icon-13.icon-22, .product span.icon-13.icon-23, .product span.icon-13.icon-24, .product span.icon-13.icon-25, .product span.icon-13.icon-26, .product span.icon-13.icon-27, .product span.icon-13.icon-28, .product span.icon-13.icon-29, .product span.icon-13.icon-30, .product span.icon-13.icon-31, .product span.icon-13.icon-32, .product span.icon-13.icon-33, .product span.icon-13.icon-34, .product span.icon-13.icon-35, .product span.icon-13.icon-36, .product span.icon-13.icon-37, .product span.icon-13.icon-38, .product span.icon-13.icon-39, .product span.icon-13.icon-41, .product span.icon-13.icon-42, .product span.icon-13.icon-43, .product span.icon-13.icon-44, .product span.icon-13.icon-45, .product span.icon-13.icon-46, .product span.icon-13.icon-47, .product span.icon-13.icon-48, .product span.icon-13.icon-carnes, .product span.icon-13.icon-charlar, .product span.icon-13.icon-chat, .product span.icon-13.icon-clipboard-list, .product span.icon-13.icon-congelados, .product span.icon-13.icon-descuento, .product span.icon-13.icon-fav, .product span.icon-13.icon-flecha, .product span.icon-13.icon-folder-add, .product span.icon-13.icon-pescados, .product span.icon-13.icon-quesos-fiambre, .product span.icon-13.icon-search, .product span.icon-13.icon-toh { font-size: 17px; } header nav ul li { position: initial; } .nav-icon-item a img{ display: table !important; } .variante-modal.active { opacity: 1; visibility: visible; padding: 30px 0px 0px 0px; width: 100%; position: initial; max-height: 700px; overflow: auto; height: 600px; } } @media screen and (max-width: 569px) { nav.cd-dropdown.dropdown-is-active { margin-top: 53px; } .centrado { display: block; } .tooltip { padding-top: 9px; } .container { width: 100%; } .-hide-xs { display: none; } .-visible-xs { display: block !important; } .cd-dropdown-trigger { margin-top: 1px; } .tooltip { padding-top: 6px; } } @media screen and (max-width: 374px) { .cd-dropdown-trigger { margin-top: 0px; } .tooltip { padding-top: 4px; } .container { width: 100%; } .-hide-xs { display: none; } .-visible-xs { display: block !important; } } @media screen and (min-width: 1199px) { .header-wrapper-seccion1 { border-bottom: 2px solid #DFDFDF; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .-hide-lg { display: none !important; } .col.-lg-4 { width: 33.33333%; margin-left: 0; } } @media screen and (min-width: 991px) { .-hide-pantallas-grandes { display: none; } .col.-lg-4 { width: 32.313333%; margin-left: -6px; } span.icon.icon-13, span.icon-13 { margin-top: 10px; font-size: 31px; margin-left: 6px; } .right { float: right; } .-hide-md { display: none !important; } } @media screen and (min-width: 767px) { nav.cd-dropdown.dropdown-is-active { margin-top: 52px; } } .variante-01 { /* VITRINA PRODUCTOS */ /* TAB SUPERIOR */ /* COMPONENTE 3 */ /* COMPNENTE 6 */ } .variante-01 .categorias_prod .product .hoverpa { background-color: rgba(57, 182, 184, 0.8); } .variante-01 .categorias_prod .product .hoverpa .ver-producto { top: 45%; background-color: #fff; color: #000; } .variante-01 .categorias_prod a.ver-coleccion { background-color: #e5222a; color: #fff; width: 210px; font-size: 20px; height: 44px; line-height: 45px; text-decoration: none; text-align: center; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; text-transform: uppercase; font-family: EquitanSans-Regular; } .variante-01 .categorias_prod a.ver-coleccion:after { display: none; } .variante-01 .categorias_prod a.ver-coleccion:hover { opacity: .7; } .variante-01 #tab-navegacion nav.tab-menu a.tab-item { font-size: 22px; line-height: 30px; border: 2px solid #000; } body.deportes #tab-navegacion nav.tab-menu a.tab-item, body.zapatillas #tab-navegacion nav.tab-menu a.tab-item{ border: initial; } .variante-01body.zapatillas #tab-navegacion nav.tab-menu a.tab-item{ border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: initial; border-bottom: initial; } .variante-01 #tab-navegacion nav.tab-menu a.tab-item:hover { background-color: #fff; color: #000; } body.deportes #tab-navegacion nav.tab-menu a.tab-item:hover { background-color: #f6364e !important; color: #fff !important; } @media screen and (max-width: 768px) { .variante-01 #tab-navegacion nav.tab-menu a.tab-item { font-size: 17px; border-left: initial !important; } } .variante-01 .subtategorias h2.titulo { color: #000; } body.zapatillas.variante-01 .subtategorias h2.titulo { font-size: 0; } body.zapatillas.variante-01 .subtategorias .categorias_prod h2.titulo::after { content: initial; } .variante-01 .categoriaAmbientada .colecciones .titulo { margin: 10px auto 5px; } .variante-01 .vitrinaProductos h2.titulo { margin: 46px 0 0; } .variante-01 .tabs-td nav.tab-menu a.tab-item { height: 55px; font-size: 24px; } body.deportes.variante-01 .tabs-td nav.tab-menu a.tab-item, body.zapatillas.variante-01 .tabs-td nav.tab-menu a.tab-item{ border: initial; } @media screen and (max-width: 767px) { body.deportes.variante-01 .tabs-td nav.tab-menu a.tab-item{ padding-top: 18px; } body.zapatillas.variante-01 .tabs-td nav.tab-menu a.tab-item{ padding-top: 9px; } } body.zapatillas.variante-01 .tabs-td nav.tab-menu a.tab-item{ height: 48px; border: 1px solid #fff; opacity: 0.7; } @media screen and (max-width: 767px) { body.zapatillas.variante-01 .tabs-td nav.tab-menu a.tab-item{ border: initial; border-right: 1px solid #fff; opacity: 0.6; background: #00639e; } } body.zapatillas.variante-01 .tabs-td nav.tab-menu a.tab-item.active{ opacity: 1; } .variante-01 .marcas h2.titulo-marcas { font-size: 26px; letter-spacing: 1px; text-transform: uppercase; font-family: EquitanSans-Regular; font-weight: bold; color: #000; } .variante-01 .consejos h2.titulo-consejos { background-color: #000; color: #fff; padding: 12px 10px; } .variante-01 .consejos .container-consejo.g1 .item-consejo, .variante-01 .consejos .container-consejo.g2 .item-consejo { font-family: EquitanSans-Regular; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media screen and (min-width: 767px) { .variante-01 .consejos .container-consejo.g1 .item-consejo .titulo, .variante-01 .consejos .container-consejo.g2 .item-consejo .titulo { border: 1px solid #000; } } .variante-01 .consejos .container-consejo.g1 .item-consejo.oclt, .variante-01 .consejos .container-consejo.g2 .item-consejo.oclt { display: inline-block; } .variante-01 .consejos .container-consejo.g1 .item-consejo:hover, .variante-01 .consejos .container-consejo.g2 .item-consejo:hover { background-color: #fff; color: #000; } .variante-01 .consejos .ver-mas { font-family: Avenir-Medium; color: #e5222a; font-size: 14px; text-decoration: underline; display: none; } .variante-01 .wpstyle { width: 95%; max-width: 1285px; position: relative; margin: 0 auto; padding: 0; } .variante-01 .wpstyle h2.titulo-style { background-color: #000; color: #fff; padding: 12px 10px; margin: 11px auto; } .variante-02 { /* VITRINA PRODUCTOS */ /* TAB SUPERIOR */ /* COMPONENTE 3 */ /* COMPNENTE 6 */ } .variante-02 .categorias_prod .product .hoverpa { background-color: rgba(23, 86, 67, 0.8); } .variante-02 .categorias_prod .product .hoverpa .ver-producto { top: 45%; background-color: #fff; color: #175643; } .variante-02 .categorias_prod a.ver-coleccion { background-color: #e5222a; color: #fff; width: 210px; font-size: 20px; height: 44px; line-height: 45px; text-decoration: none; text-align: center; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; text-transform: uppercase; font-family: EquitanSans-Regular; } .variante-02 .categorias_prod a.ver-coleccion:after { display: none; } .variante-02 .categorias_prod a.ver-coleccion:hover { opacity: .7; } .variante-02 #tab-navegacion a.tab-label-mobile { background-color: #175643; } .variante-02 #tab-navegacion .tab-navegacion-content { background-color: #175643; } .variante-02 #tab-navegacion nav.tab-menu { background-color: #175643; } .variante-02 #tab-navegacion nav.tab-menu a.tab-item { font-size: 24px; line-height: 30px; border: 2px solid #175643; } .variante-02 #tab-navegacion nav.tab-menu a.tab-item:hover { background-color: #fff; color: #175643; } .variante-02 .subtategorias { padding-top: 11px; } .variante-02 .subtategorias h2.titulo { text-transform: uppercase; color: #000; } .variante-02 .subtategorias .items a { -webkit-border-radius: 125px; -moz-border-radius: 125px; border-radius: 125px; overflow: hidden; } @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff; } 100% { -webkit-box-shadow: 0 0 0 20px rgba(255, 252, 249, 0); box-shadow: 0 0 0 20px rgba(255, 252, 249, 0); } } @-moz-keyframes pulse { 0% { -moz-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff; } 100% { -moz-box-shadow: 0 0 0 20px rgba(255, 252, 249, 0); box-shadow: 0 0 0 20px rgba(255, 252, 249, 0); } } @-o-keyframes pulse { 0% { box-shadow: 0 0 0 0 #fff; } 100% { box-shadow: 0 0 0 20px rgba(255, 252, 249, 0); } } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 #fff; -moz-box-shadow: 0 0 0 0 #fff; box-shadow: 0 0 0 0 #fff; } 100% { -webkit-box-shadow: 0 0 0 20px rgba(255, 252, 249, 0); -moz-box-shadow: 0 0 0 20px rgba(255, 252, 249, 0); box-shadow: 0 0 0 20px rgba(255, 252, 249, 0); } } .variante-02 .categoriaAmbientada .colecciones .titulo { margin: 10px auto 5px; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado a.ocultar { display: block; color: #175643; text-transform: uppercase; font-weight: bold; font-size: 18px; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado a.ocultar:before { font-size: 11px; } .variante-02 .categoriaAmbientada .banner .tooltips-price { background: transparent; color: transparent; } .variante-02 .categoriaAmbientada .banner .tooltips-price:before { background: transparent; } .variante-02 .categoriaAmbientada .banner .tooltips-price:after { -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; } .variante-02 .vitrinaProductos h2.titulo { margin: 11px 0 0; } .variante-02 .tabs-td nav.tab-menu a.tab-item { height: 55px; font-size: 24px; } .variante-02 .tabs-td h2.titulo { margin: 46px 0 46px; } .variante-02 .marcas { display: none; } .variante-02 .marcas h2.titulo-marcas { font-size: 26px; letter-spacing: 1px; text-transform: uppercase; font-family: EquitanSans-Regular; font-weight: bold; color: #000; } .variante-02 .banner-secundario .banner-secundario-container .hot-spot { z-index: 10; } .variante-02 .banner-secundario .banner-secundario-container .tooltips-price { background: transparent; color: transparent; } .variante-02 .banner-secundario .banner-secundario-container .tooltips-price:before { background: transparent; } .variante-02 .banner-secundario .banner-secundario-container .tooltips-price:after { -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; } .variante-02 .vitrinaProductos h2.titulo { text-align: center; margin: 20px 0 0; } .variante-02 .consejos h2.titulo-consejos { background-color: #175643; color: #fff; padding: 12px 10px; } .variante-moda .consejos .container-consejo.g1 .item-consejo, .variante-moda .consejos .container-consejo.g2 .item-consejo, .variante-02 .consejos .container-consejo.g1 .item-consejo, .variante-02 .consejos .container-consejo.g2 .item-consejo { font-family: EquitanSans-Regular; color: #000; } @media screen and (min-width: 767px) { .variante-moda .consejos .container-consejo.g1 .item-consejo, .variante-moda .consejos .container-consejo.g2 .item-consejo, .variante-02 .consejos .container-consejo.g1 .item-consejo, .variante-02 .consejos .container-consejo.g2 .item-consejo { background-color: #e4e3e2; } } .variante-02 .consejos .container-consejo.g1 .item-consejo .titulo, .variante-02 .consejos .container-consejo.g2 .item-consejo .titulo { border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #000; } .variante-moda .tabs-td .colecciones { position: relative; max-width: 1250px; margin: 0px auto; display: block; float: none; } } @media screen and (min-width: 767px) { .variante-moda .consejos .container-consejo.g1 .item-consejo .titulo, .variante-moda .consejos .container-consejo.g2 .item-consejo .titulo, .variante-02 .consejos .container-consejo.g1 .item-consejo .titulo, .variante-02 .consejos .container-consejo.g2 .item-consejo .titulo { background-color: rgba(228, 227, 226, 0.6); } } .variante-02 .consejos .container-consejo.g1 .item-consejo:hover, .variante-02 .consejos .container-consejo.g2 .item-consejo:hover { background-color: #fff; color: #000; } @media screen and (min-width: 767px) { .variante-moda .consejos .container-consejo.g1 .item-consejo:hover .titulo, .variante-moda .consejos .container-consejo.g2 .item-consejo:hover .titulo .variante-02 .consejos .container-consejo.g1 .item-consejo:hover .titulo, .variante-02 .consejos .container-consejo.g2 .item-consejo:hover .titulo { background-color: rgba(228, 227, 226, 0.9); } } .variante-02 .wpstyle { width: 95%; max-width: 1285px; position: relative; margin: 0 auto; padding: 0; } .variante-02 .wpstyle h2.titulo-style { background-color: #175643; color: #fff; padding: 12px 10px; margin: 11px auto; } .variante-03 { /* VITRINA PRODUCTOS */ /* TAB SUPERIOR */ /* COMPONENTE 3 */ /* COMPNENTE 6 */ } .variante-03 .categorias_prod .product .hoverpa { background-color: rgba(185, 149, 130, 0.8); } .variante-03 .categorias_prod .product .hoverpa .ver-producto { top: 45%; background-color: #e5222a; color: #fff; } .variante-03 .categorias_prod a.ver-coleccion { background-color: #e5222a; color: #fff; width: 210px; font-size: 20px; height: 44px; line-height: 45px; text-decoration: none; text-align: center; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; text-transform: uppercase; font-family: EquitanSans-Regular; } .variante-03 .categorias_prod a.ver-coleccion:after { display: none; } .variante-03 .categorias_prod a.ver-coleccion:hover { opacity: .7; } .variante-03 #tab-navegacion .tab-label-mobile { background-color: #b99582; } .variante-03 #tab-navegacion .tab-navegacion-content { background-color: #b99582; } .variante-03 #tab-navegacion nav.tab-menu { background-color: #b99582; } .variante-03 #tab-navegacion nav.tab-menu a.tab-item { font-size: 24px; line-height: 30px; border: 2px solid #b99582; text-transform: uppercase; } .variante-03 #tab-navegacion nav.tab-menu a.tab-item:hover { background-color: #fff; color: #b99582; } @media screen and (max-width: 768px) { .variante-03 #tab-navegacion nav.tab-menu a.tab-item { font-size: 17px; } } .variante-03 .subtategorias { padding-top: 30px; } @media screen and (max-width: 767px) { .variante-03 .subtategorias { padding-top: 0; } } .variante-03 .subtategorias h2.titulo { color: #000; } .variante-03 .categoriaAmbientada .colecciones .titulo { margin: 10px auto 5px; } .variante-03 .tabs-td nav.tab-menu { background-color: #b99582; } .variante-03 .tabs-td nav.tab-menu a.tab-item { height: 55px; font-size: 24px; border: 2px solid #b99582; } .variante-03 .tabs-td nav.tab-menu a.tab-item.active, .variante-03 .tabs-td nav.tab-menu a.tab-item:hover { background-color: #fff; color: #b99582; } .variante-03 .marcas h2.titulo-marcas { font-size: 26px; letter-spacing: 1px; text-transform: uppercase; font-family: EquitanSans-Regular; font-weight: bold; color: #000; } .variante-03 .consejos h2.titulo-consejos { background-color: #000; color: #fff; padding: 12px 10px; } .variante-03 .consejos .container-consejo.g1 .item-consejo, .variante-03 .consejos .container-consejo.g2 .item-consejo { font-family: EquitanSans-Regular; } @media screen and (min-width: 767px) { .variante-03 .consejos .container-consejo.g1 .item-consejo .titulo, .variante-03 .consejos .container-consejo.g2 .item-consejo .titulo { border: 1px solid #000; } } .variante-03 .consejos .container-consejo.g1 .item-consejo.oclt, .variante-03 .consejos .container-consejo.g2 .item-consejo.oclt { display: inline-block; } .variante-03 .consejos .container-consejo.g1 .item-consejo:hover, .variante-03 .consejos .container-consejo.g2 .item-consejo:hover { background-color: #fff; color: #000; } .variante-03 .consejos .ver-mas { font-family: Avenir-Medium; color: #e5222a; font-size: 14px; text-decoration: underline; display: none; } .variante-03 .wpstyle { width: 95%; max-width: 1285px; position: relative; margin: 0 auto; padding: 0; } .variante-03 .wpstyle h2.titulo-style { background-color: #000; color: #fff; padding: 12px 10px; margin: 11px auto; } @media screen and (max-width: 767px) { .variante-01 .subtategorias { padding-top: 0; margin-top: 10px; } .deportes.variante-01 .container-fullWConten .subtategorias { width: 88%; margin: 0 auto; margin-right: 10px; } .variante-01 .subtategorias h2.titulo, .variante-01 .marcas h2.titulo-marcas { font-size: 17px; margin-bottom: 20px; margin-top: 20px; padding: 0 6px; } body.zapatillas.variante-01 .subtategorias h2.titulo, .variante-01 .marcas h2.titulo-marcas { margin-bottom: 0; margin-top: 0; padding: 0 6px; } .tabs-td .colecciones .categorias_prod { max-width: 83%; margin: 0 auto; } .variante-01 .consejos .ver-mas { margin: 0 auto; display: block; width: 75px; } .variante-01 .consejos .container-consejo.g1 .item-consejo.oclt, .variante-01 .consejos .container-consejo.g1 .item-consejo.oclt { display: none; } .variante-02 .categoriaAmbientada .colecciones .titulo { margin: 10px auto 5px; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado { padding: 10px 12px; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado p.estas-viendo { margin: 0; display: none; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado .producto-destacado-container { width: 170px; min-height: 277px; background: transparent; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado a.ocultar { display: block; color: #175643; text-transform: uppercase; font-weight: bold; font-size: 15px; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado a.ocultar:before { font-size: 9px; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado .product .hoverpa .ver-producto { max-width: 80%; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado .product .brand { margin-top: 0; font-size: 12px; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado .product .brand.sm { display: none; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado .product .price-after .bold { font-size: 14px; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado .product .productImage { min-height: 130px; background-color: #fff; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado .product .productImage img { max-width: 130px; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado .product .product-etiquetas-price { padding: 7px 12px 0; } .variante-02 .categoriaAmbientada .banner .producto-seleccionado .product .productName { margin-bottom: 5px; line-height: 1.1; font-size: .8em; } .variante-02 .categoriaAmbientada .banner .tooltips-price { background: transparent; color: transparent; } .variante-02 .categoriaAmbientada .banner .tooltips-price:before { background: transparent; } .variante-02 .categoriaAmbientada .banner .tooltips-price:after { -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; } } #rotador-top { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* RZtnqd3Kwg*/ } #rotador-top * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #rotador-top .carrusel-container { background: #eee url(https://oechsleqa.vteximg.com.br/arquivos/carga.gif) center center no-repeat; -moz-background-size: 100px 100px; background-size: 100px 100px; min-height: 395px; } #rotador-top .carrusel-container.load { background: #eee; min-height: initial; } #rotador-top .carrusel-container .slick-list.draggable { width: 100%; } #rotador-top .carrusel-container .carrusel-banner { position: relative; } body.zapatillas #rotador-top .carrusel-container .carrusel-banner .links a:after { content: ""; background: url(/arquivos/Boton_VerColeccion.png) no-repeat; width: 336px; height: 100px; display: block; bottom: 18px; position: absolute; left: 50%; margin-left: -168px; } @media screen and (max-width: 768px) { body.zapatillas #rotador-top .carrusel-container .carrusel-banner:after { background-size: 220px; background-position: center 0px; } } body.zapatillas .item-componente .load img, body.deportes .item-componente .load img{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; } body.zapatillas .item-componente .load:hover img, body.deportes .item-componente .load:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } #rotador-top .carrusel-container .carrusel-banner .links { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #rotador-top .carrusel-container .carrusel-banner a.single-banner { display: block; width: 100%; height: 100%; float: left; } #rotador-top .carrusel-container .carrusel-banner img { opacity: 1; width: 100%; max-width: 100%; display: block; -webkit-transition: opacity .5s linear .2s; -o-transition: opacity .5s linear .2s; -moz-transition: opacity .5s linear .2s; transition: opacity .5s linear .2s; } #rotador-top .carrusel-container .carrusel-banner[data-item="1"] a.single-banner { display: block; width: 100%; } #rotador-top .carrusel-container .carrusel-banner[data-item="2"] a.single-banner { width: 50%; } #rotador-top .carrusel-container .carrusel-banner[data-item="3"] a.single-banner { width: 33.333%; } #rotador-top .carrusel-container .carrusel-banner[data-item="4"] a.single-banner { width: 25%; } #rotador-top .carrusel-container .slick-dots { margin: 0 auto; display: block; text-align: center; padding: 0; position: absolute; bottom: 25px; left: 0; right: 0; opacity: .8; -webkit-transition: all 0.25s; -o-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } #rotador-top .carrusel-container .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; } #rotador-top .carrusel-container .slick-dots button { font-size: 0; opacity: 1; -webkit-filter: none; filter: none; position: relative; height: 20px; width: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #d6d6d6; border: 1px solid #d6d6d6; -webkit-transition: all 0.25s; -o-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; cursor: pointer; } #rotador-top .carrusel-container .slick-dots .slick-active button, #rotador-top .carrusel-container .slick-dots button:hover { background: #fff; border: 1px solid #c7c7c7; } .especial-navidad #rotador-top .carrusel-container .slick-next:after, #rotador-top .carrusel-container .slick-prev:after{ margin-top:-10px; } .especial-navidad #rotador-top .carrusel-container .slick-next:after, #rotador-top .carrusel-container .slick-next:after{ margin-top:-10px; } #rotador-top .carrusel-container .slick-next:after, #rotador-top .carrusel-container .slick-prev:after { font-family: icon-font; vertical-align: middle; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 28px; color: #fff; } #rotador-top .carrusel-container .slick-prev:after { content: "\E012"; height: 60px; width: 60px; display: inline-block; font-weight: 400; } #rotador-top .carrusel-container .slick-next:after { content: "\E011"; height: 60px; width: 60px; display: inline-block; font-weight: 400; } #rotador-top .carrusel-container .slick-prev { left: 0; top: 40%; font-size: 20px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; position: absolute; z-index: 1; } #rotador-top .carrusel-container .slick-next { position: absolute; right: 0; top: 40%; font-size: 20px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; z-index: 1; } .banner-secundario { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 40px; /* RZtnqd3Kwg*/ } @media screen and (max-width: 767px) { .banner-secundario { margin-top: 0; } } .banner-secundario * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .banner-secundario .slick-dots { margin: 0 auto; display: block; text-align: center; padding: 0; position: absolute; bottom: 25px; left: 0; right: 0; opacity: .8; -webkit-transition: all 0.25s; -o-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .banner-secundario .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; } .banner-secundario .slick-dots button { font-size: 0; opacity: 1; -webkit-filter: none; filter: none; position: relative; height: 20px; width: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #d6d6d6; border: 1px solid #d6d6d6; -webkit-transition: all 0.25s; -o-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; cursor: pointer; } .banner-secundario .slick-dots .slick-active button, .banner-secundario .slick-dots button:hover { background: #fff; border: 1px solid #c7c7c7; } .banner-secundario .slick-next:after, .banner-secundario .slick-prev:after { font-family: icon-font; vertical-align: middle; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 28px; color: #fff; } .banner-secundario .slick-prev:after { content: "\E012"; height: 60px; width: 60px; display: inline-block; font-weight: 400; } .banner-secundario .slick-next:after { content: "\E011"; height: 60px; width: 60px; display: inline-block; font-weight: 400; } .banner-secundario .slick-prev { left: 0; top: 40%; font-size: 20px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; position: absolute; z-index: 1; } .banner-secundario .slick-next { position: absolute; right: 0; top: 40%; font-size: 20px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; z-index: 1; } .banner-secundario .banner-secundario-item[data-item="1"] a.single-banner { display: block; width: 100%; } .banner-secundario .banner-secundario-item[data-item="2"] a.single-banner { width: 50%; } .banner-secundario .banner-secundario-item[data-item="3"] a.single-banner { width: 25%; } .banner-secundario .banner-secundario-item[data-item="4"] a.single-banner { width: 33.333%; } .banner-secundario .links { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .banner-secundario a.single-banner { display: block; width: 100%; height: 100%; float: left; } .banner-secundario .banner-secundario-container .banner-secundario-item { background: #eee url(https://oechsleqa.vteximg.com.br/arquivos/carga.gif) center center no-repeat; -moz-background-size: 100px 100px; background-size: 100px 100px; min-height: 320px; } @media screen and (max-width: 767px) { .banner-secundario .banner-secundario-container .banner-secundario-item { min-height: 246px; } } .banner-secundario .banner-secundario-container .banner-secundario-item.load { background: #eee; min-height: initial; } .banner-secundario .banner-secundario-container #hotspotImg { display: block; position: relative; } .banner-secundario .banner-secundario-container .hot-spot { position: absolute; top: 5px; left: 5px; text-align: center; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; display: none; } .banner-secundario .banner-secundario-container img { max-width: 100%; width: auto; height: auto; display: block; } .banner-secundario .banner-secundario-container .slick-next:after, .banner-secundario .banner-secundario-container .slick-prev:after { font-family: icon-font; vertical-align: middle; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 28px; color: #b8b6b7; } .banner-secundario .banner-secundario-container .slick-prev:after { content: "\E012"; height: 60px; width: 60px; display: inline-block; font-weight: 400; } .banner-secundario .banner-secundario-container .slick-next:after { content: "\E011"; height: 60px; width: 60px; display: inline-block; font-weight: 400; } .banner-secundario .banner-secundario-container .slick-prev { left: -54px; top: 40%; font-size: 20px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; position: absolute; } .banner-secundario .banner-secundario-container .slick-next { position: absolute; right: -43px; top: 40%; font-size: 20px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; } .banner-secundario .banner-secundario-container .tooltips-price { width: 102px; height: 30px; background: transparent; color: transparent; padding: 7px 14px; display: block; text-align: center; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; font-family: 'Avenir-Medium'; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .banner-secundario .banner-secundario-container .tooltips-price:before { height: 60px; display: block; background: transparent; width: 1px; position: absolute; left: 0; top: 3px; content: ''; } .banner-secundario .banner-secundario-container .tooltips-price:after { width: 7px; height: 7px; position: absolute; left: -6px; top: 52px; content: ''; border: 3px solid #e6232b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; } .banner-secundario .banner-secundario-container .tooltips-price:hover { background: #00bc8c; color: #fff; } .banner-secundario .banner-secundario-container .tooltips-price:hover:before { background: #00bc8c; } .banner-secundario .banner-secundario-container .tooltips-price:hover:after { border: 3px solid #00bc8c; } .banner.clearfix ul.slick-initialized { padding-left: 0; } #tab-navegacion { width: 100%; height: 55px; z-index: 10; position: relative; } #tab-navegacion .tab-navegacion-content { width: 100%; -webkit-box-shadow: -1px 5px 6px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: -1px 5px 6px 2px rgba(0, 0, 0, 0.2); box-shadow: -1px 5px 6px 2px rgba(0, 0, 0, 0.2); background-color: #000; position: relative; } body.zapatillas #tab-navegacion .tab-navegacion-content { max-width: 1400px; background-color: #f6364e !important; } #tab-navegacion .tab-navegacion-content.fixed { position: fixed; top: 0; z-index: 80; } #tab-navegacion .tab-label-mobile { display: none; background-color: #000; color: #fff; font-family: EquitanSans-Regular; font-weight: 300; font-size: 18px; text-align: center; width: 100%; height: 55px; line-height: 55px; text-transform: uppercase; padding-left: 25px; } #tab-navegacion .tab-label-mobile:before { font-family: icon-font; content: "\E027"; display: inline-block; vertical-align: middle; margin-right: 10px; font-size: 13px; position: absolute; left: 10px; } @media screen and (max-width: 768px) { #tab-navegacion .tab-label-mobile { display: block; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 90%; margin: 0 auto; } body.zapatillas #tab-navegacion .tab-label-mobile { max-width: 100%; } } #tab-navegacion nav.tab-menu { width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; top: -10px; -webkit-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); -o-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); -moz-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); } body.zapatillas #tab-navegacion nav.tab-menu { position: relative; top: initial; } body.zapatillas #tab-navegacion .tab-item:last-child, body.deportes #tab-navegacion .tab-item:last-child{ width: 0; height: 0; background: rgba(100, 100, 200, 0); bottom: 0; position: absolute; font-size: 0 !important; border: initial !important; } body.deportes .tab-navegacion-content .tab-item:hover ~ .tab-item:last-child{ background: #fff !important; transition: 0.25s !important; height: 5px !important; padding: 0 !important; } body.zapatillas .tab-navegacion-content .tab-item:hover ~ .tab-item:last-child{ background: #0089cd !important; transition: 0.25s !important; height: 5px !important; padding: 0 !important; } body.deportes .item-componente .col .iconBanner, body.zapatillas .item-componente .col .iconBanner{ opacity: 0; } @-webkit-keyframes pulse { 25% { -webkit-transform: scale(1.2); transform: scale(1.2); } 75% { -webkit-transform: scale(0.8); transform: scale(0.8); } } @keyframes pulse { 25% { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } 75% { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } } body.deportes .item-componente .col.load .iconBanner{ display: block; bottom: 45px; position: absolute; left: 50%; margin-left: -112.5px; opacity: 1; z-index: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); } body.zapatillas .item-componente .col.load .iconBanner{ display: block; bottom: 160px; position: absolute; width: 300px; right: 80px; opacity: 1; z-index: 1; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); height: auto; } body.deportes .item-componente#maquinas .col.load .iconBanner{ margin-left: 130px; } body.zapatillas .item-componente#zapatillas-hombre .col.load .iconBanner{ bottom: 20px; } @media screen and (max-width: 767px) { body.deportes .item-componente .col.load .iconBanner{ width: 160px; display: block; height: auto; margin-left: -160px; bottom: 125px; } body.zapatillas .item-componente .col.load .iconBanner{ width: 190px; display: block; height: auto; bottom: 35px !important; } body.deportes .item-componente#maquinas .col.load .iconBanner{ margin-left: -156px; } body.zapatillas .item-componente#maquinas .col.load .iconBanner{ bottom: 20px; width: 210px; bottom: 25px; } } @keyframes wobble { 16.65% { -webkit-transform: translateY(8px); -ms-transform: translateY(8px); transform: translateY(8px); } 33.3% { -webkit-transform: translateY(-6px); -ms-transform: translateY(-6px); transform: translateY(-6px); } 49.95% { -webkit-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } 66.6% { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); } 83.25% { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } body.deportes .item-componente .col.load .iconBanner:hover, body.zapatillas .item-componente .col.load .iconBanner:hover { -webkit-animation-name: wobble; animation-name: wobble; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } body.deportes .tab-navegacion-content .tab-item:hover ~ .tab-item:last-child{ background: #fff !important; } body.zapatillas .tab-navegacion-content .tab-item:nth-of-type(1):hover ~ .tab-item:last-child { left: 0; width: 33.3% !important; } body.zapatillas .tab-navegacion-content .tab-item:nth-of-type(2):hover ~ .tab-item:last-child { left: 33.3%; width: 33.3% !important; } body.zapatillas .tab-navegacion-content .tab-item:nth-of-type(3):hover ~ .tab-item:last-child { left: 66.6%; width: 33.3% !important; } body.deportes .tab-navegacion-content .tab-item:nth-of-type(1):hover ~ .tab-item:last-child { left: 0; width: 20% !important; } body.deportes .tab-navegacion-content .tab-item:nth-of-type(2):hover ~ .tab-item:last-child { left: 20%; width: 20% !important; } body.deportes .tab-navegacion-content .tab-item:nth-of-type(3):hover ~ .tab-item:last-child { left: 40%; width: 20% !important; } body.deportes .tab-navegacion-content .tab-item:nth-of-type(4):hover ~ .tab-item:last-child { left: 60%; width: 20% !important; } body.deportes .tab-navegacion-content .tab-item:nth-of-type(5):hover ~ .tab-item:last-child { left: 80%; width: 20% !important; } body.zapatillas #tab-navegacion nav.tab-menu { max-width: 1400px; } @media screen and (max-width: 768px) { body.zapatillas .single-banner[id-slider="zapatillas-mujer"]:before, body.zapatillas .single-banner[id-slider="zapatillas-hombre"]:before { background-size: 220px; background-position: center 0px; } } #tab-navegacion nav.tab-menu a.tab-item { border: 2px solid #000; padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -ms-flex-pack: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; align-items: start; -ms-flex: 1 0; -webkit-box-flex: 1; -webkit-flex: 1 0; -moz-box-flex: 1; flex: 1 0; color: #fff; font-family: EquitanSans-Regular; font-weight: 300; height: 55px; line-height: 34px; -webkit-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); -o-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); -moz-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); position: relative; letter-spacing: 2px; text-align: center; } #tab-navegacion nav.tab-menu a.tab-item:last-child:after { content: normal; } #tab-navegacion nav.tab-menu a.tab-item:after { content: ""; width: 1px; height: 28px; position: absolute; background-color: #fff; right: -1px; } body.zapatillas #tab-navegacion nav.tab-menu a.tab-item:after{ /* content: initial; */ } #tab-navegacion nav.tab-menu a.tab-item:hover, #tab-navegacion nav.tab-menu a.tab-item.active { background-color: #fff; color: #000; font-weight: 500; } body.deportes .tab-navegacion-content nav.tab-menu a.tab-item:hover, #tab-navegacion nav.tab-menu a.tab-item.active, body.zapatillas .tab-navegacion-content nav.tab-menu a.tab-item:hover, #tab-navegacion nav.tab-menu a.tab-item.active{ background-color: #fff !important; color: #000 !important; } #tab-navegacion nav.tab-menu a.tab-item:hover:after, #tab-navegacion nav.tab-menu a.tab-item.active:after { content: normal; } @media screen and (max-width: 768px) { #tab-navegacion nav.tab-menu { display: none; position: absolute; top: 100%; background-color: #000; z-index: 10; } body.zapatillas #tab-navegacion nav.tab-menu { background-color: #f73449 !important;} #tab-navegacion nav.tab-menu.active { display: block; } #tab-navegacion nav.tab-menu a.tab-item { display: block; text-align: center; width: 100%; font-size: 17px; } } /*COLORES*/ /*FUENTE*/ @-webkit-keyframes swipe-overlay { 0% { -webkit-transform: translateX(20px); transform: translateX(20px); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @-moz-keyframes swipe-overlay { 0% { -moz-transform: translateX(20px); transform: translateX(20px); } 50% { -moz-transform: translateX(0); transform: translateX(0); } 100% { -moz-transform: translateX(-20px); transform: translateX(-20px); } } @-o-keyframes swipe-overlay { 0% { -o-transform: translateX(20px); transform: translateX(20px); } 50% { -o-transform: translateX(0); transform: translateX(0); } 100% { -o-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes swipe-overlay { 0% { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 50% { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 100% { -webkit-transform: translateX(-20px); -moz-transform: translateX(-20px); -o-transform: translateX(-20px); transform: translateX(-20px); } } .subtategorias { position: relative; } .subtategorias .wp-items { position: relative; } .subtategorias .overlay-touch { display: block; background-color: rgba(255, 255, 255, 0.6); position: absolute; top: 0; height: 100%; width: 100%; } .subtategorias .overlay-touch, .subtategorias .overlay-touch * { pointer-events: none; } .subtategorias .overlay-touch .overlay-icon { display: block; width: 68px; height: 74px; margin-bottom: 10px; -webkit-animation: swipe-overlay 3s linear 0s infinite alternate; -moz-animation: swipe-overlay 3s linear 0s infinite alternate; -o-animation: swipe-overlay 3s linear 0s infinite alternate; animation: swipe-overlay 3s linear 0s infinite alternate; margin: 0 auto 10px; background: url(/arquivos/swipe.png) no-repeat center; } .subtategorias .overlay-touch .overlay-text { text-transform: uppercase; font-size: 012px; font-weight: bold; text-align: center; display: block; } .subtategorias .is-hidden { display: none !important; } .subtategorias .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; /* 1 */ } .subtategorias h2.titulo { text-transform: uppercase; margin: 0 auto; padding: 20px 0; color: #4a4848; font-size: 27px; margin-bottom: 14px; font-family: 'EquitanSans-Regular'; letter-spacing: 1px; font-weight: normal; } @media screen and (max-width: 768px) { .subtategorias h2.titulo { font-size: 17px; margin-bottom: 20px; margin-top: 20px; padding: 0 6px; } } .subtategorias .items a { min-height: 153px; background: #eee url(https://oechsleqa.vteximg.com.br/arquivos/carga.gif) center center no-repeat; -moz-background-size: 100px 100px; background-size: 100px 100px; display: block; position: relative; } @media screen and (max-width: 768px) { .subtategorias .items a { min-height: 124px; } } .subtategorias .items a.load { background: #eee; min-height: initial; } .subtategorias .items a .img-over { position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; } .subtategorias .items a .img-hover { position: absolute; top: 0; left: 0; visibility: hidden; opacity: 0; } .subtategorias .items a:after { background: rgba(0, 0, 0, 0.3); background-repeat: no-repeat; background-position: center center; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .3s ease-in-out .2s; -o-transition: all .3s ease-in-out .2s; -moz-transition: all .3s ease-in-out .2s; transition: all .3s ease-in-out .2s; opacity: 0; visibility: hidden; } .subtategorias .items a:hover:after { opacity: 1; visibility: visible; } .subtategorias .items a:hover .img-hover { visibility: visible; opacity: 1; } .subtategorias .items a.active .img-over { visibility: visible; opacity: 1; } .subtategorias .items a.active .image.normal { visibility: hidden; opacity: 0; } .subtategorias .items .slick-next:after, .subtategorias .items .slick-prev:after { font-family: icon-font; vertical-align: middle; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 28px; color: #b8b6b7; } .subtategorias .items .slick-prev:after { content: "\E012"; height: 60px; width: 60px; display: inline-block; font-weight: 400; } .subtategorias .items .slick-next:after { content: "\E011"; height: 60px; width: 60px; display: inline-block; font-weight: 400; } .subtategorias .items .slick-prev { left: -47px; top: 27%; font-size: 20px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; position: absolute; } .subtategorias .items .slick-next { position: absolute; right: -36px; top: 27%; font-size: 20px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; } .subtategorias .wp-content { position: relative; } .subtategorias .wp-content:before, .subtategorias .wp-content:after { content: " "; display: table; } .subtategorias .wp-content:after { clear: both; } .subtategorias .wp-content .item-componente { } .subtategorias .wp-content .item-componente.active { z-index: 8; position: relative; visibility: visible; opacity: 1; pointer-events: initial; } .subtategorias .image { width: 100%; } .subtategorias .v1 .image { max-height: 199px; } .subtategorias .v2 .image { max-height: 241px; } .subtategorias .v3 .image { max-height: 303px; } .subtategorias .v4 .image { max-height: 244px; } .subtategorias .v5 .image { max-height: 243px; } .subtategorias .v5 a { min-height: 243px; background: #eee url(https://oechsleqa.vteximg.com.br/arquivos/carga.gif) center center no-repeat; -moz-background-size: 100px 100px; background-size: 100px 100px; } .subtategorias .v5 a.load { background: #eee; min-height: initial; } .subtategorias .v6 .image { max-height: 347px; } .subtategorias .v6 a { min-height: 347px; background: #eee url(https://oechsleqa.vteximg.com.br/arquivos/carga.gif) center center no-repeat; -moz-background-size: 100px 100px; background-size: 100px 100px; } .subtategorias .v6 a.load { background: #eee; min-height: initial; } .subtategorias.mgb { margin-bottom: 26px; } .subtategorias .box { font-size: 0; text-align: center; } .subtategorias .box .image.active { display: none; } .subtategorias .box .image.normal { display: block; } .subtategorias .box.active .image.active { display: block; } .subtategorias .box.active .image.normal { display: none; } .col.-sm-2.-vsm { width: 15.8%; } .col.-sm-3.-vsm { width: 24%; } .col.-sm-6.-vsm { width: 49%; } .col.-sm-3.-vsmx { width: 19%; } .col.-sm-4.-vsm { width: 32.33333%; } .-mrl { margin: 0 4px; } .items.v4 .-mrl { margin: 0 5.97px; } @media screen and (max-width: 569px) { .subtategorias .items .slick-next { right: -6px; top: 22%; z-index: 79; } .subtategorias .items .slick-prev { display: none; } } @media screen and (max-width: 992px) { .col.-sm-2.-vsm { width: 147px; } .-mrl { margin: 0 4px; } .items.v6 .-mrl { margin: 0; } } @media screen and (max-width: 320px) { .col.-sm-2.-vsm { width: 124px; } .wp-items { overflow: hidden; } .wp-items .items { width: 395px; } .subtategorias .items .slick-next { width: 60px; height: 60px; right: 74px; top: 18%; } .subtategorias .items .slick-next:after { color: #fff; opacity: .7; } } #noFix.header-wrapper { position: static; } #noFix.header-wrapper #header-seccion2, #noFix.header-wrapper.fixed #header-seccion2 { position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } img.lozad { -webkit-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); -o-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); -moz-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); opacity: 0; } img[data-loaded="true"] { opacity: 1; } @media screen and (max-width: 767px) { #header-top { padding-bottom: 0; } } .categorias_prod { position: relative; } .categorias_prod.ov { overflow: hidden; } .categorias_prod.ov ul { width: 10000px; } .categorias_prod ul { list-style-type: none; padding: 0; display: block; } .categorias_prod ul li { display: inline-block; } .categorias_prod ul li:first-child .product { margin-left: 0; } .categorias_prod .slick-next:after, .categorias_prod .slick-prev:after { font-family: icon-font; vertical-align: middle; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 28px; color: #b8b6b7; } body.deportes .categorias_prod .slick-next:after, body.deportes .categorias_prod .slick-prev:after{ color: #000; } .categorias_prod .slick-prev:after { content: "\E012"; height: 60px; width: 60px; display: inline-block; font-weight: 400; } body.zapatillas .categorias_prod .slick-prev:after { content: "" !important; background: url(/arquivos/FlechasAzul_Izq.png) no-repeat; background-size: 35px; } .categorias_prod .slick-next:after { content: "\E011"; height: 60px; width: 60px; display: inline-block; font-weight: 400; } body.zapatillas .categorias_prod .slick-next:after { content: "" !important; background: url(/arquivos/FlechasAzul_Der.png) no-repeat; background-size: 35px; } .categorias_prod .slick-prev { left: -54px; top: 40%; font-size: 20px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; position: absolute; } body.zapatillas .categorias_prod .slick-prev { left: -45px; } .categorias_prod .slick-next { position: absolute; right: -43px; top: 40%; font-size: 20px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; } body.zapatillas .categorias_prod .slick-next{ right: -60px; } .categorias_prod a.ver-producto { text-decoration: underline; color: #fff; background-color: #e5222a; width: 171px; padding: 7px 0px; display: block; margin: 0 auto; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; text-align: center; margin-top: 15px; font-size: 16px; } .categorias_prod a.ver-coleccion { font-family: 'Avenir-Medium'; display: block; width: 113px; margin: 0 auto; color: #e5222a; text-decoration: underline; font-size: 16px; margin-bottom: 45px; position: relative; } .categorias_prod a.ver-coleccion:after { content: "\E011"; font-family: icon-font; position: absolute; right: -5px; top: 4px; } .categorias_prod .product { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; max-width: 244px; margin-left: 4px; padding-bottom: 0px; } .categorias_prod .product .product-etiquetas-price { min-height: 120px; } .categorias_prod .product .productImage { min-height: 0; line-height: 17px; } /*.categorias_prod .product .productImage .flag { display: none; }*/ .categorias_prod .product .brand { font-size: 14px; } .categorias_prod .product .product-etiquetas-price { min-height: 120px; } .categorias_prod .product .productName { line-height: 17px; min-height: inherit; } .categorias_prod .product .price-after { font-size: 16px; line-height: 19px; min-height: 21px; margin-top: 0; } .categorias_prod .product .price-after .bold { font-size: 18px; } .categorias_prod .product .tarjeta-oh { margin-top: 2px; font-size: 18px; } .categorias_prod .product .hoverpa { display: block; position: absolute; top: 0; background: rgba(255, 255, 255, 0.9); left: 0; right: 0; height: 258px; height: 100%; opacity: 0; visibility: hidden; -webkit-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); -o-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); -moz-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); } .categorias_prod .product .hoverpa:hover { opacity: 1; visibility: visible; } .categorias_prod .product .hoverpa .ver-producto { background: transparent; min-height: 34px; background-color: #e5222a; color: #fff; display: block; margin: 0 auto; position: absolute; top: 55%; left: 0; right: 0; margin: 0 auto; width: 168px; height: 34px; text-align: center; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; text-decoration: none; font-family: 'Avenir-Medium'; } @media screen and (max-width: 767px) { .categorias_prod .product .hoverpa .ver-producto { width: auto; } } .categorias_prod .product .product-etiquetas-price { padding: 7px 22px 0; } .categorias_prod .product:hover .hoverpa { opacity: 1; visibility: visible; } .vitrinaProductos ul { margin-top: 0; } .vitrinaProductos h2.titulo { text-transform: uppercase; margin: 0 auto; padding: 20px 0; color: #4a4848; font-size: 27px; font-family: EquitanSans-Regular; letter-spacing: 1px; font-weight: 400; } @media screen and (max-width: 768px) { .vitrinaProductos h2.titulo { font-size: 17px; margin-bottom: 20px; margin-top: 20px; padding: 0 6px; max-width: 83%; } } .-aniifadein { -webkit-animation: aniifadein ease-in-out; -moz-animation: aniifadein ease-in-out; -o-animation: aniifadein ease-in-out; animation: aniifadein ease-in-out; } @media screen and (max-width: 992px) { .categorias_prod .product { max-width: none; } } @media screen and (max-width: 767px) { .categorias_prod .slick-next { right: -37px; } body.zapatillas .categorias_prod .slick-next{ right: -54px !important; } .categorias_prod .slick-prev { left: -45px !important; } body.zapatillas .categorias_prod .slick-prev { left: -37px !important; } } @media screen and (max-width: 569px) { .categorias_prod { padding: 0 30px; } .categorias_prod ul li { margin: 0 3px; } .categorias_prod .product .productName { margin-bottom: 5px; line-height: 1.2; font-size: .9em; max-height: 35px; } .categorias_prod .product .price-after { font-size: 15px; } .categorias_prod .product .price-after .bold { font-size: 15px; display: block; } .categorias_prod .product .product-etiquetas-price { padding: 5px 8px 0; min-height: 146px; } } @media screen and (max-width: 320px) { .categorias_prod { max-width: 255px; margin: 0 auto; } .categorias_prod .product { max-width: none; margin-left: 0; } .categorias_prod .product .productName { margin-bottom: 5px; line-height: 1.2; font-size: .9em; } } @-webkit-keyframes aniifadein { 0% { display: none; opacity: 0; } 100% { opacity: 1; display: block; } } @-ms-keyframes aniifadein { 0% { display: none; opacity: 0; } 100% { opacity: 1; display: block; } } @-moz-keyframes aniifadein { 0% { display: none; opacity: 0; } 100% { opacity: 1; display: block; } } @-o-keyframes aniifadein { 0% { display: none; opacity: 0; } 100% { opacity: 1; display: block; } } @keyframes aniifadein { 0% { display: none; opacity: 0; } 100% { opacity: 1; display: block; } } .tabs-td { position: relative; padding-top: 11px; } .tabs-td h2.titulo { margin: 0; padding: 20px 0; } @media screen and (max-width: 768px) { .tabs-td h2.titulo { font-size: 17px; margin-bottom: 20px; margin-top: 20px; padding: 0 6px; } } .tabs-td .colecciones { position: relative; } body.deportes .tabs-td .colecciones, body.zapatillas .tabs-td .colecciones { position: relative; height: 485px; background: #eee url(https://oechsleqa.vteximg.com.br/arquivos/carga.gif) center center no-repeat; } @media screen and (max-width: 767px) { body.deportes .tabs-td .colecciones, body.zapatillas .tabs-td .colecciones { height: 417px; } } .tabs-td .colecciones:before, .tabs-td .colecciones:after { content: " "; display: table; } .tabs-td .colecciones:after { clear: both; } .tabs-td .colecciones .categorias_prod { position: absolute; top: 0; left: 0; z-index: 0; right: 0; transition: all 1s linear; width: 100%; visibility: hidden; opacity: 1; } body.deportes .tabs-td .colecciones .categorias_prod, body.zapatillas .tabs-td .colecciones .categorias_prod { background: #fff; display: none; } .tabs-td .colecciones .categorias_prod:first-child { /* position: relative; */ } .tabs-td .colecciones .categorias_prod.active { visibility: visible; opacity: 1; position: relative; z-index: 1; } body.deportes .tabs-td .colecciones .categorias_prod.active, body.zapatillas .tabs-td .colecciones .categorias_prod.active{ display: block; } .tabs-td nav.tab-menu { width: 100%; -webkit-box-shadow: 0 10px 16px -6px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 16px -6px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 16px -6px rgba(0, 0, 0, 0.2); background-color: #000; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; top: -10px; -webkit-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); -o-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); -moz-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); } body.zapatillas .tabs-td nav.tab-menu{ background: initial; box-shadow: initial; } @media screen and (max-width: 767px) { body.zapatillas .tabs-td nav.tab-menu{ width: 100%; padding-left: 5%; height: 58px; padding-right: 10%; background: #00639e; margin-left: 0; position: relative; } } .tabs-td nav.tab-menu .slick-next:after, .tabs-td nav.tab-menu .slick-prev:after { font-family: icon-font; vertical-align: middle; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 28px; color: #b8b6b7; } .tabs-td nav.tab-menu .slick-next:after, .tabs-td nav.tab-menu .slick-prev:after{ } .tabs-td nav.tab-menu .slick-prev:after { content: "\E012"; height: 55px; width: 30px; display: inline-block; font-weight: 400; } .tabs-td nav.tab-menu .slick-next:after { content: "\E011"; height: 55px; width: 30px; display: inline-block; font-weight: 400; } @media screen and (max-width: 768px) { .tabs-td nav.tab-menu .slick-prev { top: -6px; left: -6px; } .tabs-td nav.tab-menu .slick-next { top: -6px; right: 5px; } } .tabs-td nav.tab-menu .slick-prev { left: 0; top: 0; font-size: 20px; width: 30px; height: 55px; line-height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; position: absolute; z-index: 8; } .tabs-td nav.tab-menu .slick-next { position: absolute; right: 10px; top: 0; font-size: 20px; width: 30px; height: 55px; line-height: 18px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; z-index: 8; } .tabs-td nav.tab-menu a.tab-item { padding: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: -webkit-flex; display: -webkit-box; display: -moz-box; display: flex; -ms-flex-align: center; -webkit-align-items: start; -webkit-box-align: start; -moz-box-align: start; align-items: start; -webkit-flex: 1 0; -webkit-box-flex: 1; -moz-box-flex: 1; -ms-flex: 1 0; flex: 1 0; color: #fff; font-family: EquitanSans-Regular; font-weight: 600; height: 46px; -webkit-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); -o-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); -moz-transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); transition: all 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); position: relative; border: 2px solid #000; } body.zapatillas .tabs-td nav.tab-menu a.tab-item { border: none; padding: 0; } .tabs-td nav.tab-menu a.tab-item:last-child:after { content: normal; } .tabs-td nav.tab-menu a.tab-item:after { content: ""; width: 1px; height: 28px; position: absolute; background-color: #fff; right: -1px; } .tabs-td nav.tab-menu a.tab-item:hover, .tabs-td nav.tab-menu a.tab-item.active { background-color: #fff; color: #000; font-weight: 500; } body.deportes nav.tab-menu a.tab-item:hover, body.deportes nav.tab-menu a.tab-item.active { background-color: #f6364e !important; color: #fff; } .tabs-td nav.tab-menu a.tab-item:hover:after, .tabs-td nav.tab-menu a.tab-item.active:after { content: normal; } @media screen and (max-width: 767px) { .tabs-td nav.tab-menu a.tab-item { min-width: 158px; font-size: 15px !important; } } .tabs-td .banner { font-size: 0; overflow: hidden; } .tabs-td .banner .image { width: 100%; } .tabs-td .banner * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .tabs-td .banner .links { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 8; } .tabs-td .banner .links a.single-banner { display: block; width: 100%; height: 100%; float: left; } .tabs-td .banner .links[data-item="1"] a.single-banner { display: block; width: 100%; } .tabs-td .banner .links[data-item="2"] a.single-banner { width: 50%; } .tabs-td .banner .links[data-item="3"] a.single-banner { width: 33.333%; } .tabs-td .banner .links[data-item="4"] a.single-banner { width: 25%; } .tabs-td .banner .col { position: relative; display: block; background: #eee url(https://oechsleqa.vteximg.com.br/arquivos/carga.gif) center center no-repeat; -moz-background-size: 100px 100px; background-size: 100px 100px; min-height: 340px; } .tabs-td .banner .col.load { background: #eee; min-height: initial; } .tabs-td .banner .col:after { background: rgba(0, 0, 0, 0.3); background-repeat: no-repeat; background-position: center center; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: all .3s ease-in-out .2s; -o-transition: all .3s ease-in-out .2s; -moz-transition: all .3s ease-in-out .2s; transition: all .3s ease-in-out .2s; opacity: 0; visibility: hidden; } .tabs-td .banner .col:hover:after { opacity: 0; visibility: visible; } .tabs-td .grup-btn { background-color: #000; margin-bottom: 27px; } .tabs-td .grup-btn a.btn-ted { display: block; color: #fff; text-align: center; padding: 15px 0; position: relative; } .tabs-td .grup-btn a.btn-ted:after { content: ""; display: block; width: 1px; height: 31px; background-color: #fff; position: absolute; right: 0; top: 10px; } .tabs-td .grup-btn .tab-td:last-child a.btn-ted:after { content: normal; } .tabs-td .tab-td { margin-left: 1%; } .tabs-td .tab-td.col.-sm-6 { width: 49.5%; } .tabs-td .tab-td.col.-sm-4 { width: 32.59%; } .tabs-td .tab-td.col.-sm-3 { width: 24.2%; } .tabs-td .tab-td.col.-sm-3.mcol5 { width: 19.2%; } .tabs-td .tab-td.first { margin-left: 0; } .tabs-td .tab-td .image { width: 100%; } .tabs-td .tab-td .image.active { display: none; } .tabs-td .tab-td .image.normal { display: block; } .tabs-td .tab-td.active .image.active { display: block; } .tabs-td .tab-td.active .image.normal { display: none; } @media screen and (max-width: 767px) { .tabs-td { padding-top: 0px; } .tabs-td .banner { margin: 24px 0 0 0; } } .newslatter { margin-top: 11px; background-color: #000; padding: 32px 0; } .newslatter h3 { color: #fff; font-size: 21px; margin: 0; font-family: 'EquitanSans-Regular'; } .newslatter .imagen-susc { display: inline-block; vertical-align: middle; } .newslatter .wp-nw { display: inline-block; width: 394px; vertical-align: middle; margin-left: 56px; } .newslatter .wp-susc { max-width: 590px; margin: 0 auto; } .newslatter .cj-sus { margin-top: 12px; } .suscribete .form { max-width: 610px; margin: 0 auto; margin: 5px 0 0 0; font-size: 0; } .suscribete .form input.email-newsletter { font-family: "Arial"; font-style: italic; -webkit-border-top-left-radius: 57px; -moz-border-radius-topleft: 57px; border-top-left-radius: 57px; -webkit-border-bottom-left-radius: 57px; -moz-border-radius-bottomleft: 57px; border-bottom-left-radius: 57px; border: solid 1px #fff; display: inline-block; vertical-align: middle; height: 40px; padding-left: 23px; font-size: 14px; width: 210px; height: 38px; padding-left: 25px; font-style: normal; background: #fff; } .suscribete .form button.submit { -webkit-border-top-right-radius: 57px; -moz-border-radius-topright: 57px; border-top-right-radius: 57px; -webkit-border-bottom-right-radius: 57px; -moz-border-radius-bottomright: 57px; border-bottom-right-radius: 57px; display: inline-block; vertical-align: top; width: 100px; height: 42px; font-size: 16px; padding: 10px 22px; color: #fff; background-color: #ff0000; font-family: 'EquitanSans-Regular'; font-weight: bold; } .suscribete .sm, .suscribete .em { color: #fff; display: block; text-align: center; font-weight: bold; padding-top: 32px; font-size: 18px; display: none; } .suscribete.-ss2 { background-color: transparent; } .suscribete.-ss2 h3.ts { color: #ff6e00; font-size: 16px; font-family: "lato-bold"; padding: 0 !important; margin-top: 21px; margin-bottom: 12px; } .suscribete.-ss2 .form { width: 100% !important; } .suscribete.-ss2 .text-check { color: #ff6e00; } .suscribete.-ss2 .form input.email-newsletter { border: solid 1px #bfbfbf; width: 316px; } .suscribete.-ss2 .text-check a { color: #ff6e00; text-decoration: underline; } .suscribete.-ss2 .sm, .suscribete.-ss2 .em { color: #ff6e00; } .suscribete.-ss2 .er-msg-chk { top: 8px; left: -9px; } .suscribete .-stl-checkqued { width: 10px; height: 10px; } .suscribete .-stl-checkqued label:after { width: 8px; height: 2px; top: 2px; left: 0; border: 2px solid #ff0000; border-top: none; border-right: none; } .suscribete .text-check { color: #fff; font-family: 'EquitanSans-Regular'; } .suscribete .text-check a { color: #fff; } @media screen and (max-width: 594px) { .newslatter h3 { text-align: center; font-size: 18px; margin: 0 22px 20px 22px; } .newslatter .wp-susc { max-width: 320px; margin: 0 auto; } .newslatter .wp-nw { margin-left: 0; width: 317px; } .newslatter .imagen-susc { width: 86px; margin: 0 auto; display: block; } .newslatter .form input.email-newsletter { width: 160px; height: 47px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .newslatter .form button.submit { width: 95px; height: 47px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .newslatter .form { margin: 0 auto; max-width: 296px; } .newslatter .cj-sus { margin: 0 auto; width: 254px; margin-top: 7px; } .newslatter .text-check { font-size: 11px; margin-top: 4px; } .newslatter .-stl-checkqued { margin-top: 2px; } } .destacadasCategoria { padding-top: 40px; } .destacadasCategoria__colecciones__titulo { margin: 10px auto 5px; font-family: EquitanSans-Regular; font-weight: 400; font-size: 27px; color: #5a5859; } .destacadasCategoria__colecciones .categorias_prod ul { margin-top: 8px; } .destacadasCategoria__banner { position: relative; } .destacadasCategoria__banner #hotspotImg { display: block; position: relative; background: #eee url(https://oechsleqa.vteximg.com.br/arquivos/carga.gif) center center no-repeat; -moz-background-size: 100px 100px; background-size: 100px 100px; min-height: 621px; } .destacadasCategoria__banner #hotspotImg.load { background: #eee; min-height: initial; } .destacadasCategoria__banner #hotspotImg .hot-spot { position: absolute; top: 5px; left: 5px; text-align: center; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; display: none; } .destacadasCategoria__banner #hotspotImg img { max-width: 100%; width: auto; height: auto; display: block; } .destacadasCategoria__banner .tooltips-price { width: 102px; height: 30px; background: #e6232b; color: #fff; padding: 7px 14px; display: block; text-align: center; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; position: absolute; top: 40%; left: 27.5%; font-weight: bold; line-height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .destacadasCategoria__banner .tooltips-price:before { height: 60px; display: block; background: #e6232b; width: 1px; position: absolute; left: 0; top: 3px; content: ''; } .destacadasCategoria__banner .tooltips-price:after { width: 7px; height: 7px; position: absolute; left: -6px; top: 52px; content: ''; border: 3px solid #e6232b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; } .destacadasCategoria__banner .tooltips-price:hover { background: #00bc8c; } .destacadasCategoria__banner .tooltips-price:hover:before { background: #00bc8c; } .destacadasCategoria__banner .tooltips-price:hover:after { border: 3px solid #00bc8c; } .destacadasCategoria__banner .producto-destacado { position: absolute; bottom: 20px; right: 0; } .destacadasCategoria__banner .producto-destacado a.ver-coleccion { display: inline-block; width: 281px; padding: 9px; margin-bottom: 0; padding-right: 50px; text-align: right; /* background: white; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; } .destacadasCategoria__banner .producto-destacado a.ver-coleccion:after { right: 32px; top: 13px; } .destacadasCategoria__banner .producto-destacado .producto-destacado-header { display: block; text-align: right; background-color: #000; margin-bottom: 14px; } .destacadasCategoria__banner .producto-destacado .producto-destacado-header span { float: left; color: #fff; padding: 11px 14px; } .destacadasCategoria__banner .producto-destacado .producto-destacado-container { display: block; margin-right: 34px; } .destacadasCategoria__banner .producto-destacado .product { display: inline-block; } .destacadasCategoria__banner .producto-destacado .product .product-etiquetas-price { min-height: 95px; padding-top: 0; } .destacadasCategoria__banner .producto-destacado .product .ver-producto { line-height: 34px; font-family: EquitanSans-Regular; } .destacadasCategoria__banner .producto-destacado .product .brand { margin-top: 5px; font-size: 13px; } .destacadasCategoria__banner .producto-destacado .product .productName { min-height: 16px; line-height: 16px; } .destacadasCategoria__banner .producto-destacado .product .productImage { min-height: 240px; } .categoriaAmbientada { padding-top: 40px; } .categoriaAmbientada .colecciones { position: relative; } .categoriaAmbientada .colecciones:before, .categoriaAmbientada .colecciones:after { content: " "; display: table; } .categoriaAmbientada .colecciones:after { clear: both; } .categoriaAmbientada .colecciones .clearfix { position: relative; } .categoriaAmbientada .colecciones .clearfix:before, .categoriaAmbientada .colecciones .clearfix:after { content: " "; display: table; } .categoriaAmbientada .colecciones .clearfix:after { clear: both; } .categoriaAmbientada .colecciones .titulo { margin: 10px auto 5px; font-family: EquitanSans-Regular; font-weight: 400; font-size: 27px; color: #5a5859; } @media screen and (max-width: 768px) { .categoriaAmbientada .colecciones .titulo { font-size: 17px; margin-bottom: 20px; margin-top: 20px; padding: 0 6px; } } .categoriaAmbientada .colecciones .categorias_prod { position: absolute; top: 0; left: 0; width: 100%; visibility: hidden; opacity: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media screen and (max-width: 768px) { .categoriaAmbientada .colecciones .categorias_prod { visibility: visible; opacity: 1; position: relative; } } .categoriaAmbientada .colecciones .categorias_prod:first-child, .categoriaAmbientada .colecciones .categorias_prod:only-child { position: relative; } .categoriaAmbientada .colecciones .categorias_prod.active { visibility: visible; opacity: 1; } .categoriaAmbientada .colecciones .categorias_prod ul { margin-top: 8px; } .categoriaAmbientada .banner { position: relative; } .categoriaAmbientada .banner #hotspotImg { display: block; position: relative; } .categoriaAmbientada .banner a { background: #eee url(https://oechsleqa.vteximg.com.br/arquivos/carga.gif) center center no-repeat; -moz-background-size: 100px 100px; background-size: 100px 100px; min-height: 500px; display: block; position: relative; z-index: 5; } .categoriaAmbientada .banner a.load { background: #eee; min-height: initial; } .carrusel-banner .hot-spot { position: absolute; top: 5px; left: 5px; text-align: center; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; display: none; background-color: transparent; z-index: 11; } .categoriaAmbientada .banner .hot-spot { position: absolute; top: 5px; left: 5px; text-align: center; cursor: pointer; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; display: none; background-color: transparent; z-index: 11; } .categoriaAmbientada .banner img { max-width: 100%; width: auto; height: auto; display: block; } .categoriaAmbientada .banner .slick-next:after, .categoriaAmbientada .banner .slick-prev:after { font-family: icon-font; vertical-align: middle; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 28px; color: #b8b6b7; } .categoriaAmbientada .banner .slick-prev:after { content: "\E012"; height: 60px; width: 60px; display: inline-block; font-weight: 400; } .categoriaAmbientada .banner .slick-next:after { content: "\E011"; height: 60px; width: 60px; display: inline-block; font-weight: 400; } .categoriaAmbientada .banner .slick-prev { left: -54px; top: 40%; font-size: 20px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; position: absolute; } .categoriaAmbientada .banner .slick-next { position: absolute; right: -43px; top: 40%; font-size: 20px; width: 60px; height: 60px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; } .categoriaAmbientada .banner .tooltips-price { width: 140px; height: 50px; background: transparent; color: transparent; padding: 7px 14px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; font-family: 'Avenir-Medium'; line-height: 14px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .categoriaAmbientada .banner .tooltips-price:before { height: 60px; display: block; background: transparent; width: 1px; position: absolute; left: 0; top: 3px; content: ''; } .categoriaAmbientada .banner .tooltips-price:after { width: 7px; height: 7px; position: absolute; left: -6px; top: 52px; content: ''; border: 3px solid #e6232b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; } .categoriaAmbientada .banner .tooltips-p:after { width: 7px; height: 7px; position: absolute; left: -6px; top: 52px; content: ''; border: 3px solid green; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; } .carrusel-banner .tooltips-price { width: 140px; height: 50px; background: transparent; color: transparent; padding: 7px 14px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; font-family: 'Avenir-Medium'; line-height: 14px; -webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .carrusel-banner .tooltips-price:before { height: 60px; display: block; background: transparent; width: 1px; position: absolute; left: 0; top: 3px; content: ''; } .carrusel-banner .tooltips-price:after { width: 7px; height: 7px; position: absolute; left: -6px; top: 52px; content: ''; border: 3px solid #e6232b; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff; -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; } @media screen and (min-width: 768px) { .categoriaAmbientada .banner .tooltips-price:hover { background: #00bc8c; color: #fff; } .categoriaAmbientada .banner .tooltips-price:hover:before { background: #00bc8c; } .carrusel-banner .tooltips-price:hover { background: #00bc8c; color: #fff; } .carrusel-banner .tooltips-price:hover:before { background: #00bc8c; } } .carrusel-banner .tooltips-price:hover:after { border: 3px solid #00bc8c; } @media screen and (max-width: 768px) { .categoriaAmbientada .banner .tooltips-price { width: 18px; height: 18px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #fff !important; border: 3px solid #e6232b; font-size: 0; padding: 0; -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite; display: block; } .categoriaAmbientada .banner .tooltips-price:before { display: none; } .categoriaAmbientada .banner .tooltips-price:after { display: none; } } .categoriaAmbientada .banner .producto-seleccionado { position: absolute; top: 0; left: 0; height: 100%; background-color: rgba(255, 255, 255, 0.8); padding: 20px 18px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family: EquitanSans-Regular; font-size: 18px; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; transition: all 1s ease-in-out; visibility: hidden; opacity: 0; } .categoriaAmbientada .banner .producto-seleccionado.active { visibility: visible; opacity: 1; left: 34px; } .categoriaAmbientada .banner .producto-seleccionado .producto-destacado-container { width: 244px; background: url(/arquivos/RDOE-preloader-producto.png?v=1234); -moz-background-size: 100%; background-size: 100%; background-position: top center; min-height: 344px; } .categoriaAmbientada .banner .producto-seleccionado a.ocultar { background: transparent; min-height: 34px; display: block; text-align: right; /* background: white; */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #e42e36; font-family: EquitanSans-Regular; } .categoriaAmbientada .banner .producto-seleccionado a.ocultar:before { content: "\E012"; font-family: icon-font; vertical-align: middle; margin-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; display: inline-block; font-weight: 400; } .categoriaAmbientada .banner .producto-seleccionado .product { display: inline-block; margin-left: 0; } .categoriaAmbientada .banner .producto-seleccionado .product .product-etiquetas-price { min-height: 95px; padding-top: 0; } .categoriaAmbientada .banner .producto-seleccionado .product .product-etiquetas-price a { min-height: auto; background: transparent; } .categoriaAmbientada .banner .producto-seleccionado .product .brand { margin-top: 5px; font-size: 13px; } .categoriaAmbientada .banner .producto-seleccionado .product .productName { min-height: 16px; line-height: 16px; } .categoriaAmbientada .banner .producto-seleccionado .product .productImage { min-height: 240px; } .pv-container { overflow: hidden; white-space: nowrap; position: relative; } .pv-inner { display: inline-block; height: 100%; width: auto; cursor: move; } .pv-inner.pv-animating { -webkit-transition: background-position 500ms ease-out; -moz-transition: background-position 500ms ease-out; -o-transition: background-position 500ms ease-out; transition: background-position 500ms ease-out; } .pv-vertical .pv-inner { width: 100%; } .pv-inner .pv-pano { height: 100%; width: auto; } .pv-vertical .pv-inner .pv-pano { height: auto; width: 100%; } .pv-overlay { width: 100%; height: 80px; position: absolute; bottom: 0; left: 0; } .pv-overlay, .pv-overlay * { pointer-events: none; } .pv-overlay i.pvicon-overlay { -webkit-animation-duration: 10s; -moz-animation-duration: 10s; -o-animation-duration: 10s; animation-duration: 10s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; bottom: 0; margin-left: -40px; position: absolute; left: 50%; width: 100px; height: 73px; background-repeat: no-repeat; background-image: url(https://oechsle.vteximg.com.br/arquivos/arrasta-la-imagen.png); } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } .consejos { position: relative; padding-top: 10px; display: none; } .consejos span.tit { margin-bottom: 20px; margin-top: 61px; display: block; margin: 0 auto; width: 243px; padding-bottom: 19px; } @media screen and (max-width: 767px) { .consejos span.tit { font-size: 14px; line-height: 16px; max-width: 90%; } } .consejos .consejos-destacados { display: block; padding: 10px; } .consejos .consejos-destacados .image-hover { display: none; } .consejos .consejos-destacados img { max-width: 100%; height: auto; display: block; margin: auto; } .consejos .consejos-destacados .titulo { border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; color: #000; height: 77px; display: table; background-color: #f2f2f2; text-align: center; } .consejos .consejos-destacados .titulo a { height: 100%; display: table-cell; vertical-align: middle; } .consejos .consejos-destacados .titulo h3 { padding: 0 15px; font-size: 18px; font-weight: 400; } .consejos .container-consejo { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .consejos .container-consejo.g1 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; margin: 0 auto; text-align: center; } .consejos .container-consejo.g1 .item-consejo { position: relative; width: 32%; max-width: 382px; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; margin-bottom: 27px; background-color: #000; margin-right: 66px; color: #fff; vertical-align: top; } .consejos .container-consejo.g1 .item-consejo .image-hover { display: none; position: absolute; width: 100%; height: 100%; } .consejos .container-consejo.g1 .item-consejo .titulo { height: 77px; display: table; /*add this line*/ display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .consejos .container-consejo.g1 .item-consejo .titulo a { height: 100%; display: table-cell; /*replaced with display:inline-block*/ vertical-align: middle; } .consejos .container-consejo.g1 .item-consejo .titulo h3 { padding: 0 15px; } .consejos .container-consejo.g1 .item-consejo:hover .image-hover { display: block; } @media screen and (min-width: 768px) { .consejos .container-consejo.g1 .item-consejo:nth-child(3n) { margin-right: 0; } } .consejos .container-consejo.g1 .item-consejo a { display: block; } .consejos .container-consejo.g1 .item-consejo img { max-width: 100%; height: auto; display: block; margin: auto; } @media screen and (max-width: 767px) { .consejos .container-consejo.g1 .item-consejo { width: 100%; margin-bottom: 5px; margin-top: 5px; } } .consejos .container-consejo.g2 { max-width: 928px; margin: 0 auto; text-align: center; } .consejos .container-consejo.g2 .item-consejo { position: relative; width: 48%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; vertical-align: top; background-color: #000; margin-right: 1%; margin-bottom: 1%; color: #fff; } .consejos .container-consejo.g2 .item-consejo .image-hover { display: none; position: absolute; width: 100%; height: 100%; } .consejos .container-consejo.g2 .item-consejo .titulo { height: 80px; display: table; /*add this line*/ display: table; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .consejos .container-consejo.g2 .item-consejo .titulo a { height: 100%; display: table-cell; /*replaced with display:inline-block*/ vertical-align: middle; } .consejos .container-consejo.g2 .item-consejo .titulo h3 { padding: 0 15px; } .consejos .container-consejo.g2 .item-consejo:hover .image-hover { display: block; } /*@media screen and (min-width: 768px) { .consejos .container-consejo.g2 .item-consejo:nth-child(3n) { margin-right: 0; } }*/ .consejos .container-consejo.g2 .item-consejo a { display: block; position: relative; } .consejos .container-consejo.g2 .item-consejo img { max-width: 100%; height: auto; display: block; margin: auto; } @media screen and (max-width: 767px) { .consejos .container-consejo.g2 .item-consejo { width: 100%; margin-bottom: 5px; margin-top: 5px; } } @media screen and (max-width: 767px) { .consejos .container-consejo.g2 .item-consejo { padding: 0; width: 49%; } } @media screen and (max-width: 480px) { .consejos .container-consejo.g2 .item-consejo { width: 100%; } } .consejos h2.titulo-consejos { color: #4a4848; text-align: center; font-size: 30px; line-height: 32px; font-family: EquitanSans-Regular; font-weight: 400; text-transform: uppercase; margin: 20px auto; padding: 0 20px; } @media screen and (max-width: 767px) { .consejos h2.titulo-consejos { font-size: 16px; line-height: 16px; max-width: 90%; display: block; margin: 0 auto; text-transform: uppercase; } } .consejos span.text { color: #4a4848; display: block; max-width: 607px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 18px; font-family: EquitanSans-Regular; font-weight: 400; margin: 0 auto; } @media screen and (max-width: 767px) { .consejos .container-consejo .item-consejo { background-color: transparent !important; margin-left: 13px; margin: 15px !important; width: -webkit-calc(100% - 30px) !important; width: -moz-calc(100% - 30px) !important; width: calc(100% - 30px) !important; display: -webkit-box !important; display: -webkit-flex !important; display: -moz-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; } .consejos .container-consejo .item-consejo:hover .image-hover { width: 77px; } .consejos .container-consejo .item-consejo .image { display: inline-block; vertical-align: middle; width: 77px; margin-right: 11px; } .consejos .container-consejo .item-consejo .titulo { display: inline-block; vertical-align: middle; border: none; height: 77px !important; width: auto; margin-left: 0; text-align: left; font-family: Avenir-Medium; color: #e5222a; font-size: 16px; max-width: 70%; } .consejos .container-consejo .item-consejo .titulo h3 { font-weight: normal; font-size: 16px; } .consejos h2.titulo-consejos { background-color: transparent; font-family: 'Avenir-Medium'; color: #4a4848; font-size: 16px; font-weight: normal; } .consejos .container-consejo .item-consejo img { width: 100px; height: 100px; display: block; margin: auto; max-width: none; } .consejos .container-consejo .item-consejo .titulo h3, .consejos h2.titulo-consejos { font-size: 16px; font-weight: 400; margin: 0; margin: auto; padding: 0; } .consejos .container-consejo .item-consejo .titulo h3 { font-size: 12px; padding-left: 0 !important; } } @media screen and (max-width: 390px) { .consejos .container-consejo .item-consejo .titulo { max-width: 60%; } } .marcas { position: relative; padding-top: 2px; display: none !important; } .marcas span.tit { margin-bottom: 20px; margin-top: 61px; display: block; margin: 0 auto; } .marcas .container-marcas { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } .marcas .container-marcas .item-marca { position: relative; width: 19.5%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; margin-right: 3.3px; } body.zapatillas .fullWConten .fullWConten-destacados{ height: 55px; background: #1a88c9; margin: 80px 0 50px; } body.deportes .fullWConten{ background: #cfcfcf; padding-bottom: 45px; } body.deportes .fullWConten .fullWConten-destacados{ height: 55px; background: #000; margin: 80px 0 50px; position: relative; } @media screen and (max-width: 767px) { body.deportes .fullWConten .fullWConten-destacados{ height: 55px; background: #000; margin: 50px 0 20px; position: relative; } } body.deportes .fullWConten .fullWConten-destacados:before{ content: "MARCAS"; width: 100%; position: absolute; height: 55px; color: #fff; line-height: 55px; font-weight: bold; text-align: center; font-size: 22px; } body.zapatillas .fullWConten .container-fullWConten .item-marca { position: relative; width: 33%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; padding-bottom: 30px; } body.deportes .fullWConten .container-fullWConten .item-marca { position: relative; width: 18%; display: inline-block; box-sizing: border-box; padding-bottom: 30px; height: 263px; vertical-align: middle; transition: all 0.5s ease-in-out 0s; margin: 10px; background: rgb(239, 239, 241); } body.deportes .fullWConten .container-fullWConten .item-marca img{ vertical-align: middle; display: block; margin: 0px auto; } .marcas .container-marcas .item-marca a { display: block; background: #eee url(https://oechsleqa.vteximg.com.br/arquivos/carga.gif) center center no-repeat; -moz-background-size: 100px 100px; background-size: 100px 100px; min-height: 95px; } .marcas .container-marcas .item-marca a.load { background-color: #fff; min-height: initial; } .marcas .container-marcas .item-marca img { max-width: 100%; height: auto; display: block; margin: auto; width: 80%; } @media screen and (max-width: 767px) { .marcas .container-marcas .item-marca { width: 49.5%; } } @media screen and (max-width: 480px) { .marcas .container-marcas .item-marca { width: 100%; } } .marcas .container-marcas .slick-next:after, .marcas .container-marcas .slick-prev:after { font-family: icon-font; vertical-align: middle; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 32px; color: #b8b6b7; } .marcas .container-marcas .slick-prev:after { content: "\E012"; display: inline-block; } .marcas .container-marcas .slick-next:after { content: "\E011"; display: inline-block; } .marcas .container-marcas .slick-next, .marcas .container-marcas .slick-prev { position: absolute; top: 50%; margin-top: -20px; font-size: 24px; width: 30px; height: 40px; line-height: 0; } .marcas .container-marcas .slick-prev { left: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; z-index: 1; } .marcas .container-marcas .slick-next { right: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; z-index: 1; } .marcas h2.titulo-marcas { color: #4a4848; text-align: center; font-size: 30px; line-height: 32px; font-family: EquitanSans-Regular; font-weight: 400; margin: 11px auto; } .marcas span.text { color: #4a4848; display: block; max-width: 607px; margin: 0 auto; text-align: center; line-height: 30px; margin-bottom: 22px; font-size: 16px; line-height: 20px; font-family: EquitanSans-Regular; } @media screen and (max-width: 767px) { .marcas h2.titulo-marcas { font-size: 17px; margin-bottom: 20px; margin-top: 20px; padding: 0 6px; } } body.not-scroll { overflow: hidden; } .wpstyle { position: relative; padding-top: 40px; display: none; } .wpstyle .lmt { position: absolute; left: 0; right: 0; margin: 0 auto; top: 45%; width: 200px; display: block; text-align: center; z-index: 2; } .wpstyle .lmt .fav { margin-right: 71px; color: #fff; } .wpstyle .lmt .fav.icon-fav:before { margin-left: -17px; position: absolute; } .wpstyle .lmt .com.icon-charlar:before { margin-left: -17px; position: absolute; } .wpstyle .lmt .fav, .wpstyle .lmt .com { color: #fff; font-size: 12px; display: inline-block; } .wpstyle span.tit { margin-bottom: 20px; margin-top: 61px; } .wpstyle span.tit { display: block; margin: 0 auto; width: 243px; padding-bottom: 19px; } .wpstyle span.byphoto { padding-top: 3px; font-size: 11px; color: #000; font-family: 'EquitanSans-Regular'; } .wpstyle .imgIntagram { max-width: 276px; } .wpstyle .colm1 { background: url(/arquivos/carga.gif) center center no-repeat; -moz-background-size: 100px 100px; background-size: 100px 100px; min-height: 268px; } .wpstyle .colm1.load { background-color: #fff; min-height: initial; } .wpstyle .colm1 img { display: block; } .wpstyle .colm2 { padding-left: 35px; } .wpstyle .colm2 .categorias_prod { width: 177px; margin: 0 auto; margin-bottom: 42px; } .wpstyle .colm2 .categorias_prod ul { margin: 0; } .wpstyle .colm2 .categorias_prod .product .productImage { min-height: 207px; } .wpstyle .bgs { position: fixed; background-color: rgba(2, 2, 2, 0.42); width: 100%; height: 100%; top: 0; left: 0; visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all .5s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; z-index: 82; } .wpstyle .bgs.active { visibility: visible; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); } .wpstyle .style { padding: 0 20px; position: relative; } .wpstyle .style .st { margin-top: 10px; margin-bottom: 10px; padding: 0 1%; position: relative; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .wpstyle .style .st .imagen { width: 100%; } .wpstyle h2.titulo-style { color: #4a4848; text-align: center; font-size: 30px; line-height: 32px; font-family: EquitanSans-Regular; font-weight: 400; } .wpstyle span.text { color: #4a4848; display: block; max-width: 607px; margin: 0 auto; text-align: center; font-size: 16px; line-height: 20px; font-family: EquitanSans-Regular; } .wpstyle .anterior:after, .wpstyle .siguiente:after { font-family: icon-font; vertical-align: inherit; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 24px; color: #b8b6b7; position: absolute; top: auto; bottom: -14px; left: 4px; right: auto; } .wpstyle .anterior:after { content: "\E012"; width: 26px; height: 36px; display: inline-block; font-weight: 400; } .wpstyle .siguiente:after { content: "\E011"; width: 26px; height: 36px; display: inline-block; font-weight: 400; } .wpstyle .anterior { position: absolute; top: 40%; left: -16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 20px; width: 40px; height: 40px; border-radius: 50%; background: #fff; line-height: 11px; padding: 0; color: transparent; text-align: center; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #fabb00; } .wpstyle .siguiente { position: absolute; right: -21px; top: 40%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; font-size: 20px; width: 40px; height: 40px; border-radius: 50%; background: #fff; line-height: 11px; padding: 0; color: transparent; text-align: center; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #fabb00; } .wpstyle .slick-next:after, .wpstyle .slick-prev:after { font-family: icon-font; vertical-align: middle; margin-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 46px; color: #b8b6b7; } .wpstyle .slick-prev:after { content: "\E012"; width: 26px; height: 46px; display: inline-block; font-weight: 400; } .wpstyle .slick-next:after { content: "\E011"; width: 26px; height: 46px; display: inline-block; font-weight: 400; } .wpstyle .slick-prev { left: 0; top: 39%; font-size: 20px; width: 26px; height: 46px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; position: absolute; padding: 0; line-height: 15px; } .wpstyle .slick-next { position: absolute; right: 0; top: 39%; font-size: 20px; width: 26px; height: 46px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent; border: none; padding: 0; line-height: 15px; } .wpstyle .popupStyle { position: fixed; margin: 0 auto; left: 0; right: 0; max-width: 535px; max-height: 325px; background-color: #fff; top: 23%; bottom: 0; display: none; opacity: 0; -webkit-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; z-index: 83; border: solid 3px #fabb00; padding: 28px; } .wpstyle .popupStyle.active { opacity: 1; display: block; } .wpstyle .popupStyle .categorias_prod .product .price-after .bold { font-size: 16px; } .wpstyle .popupStyle .categorias_prod .product .hoverpa { -webkit-border-radius: 18px !important; -moz-border-radius: 18px !important; border-radius: 18px !important; margin: 5px !important; height: 165px !important; } .wpstyle .popupStyle .hoverpa .ver-producto { font-size: 9px; height: 22px !important; padding: 4px 0 !important; text-transform: uppercase; font-weight: bold; width: 117px !important; } .wpstyle .popupStyle .categorias_prod { overflow: visible; } .wpstyle .popupStyle .categorias_prod .product { -webkit-border-radius: 18px !important; -moz-border-radius: 18px !important; border-radius: 18px !important; max-width: 190px; } .wpstyle .popupStyle .categorias_prod .product-etiquetas-price { min-height: 103px !important; } .wpstyle .popupStyle .categorias_prod .product .productName { font-size: 13px; } .wpstyle .popupStyle .categorias_prod .productImage { min-height: 156px !important; background-color: #fff; } .wpstyle .popupStyle .categorias_prod .productImage img { max-width: 172px; } .wpstyle a.cerrar { font-size: 16px; color: #000; position: absolute; right: 5px; top: 5px; text-align: center; width: 11px; height: 12px; line-height: 15px; } .wpstyle a.cerrar:after { content: "X"; } .wpstyle a.cerrar:hover { -webkit-transition: all .8s; -moz-transition: all .8s; -o-transition: all .8s; transition: all .8s; opacity: .8; } @media screen and (max-width: 768px) { .wpstyle a.cerrar { font-size: 28px; right: 11px; top: 11px; } } .wpstyle a.openPopup { display: block; position: relative; } .wpstyle a.openPopup:after { background: rgba(0, 0, 0, 0.3); content: ""; width: 100%; height: 98%; position: absolute; top: 0; left: 0; z-index: 3; -webkit-transition: all .3s ease-in-out .2s; -o-transition: all .3s ease-in-out .2s; -moz-transition: all .3s ease-in-out .2s; transition: all .3s ease-in-out .2s; opacity: 0; visibility: hidden; } .wpstyle a.openPopup:hover:after { opacity: .7; visibility: visible; } @media screen and (min-width: 768px) { .col.-sm-3 { width: 23%; } } @media screen and (max-width: 767px) { .col.-sm-3 { width: 46%; } .wpstyle .style { padding: 0 15px; } .wpstyle .style .st { padding: 0 2%; } .wpstyle h2.titulo-style { font-size: 19px; } .wpstyle span.text { font-size: 14px; max-width: 281px; line-height: 20px; } .wpstyle .popupStyle { max-height: none; top: 0; padding: 7px; } .wpstyle .colm2 { padding-left: 0; } .wpstyle .colm1 img { margin: 0 auto; } .wpstyle span.byphoto { margin: 22px auto 20px; display: block; width: 134px; font-size: 15px; } .wpstyle span.byphoto:after { content: "En la foto:"; display: block; text-align: center; padding: 22px 0 0 0; } .col.-sm-7.colm1:before { content: "Estas viendo en Instagram:"; display: block; text-align: center; margin-top: 32px; padding: 10px; color: #000; font-family: EquitanSans-Regular; font-size: 15px; } .wpstyle .popupStyle.active { overflow-y: scroll; overflow-x: hidden; } .wpstyle .anterior, .wpstyle .siguiente { position: absolute; top: 70%; font-size: 20px; width: 40px; height: 40px; background: #fff; line-height: 11px; color: transparent; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align: center; } .wpstyle .anterior { left: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #fabb00; } .wpstyle .siguiente { right: 6px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #fabb00; } } /*# INICIO .variante-04:ELECTRO; */ .variante-01.electro #tab-navegacion nav.tab-menu a.tab-item{ text-transform:uppercase; font-size:20px; background-color: #2bbcc1; border: 2px solid #2bbcc1; } .variante-01.electro #tab-navegacion nav.tab-menu a.tab-item.active, .variante-01.electro #tab-navegacion nav.tab-menu a.tab-item:hover{ background-color: #3c5d62!important; border: 2px solid #3c5d62!important; color: #ffffff; } .variante-01.electro .tabs-td nav.tab-menu a.tab-item{ text-transform:uppercase; font-size:20px; background-color: #2bbcc1; border: 2px solid #2bbcc1; } .variante-01.electro .tabs-td nav.tab-menu a.tab-item.active, .variante-01.electro .tabs-td nav.tab-menu a.tab-item:hover{ background-color: #3c5d62; border: 2px solid #3c5d62; color: #ffffff; } .variante-01 .categorias_prod a.ver-coleccion { background-color: #ffaf27; } body.deportes.variante-01 .categorias_prod a.ver-coleccion { background-color: #000; border-radius: initial; } body.zapatillas.variante-01 .categorias_prod a.ver-coleccion { background-color: #f73449; } @media screen and (max-width: 767px) { .variante-01.electro .tabs-td nav.tab-menu a.tab-item{ font-size:14px; height: auto; padding: 15px 10px; } .variante-01.electro .tabs-td nav.tab-menu .slick-next{ top:-3px; } .variante-01.electro .tabs-td nav.tab-menu .slick-prev{ top:-3px; } } /*# inicio .variante-04:MODA; */ .cintillo-nino-desk.cloned, .cintillo-movile.cloned-2 { display:none!important; } .variante-moda .consejos .container-consejo .titulo{ display:none!important; } .variante-moda #tendencias { display:none!important; } .variante-moda .newslatter { margin-top: 0!important; */ } .variante-moda .wp-content { background: #ddd!important; } .variante-moda .container{ width:100%; max-width:1366px; } .variante-moda .categorias_prod .product .hoverpa { background-color: #fff; opacity:.8; color:#000; } .variante-moda .categorias_prod { position: relative; max-width: 1250px; margin: 0 auto; display: block; } .variante-moda .banner-secundario{ margin-top:40px; } .variante-moda .pushcrew-chicklet-position-tr{ display:none; } .variante-moda .consejos .container-consejo.g2{ width: 100%; max-width: 1290px; padding: 0; } .variante-moda .categorias_prod .product .hoverpa .ver-producto { top: 45%; background-color: #fff; color: #e5222a; } .variante-moda .categorias_prod a.ver-coleccion { background-color: #e5222a; color: #fff; width: 210px; font-size: 20px; height: 44px; line-height: 45px; text-decoration: none; text-align: center; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; text-transform: uppercase; font-family: EquitanSans-Regular; } .variante-moda .categorias_prod a.ver-coleccion:after { display: none; } .variante-moda .categorias_prod a.ver-coleccion:hover { opacity: .7; } .variante-moda #tab-navegacion .tab-label-mobile { background-color: #000; } body.zapatillas #tab-navegacion .tab-label-mobile { background-color: #f73449 !important; } .variante-moda #tab-navegacion .tab-navegacion-content { background-color: #000; } .variante-moda #tab-navegacion nav.tab-menu { background-color: #000; } .variante-moda #tab-navegacion nav.tab-menu a.tab-item:after{ top: 0; bottom: 0; background-color: #fff; color: #000; margin: auto; right: -2px; height: 55px;} .variante-moda #tab-navegacion nav.tab-menu a.tab-item { font-size: 17px; font-weight:bold; line-height: 30px; text-transform: uppercase; } .variante-moda #tab-navegacion nav.tab-menu a.tab-item:hover,.variante-moda #tab-navegacion nav.tab-menu a.tab-item.active { background-color: #fff; border-color: #fff; color: #000; } @media screen and (max-width: 768px) { .variante-moda #tab-navegacion nav.tab-menu a.tab-item { font-size: 17px; } } .variante-moda .subtategorias { padding-top: 0px; } @media screen and (max-width: 767px) { .variante-moda .banner-secundario:first-child{ margin-top: 15px;} .variante-moda .subtategorias { padding-top: 0; } } .variante-moda .subtategorias h2.titulo { color: #000; text-align:center; font-size:22px;} .variante-moda .categoriaAmbientada .colecciones .titulo { margin: 10px auto 5px; } .variante-moda .tabs-td nav.tab-menu { background-color: #000; } .variante-moda .tabs-td nav.tab-menu a.tab-item { height: 49px; font-size: 16px; letter-spacing: 3px; border: 2px solid #000; } .variante-moda .tabs-td nav.tab-menu a.tab-item.active, .variante-moda .tabs-td nav.tab-menu a.tab-item:hover { background-color: #fff; border: 2px solid #fff; color: #000; } .variante-moda .marcas h2.titulo-marcas { font-size: 26px; letter-spacing: 1px; text-transform: uppercase; font-family: EquitanSans-Regular; font-weight: bold; color: #000; } .variante-moda .consejos h2.titulo-consejos { background-color: #000; color: #fff; padding: 12px 10px; width:1250px; margin:0 auto; } .variante-moda .consejos .container-consejo.g1 .item-consejo, .variante-moda .consejos .container-consejo.g2 .item-consejo { font-family: EquitanSans-Regular; } /*@media screen and (min-width: 767px) { .variante-moda .consejos .container-consejo.g1 .item-consejo .titulo, .variante-moda .consejos .container-consejo.g2 .item-consejo .titulo { border: 1px solid #000; } }*/ .variante-moda .consejos .container-consejo.g1 .item-consejo.oclt, .variante-moda .consejos .container-consejo.g2 .item-consejo.oclt { display: inline-block; } .variante-moda .consejos .container-consejo.g1 .item-consejo:hover, .variante-moda .consejos .container-consejo.g2 .item-consejo:hover { background-color: #fff; color: #000; } .variante-moda .consejos .ver-mas { font-family: Avenir-Medium; color: #e5222a; font-size: 14px; text-decoration: underline; display: none; } .variante-moda .wpstyle { width: 95%; max-width: 1285px; position: relative; margin: 0 auto; padding: 0; } .variante-moda .wpstyle h2.titulo-style { background-color: #000; color: #fff; padding: 12px 10px; margin: 11px auto; } /*# sourceMappingURL=RDOE-OeMarketing.css.map */ /*JUGUETES NAVIDAD*/ .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu a.tab-item, .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu a.tab-item.active{ border-color:#e6232b; font-size: 14px; line-height: 100%; } .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu a.tab-item:after { content: ""; width: 1px; height:100%; position: absolute; background-color: #fff; right: 2px; } .variante-03.juguetes-navidad .tabs-td nav.tab-menu a.tab-item{ color:#fff; font-weight:normal; text-transform:uppercase; font-size:14px; letter-spacing: 2px; border-color:#e6232b; height:auto; } .variante-03.juguetes-navidad .tabs-td nav.tab-menu a.tab-item.active, .variante-03.juguetes-navidad .tabs-td nav.tab-menu a.tab-item:hover{ color:#e6232b; } .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu a.tab-item.active{ color:#e6232b; } .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu{ background-color:#e6232b; } .variante-03.juguetes-navidad .tabs-td nav.tab-menu{ background-color:#e6232b; } @media screen and (min-width: 767px) { .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu a.tab-item, .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu a.tab-item.active{ border-color:#e6232b; font-size: 14px; line-height: 100%; vertical-align:middle; display: table-cell; } .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu a.tab-item:after, .variante-03.juguetes-navidad .tabs-td nav.tab-menu a.tab-item:after { content: ""; width: 1px; height: 100%; position: absolute; background-color: #fff; right: 2px; top: 0; } .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu{ background-color:#e6232b; display:table; } } @media screen and (max-width: 766px) { .variante-03.juguetes-navidad .tabs-td nav.tab-menu a.tab-item:after { content: ""; width: 1px; height: 100%; position: absolute; background-color: #fff; right: 2px; top: 0; } .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu a.tab-item:after{ display:none; } .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu a.tab-item{ height:auto; } .variante-03.juguetes-navidad .tabs-td nav.tab-menu a.tab-item { height:55px; display: table-cell; vertical-align: middle; text-align: center; } } .variante-03.juguetes-navidad .subtategorias h2.titulo{ text-align:center; font-size:20px; color:#333; } .variante-03.juguetes-navidad .banner-secundario{ margin-top:0; } .variante-03.juguetes-navidad .consejos h2.titulo-consejos{ background-color:#e6232b; } .variante-03.juguetes-navidad .categorias_prod .product .hoverpa{ background-color:#e6232b; } .variante-03.juguetes-navidad .categorias_prod .product .hoverpa .ver-producto{ color:#e6232b; background-color: #fff; } .variante-03.juguetes-navidad .pushcrew-chicklet-position-tr{ display:none; } .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu a.tab-item:hover{ color:#e6232b; } .variante-03.juguetes-navidad #tab-navegacion nav.tab-menu a.tab-item:hover, .variante-03.navidad #tab-navegacion nav.tab-menu a.tab-item.active{ color:#e6232b; } .variante-03.juguetes-navidad #tab-navegacion a.tab-label-mobile{ background-color:#e6232b; } .variante-03.juguetes-navidad #tab-navegacion .tab-navegacion-content{ background-color:#e6232b; } /*.variante-03.navidad .categoriaAmbientada .banner .tooltips-price:after{ background-color:#e6232b; }*/ .variante-03.juguetes-navidad .categoriaAmbientada .banner .producto-seleccionado a.ocultar{ color:#e6232b; } .variante-03.juguetes-navidad .banner-secundario .banner-secundario-container .banner-secundario-item { position: relative; } .variante-03.juguetes-navidad #rotador-top .carrusel-container .slick-arrow { background-color: #e6232b; } .variante-03.juguetes-navidad #rotador-top .carrusel-container .slick-prev { left: 5px; } .variante-03.juguetes-navidad #rotador-top .carrusel-container .slick-next { right: 5px; } .variante-03.navidad #rotador-top .carrusel-container .slick-arrow:after { line-height: 13px; } .variante-03.juguetes-navidad #rotador-top .carrusel-container .slick-prev:after { width: 46px; } .variante-03.juguetes-navidad #rotador-top .carrusel-container .slick-next:after { width: 54px; } /*NAVIDAD*/ .variante-02.navidad #tab-navegacion nav.tab-menu a.tab-item{ border-color:#e6232b; } .variante-02.navidad #tab-navegacion nav.tab-menu{ background-color:#e6232b; } .variante-02.navidad .consejos h2.titulo-consejos{ background-color:#e6232b; } .variante-02.navidad .categorias_prod .product .hoverpa{ background-color:#e6232b; } .variante-02.navidad .categorias_prod .product .hoverpa .ver-producto{ color:#e6232b; } .variante-02.navidad #tab-navegacion nav.tab-menu a.tab-item:hover{ color:#e6232b; } .variante-02.navidad #tab-navegacion nav.tab-menu a.tab-item:hover, .variante-02.navidad #tab-navegacion nav.tab-menu a.tab-item.active{ color:#e6232b; } .variante-02.navidad #tab-navegacion a.tab-label-mobile{ background-color:#e6232b; } .variante-02.navidad #tab-navegacion .tab-navegacion-content{ background-color:#e6232b; } /*.variante-02.navidad .categoriaAmbientada .banner .tooltips-price:after{ background-color:#e6232b; }*/ .variante-02.navidad .categoriaAmbientada .banner .producto-seleccionado a.ocultar{ color:#e6232b; } .variante-02.navidad .banner-secundario .banner-secundario-container .banner-secundario-item { position: relative; } .variante-02.navidad #rotador-top .carrusel-container .slick-arrow { background-color: #e6232b; } .variante-02.navidad #rotador-top .carrusel-container .slick-prev { left: 5px; } .variante-02.navidad #rotador-top .carrusel-container .slick-next { right: 5px; } .variante-02.navidad #rotador-top .carrusel-container .slick-arrow:after { line-height: 13px; } .variante-02.navidad #rotador-top .carrusel-container .slick-prev:after { width: 46px; } .variante-02.navidad #rotador-top .carrusel-container .slick-next:after { width: 54px; } /*REGALOS A UN CLICK*/ #regalos-a-un-click .banner{ /*display:none;*/ } /*Tabs a navegacion*/ .variante-03.especial-navidad #tab-navegacion nav.tab-menu a.tab-item:hover{ color:#b3853d; } .variante-03.especial-navidad #tab-navegacion nav.tab-menu a.tab-item:hover, .variante-03.especial-navidad #tab-navegacion nav.tab-menu a.tab-item.active{ color:#b3853d; border-color:#b3853d; } .variante-03.especial-navidad #tab-navegacion nav.tab-menu{ background-color:#b3853d; } .variante-03.especial-navidad #tab-navegacion nav.tab-menu a.tab-item, .variante-03.especial-navidad #tab-navegacion nav.tab-menu a.tab-item.active{ border-color:#b3853d; } .variante-03.especial-navidad #tab-navegacion a.tab-label-mobile{ background-color:#b3853d; } .variante-03.especial-navidad #tab-navegacion .tab-navegacion-content{ background-color:#b3853d; } /*Tabs con botones personalizados*/ .variante-03.especial-navidad #regalos-a-un-click.tabs-td{ background-color:transparent; border-color:transparent; } .variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu{ background-color:transparent; border-color:transparent; box-shadow: 0 0 0 transparent; } .variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu a.tab-item{ height:127px; overflow:hidden; text-indent:-3000px; background-color:transparent; border-color:transparent; background-size:auto ; background-position:center -3px; background-repeat: no-repeat; transition: none 1.2s cubic-bezier(0.38, 1.01, 0.455, 1.13); transition-property: all; transition-duration: 0s; transition-timing-function: cubic-bezier(0.38, 1.01, 0.455, 1.13); transition-delay: 0s; } .variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu a.tab-item[title="Para ella"]{ background-image:url('/arquivos/btn-ella1.png'); } .variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu a.tab-item[title="Para el"]{ background-image:url('/arquivos/btn-el1.png'); } .variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu a.tab-item[title="Para los más pequeños"]{ background-image:url('/arquivos/btn-peque1.png'); } .variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu a.tab-item[title="Para los que aman decorar"]{ background-image:url('/arquivos/btn-deco1.png'); } .variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu a.tab-item[title="Para los amantes de la tecnología"]{ background-image:url('/arquivos/btn-tecno.png'); } .variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu a.tab-item.active,.variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu a.tab-item.active:hover{ background-position:center -256px; } .variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu a.tab-item:hover{ background-position:center -130px; } .variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu a.tab-item:after{ background-color:transparent; } @media screen and (min-width: 767px){ .variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu{ width:60%; margin:0 auto; } } @media screen and (max-width: 766px){ .variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu .slick-next,.variante-03.especial-navidad #regalos-a-un-click.tabs-td nav.tab-menu .slick-prev{ top:33px; } } @media screen and (min-width: 768px) { .variante-01 .consejos .container-consejo.g1, .variante-01 .consejos .container-consejo.g2 { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } } #right-slider { margin-top: -580px; margin-left: 50%; } #left-slider { margin-top: -580px; margin-left: 60px; } h2.titulo-style { text-align: center; background: black; color: white; padding: 16px; margin: 50px 40px 30px 40px; } #tendencias .div-tend-0, #tendencias .div-tend-1{ display: inline-block; } #tendencias .div-tend-0 { margin: 0 46px 0 40px; } .div-tend-0, .div-tend-1, .div-tend-2 { display: inline-block; width: 30%; } .div-tend-0 { margin: 0 28px 0 40px; } .div-tend-1 { margin: 0 28px 0 0; } .vitrinaProductos { width: 45%; min-height: 613px; } .carrusel-vitrina-belleza{ width: 100%; } .variante-moda .categorias_prod a.ver-coleccion { display: none; } /* Estilos para videos de youtube en las landings administrables */ .youtube-player { position: absolute; left: 50px; width: 801px; height: 300px; top: 85px; } .youtube-player img { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: .4s all; -moz-transition: .4s all; transition: .4s all; } .youtube-player img:hover { -webkit-filter: brightness(75%); } .youtube-player .play { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("//i.imgur.com/TxzC70f.png") no-repeat; cursor: pointer; } /* Estilos para videos de youtube en las landings administrables */ @media screen and (max-width: 768px) { #right-slider { margin-top: 10px; margin-left: 0; } .youtube-player { position: absolute; width: 100%; left:0; top: 87px; } #left-slider { margin-top: 10px; margin-left: 0; } .vitrinaProductos { width: 100%!important; min-height: auto; } #tendencias .div-tend-0, #tendencias .div-tend-1{ display: block; } #tendencias .div-tend-0, #tendencias .div-tend-1 { margin: 12px 40px; } .div-tend-0, .div-tend-1, .div-tend-2 { display: block; } .div-tend-0 { margin: 12px 40px; width: calc(100% - 80px); } .div-tend-1, .div-tend-2 { margin: 12px 40px; width: calc(100% - 80px); } } @media screen and (min-width: 768px) { body.zapatillas #content{ background: url(/arquivos/Fondo.png) -265px -435px no-repeat; } } .especial.variante-01 body.zapatillas .wrapper{ } .especial.variante-01 body.zapatillas #tab-navegacion .tab-navegacion-content{ background-color: #f73449 !important; } body.deportes.variante-01 .subtategorias h2.titulo{ display: none; }