body {
font-family: Raleway;
background-color: #FFF;
}
.custom-checkbox .label, label {
display: flex;
align-items: center;
}
#header,
#wrapper,
.card {
background: #FFF;
box-shadow: unset;
}
#header a:hover {
color: var(--oroviejo);
}
#category #wrapper {
overflow: hidden;
}
#header .header-nav > .container{
max-height: 57px;
}
#header .header-nav > .container .block-header-nav .link-home{
display: flex;
margin-left: 10px;
margin-right: 10px;
margin-top: -2px;
}
/* HEADER (CHECKOUT) >>> */
#checkout #header .header-nav{
height:100%;
}
#checkout #header .header-nav > .container{
height:100%;
}
#checkout #header .header-nav > .container > .row{
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100%;
margin:0;
padding:0;
}
#checkout #header .header-nav > .container > .row > #_desktop_logo{
width:50%;
margin:0;
padding:0;
}
#checkout #header .header-nav > .container > .row > #_desktop_logo a{
display:inline-block;
width:auto;
}
#checkout #header .header-nav > .container > .row > #_desktop_logo a img{
display:block;
}
#checkout #header .header-nav > .container > .row > .mobile{
display:flex;
justify-content:flex-end;
align-items:center;
width:50%;
margin:0;
padding:0;
}
#checkout #header .header-nav > .container > .row > .mobile #_desktop_user_info .user-info a{
display:flex;
justify-content:center;
align-items:center;
}
#checkout #header .header-nav > .container > .row > .mobile > .clearfix{
display:none;
}
@media(min-width:768px){
#checkout #header .header-nav > .container > .row > #_desktop_logo{
width:100%;
text-align:center;
}
}
/* <<< HEADER (CHECKOUT) */
input.btn-primary {
width: 100%;
background: #FFF;
border: 1.5px solid var(--negro);
border-radius: 2px;
color: #191200;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin-top: 20px;
}
input.btn-primary:hover {
background: var(--negro);
border: 1.5px solid var(--negro);
border-radius: 2px;
color: #FFF;
}
button:focus {
outline: 0px dotted;
}
.block_newsletter form input[type="email"] {
font-size: 18px;
height: 46px;
}
.block_newsletter form input[type="email"]:focus {
border: 3px solid var(--negro);
}
.block_newsletter form input[type="text"]:focus + button .search,
.btn-unstyle:focus .expand-more,
.search-widget form input[type="text"]:focus + button .search {
color: var(--negro);
}
.pagination {
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 992px) {
.pagination {
padding-left: 50px;
padding-right: 50px;
}
}
/* ***** HEADER ******** */
#header {
height: 60px;
}
.header-desktop {
display: flex;
margin-left: 0px;
margin-right: 0px;
width: 100%;
height: 60px;
}
#header .header-nav {
border-bottom: 1.5px solid #000;
border-top: 1.5px solid #000;
max-height: unset;
height: inherit;
}
.block-header-nav {
display: flex;
width: 100%;
}
.left-nav {
display: flex;
width: auto;
justify-content: space-between;
align-items: center;
}
.right-nav {
display: flex;
width: auto;
align-items: center;
flex-grow: 1;
}
#header .header-nav .cart-preview.active {
background: transparent;
}
#header .header-nav #menu-icon {
margin: 0 0.5rem 0 0;
}
.right-nav #_desktop_currency_selector{
margin-right: 0px;
}
.left-nav .cbp-vertical-on-top .cbp-vertical-title {
margin-left: 0px;
}
.left-nav .logo {
display: flex;
align-items: center;
text-align: right;
width: 85px;
}
.left-nav picture {
margin-left: 10px;
margin-right: 10px;
}
#header .header-top {
padding: 0px;
}
#header .header-nav .blockcart {
height: auto;
margin-left: 0rem;
padding-left: 0px;
padding-right: 0px;
}
#header .header-nav .blockcart .header {
margin-top: 0px;
}
@media (min-width: 768px) and (max-width: 991.98px) {
.left-nav {
width: fit-content;
gap: 20px;
}
.right-nav {
width: calc( 60% );
}
.left-nav .logo {
/*width: 177px; */
/*Cristian Ayala Sánchez - Ajuste del logo en tablet/movil*/
width: 100px;
margin-top: 2px;
}
#index #header .header-nav.header-blanco .logo-blanco{
height: 100%;
max-height: 40px;
padding-top: 8px;
}
.left-nav picture {
margin-left: 0px;
margin-right: 0px;
}
}
@media (min-width: 768px) {
#index .right-nav svg {
width: 35px;
height: 35px;
margin-right: 35px;
}
#index .right-nav .svg-toggle {
max-height: 70px;
max-width: 100%;
}
#index .right-nav .svg-toggle svg{
max-height: 35px;
width: auto;
}
#index .fuera-video .right-nav svg {
margin-right: 20px;
}
#index #_desktop_language_selector .dropdown .expand-more img {
width: 35px;
height: 35px;
aspect-ratio: auto 35 / 35;
}
}
@media (min-width: 999px) and (max-width: 1199.98px) {
.cbp-vertical-on-top > .cbp-vertical > ul {
max-width: calc(100% + 40px);
width: calc(100% + 40px);
}
}
@media (min-width: 992px){
.left-nav {
width: calc( 50% + 88px);
}
}
@media (min-width: 999px) {
.right-nav {
width: calc( 50% - 88px);
}
#header,
.header-desktop {
height: 60px;
}
#index #header,
#index .header-desktop{
height: 74px;
}
.left-nav .cbp-vertical-on-top .cbp-vertical-title {
margin-left: -15px;
}
.left-nav .logo {
width: auto;
}
}
@media (min-width: 1200px) {
/* .left-nav {
margin-left: -100px;
}
.left-nav {
width: calc( 50% + 160px);
}*/
}
.left-nav .cbp-vertical-on-top > .cbp-vertical > ul {
max-width: calc(100% + 150px);
width: calc(100% + 150px);
margin-left: -50px;
}
}
/* ********** CARRITO ************* */
#header .header-nav .blockcart {
height: auto;
padding: 0px;
margin-left: 0px;
text-align: center;
white-space: nowrap;
background: transparent;
}
/* ********** SELECTOR LENGUAGE ************* */
#header .header-nav .language-selector {
margin-top: 0;
}
/* ************ USUARIO ***************** */
#header .header-nav .user-info {
margin-left: 0;
margin-top: 0;
}
#header .header-nav .user-info .account{
margin-left: 0px;
}
/* ********** SELECTOR MONEDA ************* */
#header .header-nav .currency-selector .dropdown-menu {
left: unset;
right: 0;
}
#header .header-nav .currency-selector .expand-more {
font-size: 25px;
}
#header .header-nav .currency-selector {
margin-top: 0px;
margin-left: 0px;
}
@media (min-width: 768px) {
#index #header .header-nav .currency-selector .expand-more {
font-size: 35px;
}
#index #header.fuera-video .header-nav .currency-selector .expand-more {
font-size: 28px;
}
/* #index #header .header-nav .language-selector {
margin-right: 35px;
} */
}
/* ********** BUSCADOR ********** */
#search_widget {
align-items: center;
min-width: unset;
width: 100%;
height: 60px;
z-index: 9999999;
position: absolute;
background: #000;
opacity: 0;
padding-left: 15px;
padding-right: 15px;
display: none;
}
#search_widget form {
width: 100%;
margin-right: auto;
margin-left: auto;
max-width: 100%;
display: flex;
}
#search_widget.search-widgets.mostrar {
opacity: 1;
display: flex;
overflow: hidden;
}
#search_widget form svg {
padding: 0px;
position: absolute;
top: 9px;
left: 23px;
margin: 0px 0rem;
}
#buscador-icono-desktop svg{
cursor: pointer;
}
#search_widget form svg:last-of-type {
right: -70px;
left: auto;
}
#search_widget form svg#clear{
cursor: pointer;
}
#search_widget form svg path {
fill: #fff !important;
}
#search_widget form > svg{
display: none;
}
#search_widget input::placeholder,
#search_widget textarea::placeholder,
#search_widget form input {
color: #fff;
font-size: 18px;
font-weight: 400;
}
#search_widget form input{
padding: 17px 20px !important;
border-radius: 2px !important;
padding-left: 80px !important;
}
#search_widget form:has(input[name="s"]:focus) svg path {
fill: #FFF !important;
}
#search_widget form input::placeholder{
opacity: 1;
color: var(--negro);
}
#search_widget form input {
padding: 10px 20px 10px 45px;
background-color: #000;
border-radius: 0px;
}
#search_widget form i.clear {
display: block !important;
font-size: 34px;
color: #FFF;
right: 0px;
padding: 0px;
top: 5px;
}
.ui-autocomplete.searchbar-autocomplete,
#cms .ui-autocomplete.searchbar-autocomplete {
margin-left: 0;
top: 110px!important;
}
#buscador-icono-desktop .svg-toggle,
#buscador-icono-desktop.active > svg{
display: none;
}
#buscador-icono-desktop .svg-toggle{
max-width: 47px;
}
#buscador-icono-desktop .svg-toggle svg{
max-height: 25px;
}
#buscador-icono-desktop.active .svg-toggle{
display: block;
}
#index #header.fuera-video .svg-toggle svg{
width: auto !important;
}
#index #header:not(.fuera-video) .header-blanco .svg-toggle svg rect{
fill: #FFF !important;
}
#search_widget input[type="text"]:focus-visible{
background: #000 !important;
}
@media (min-width: 1200px) {
#buscador-icono-desktop .svg-toggle,
#buscador-icono-desktop.active .svg-toggle{
display: none;
}
#buscador-icono-desktop > svg,
#buscador-icono-desktop.active > svg{
display: block;
}
#search_widget {
height: 230px;
background: #FFF;
}
#search_widget form {
width: 980px;
height: 69px;
}
#search_widget form > svg{
display: block;
}
#search_widget form svg {
width: 39px;
height: 39px;
top: 15px;
}
#search_widget form svg path {
fill: #191200!important;
}
#search_widget input::placeholder,
#search_widget textarea::placeholder,
#search_widget form input {
color: #191200;
}
#search_widget form input {
padding: 10px 20px 10px 59px;
border-bottom: 1.5px solid #000;
background-color: #FFF;
}
#search_widget input::placeholder,
#search_widget textarea::placeholder,
#search_widget form input {
font-size: 28px;
}
.ui-autocomplete.searchbar-autocomplete {
width: 100% !important;
left: 0px !important;
}
#search_widget form i.clear {
font-size: 56px;
top: unset;
right: -58px;
color: #191200;
}
.ui-autocomplete.searchbar-autocomplete,
#cms .ui-autocomplete.searchbar-autocomplete {
margin-left: 0;
top: 280px!important;
}
}
/* ***** FOOTER ******** */
#footer {
padding-top: 0rem;
}
#footer .row {
margin-left: 0px;
margin-right: 0px;
}
#footer .logo-footer {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
padding-top: 50px;
width: 195px
}
@media (min-width: 768px) {
#footer .logo-footer {
margin-bottom: 60px;
width: 286px;
}
#footer .row {
margin-left: -15px;
margin-right: -15px;
}
}
@media (min-width: 992px) {
#footer .logo-footer {
margin-bottom: 80px;
}
}
/* footer-logo */
#footer .footer-logo {
width: 272px;
height: 211px;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: visible;
}
#footer .footer-logo::before {
content: "";
position: absolute;
inset: 0;
top: -75px;
background-image: url("../img/background-footer-mobile.png");
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
animation: giro-reloj 24s linear infinite;
transform-origin: center center;
opacity: 0.08;
}
#footer .footer-logo img{
position: relative;
z-index: 1;
}
@media (min-width: 768px) {
#footer .footer-logo {
width: 672px;
height: 303px;
}
#footer .footer-logo::before {
background-image: url("../img/background-footer-tablet.png");
top: -333px;
}
}
@media (min-width: 1200px) {
#footer .footer-logo {
width: 672px;
height: 273px;
}
#footer .footer-logo::before {
background-image: url("../img/background-footer-desktop.png");
top: -333px;
}
}
@keyframes giro-reloj {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
/* **** FOOTER CUSTOMLINKS */
.custom-footer-block {
margin-top: 50px;
width: 100%;;
text-align: center;
margin-right: auto;
margin-left: auto;
display: flex;
flex-direction: column;
}
.custom-footer-block a {
color: var(--NEGRO);
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 120%;
display: inline-block;
margin-bottom: 10px;
}
#footer .urls-condiciones .links-group{
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
}
.custom-footer-block span{
font-weight: 900;
font-size: 14px;
}
.custom-footer-block img {
margin-right: auto;
margin-left: auto;
margin-bottom: 20px;
}
.custom-footer-block p {
color: var(--negro);
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 13px;
font-weight: 400;
line-height: 120%;
}
@media (min-width: 768px) {
.custom-footer-block {
margin-top: 60px;
}
.custom-footer-block a {
margin-bottom: 20px;
}
}
@media (min-width: 992px) {
.custom-footer-block {
margin-top: 120px;
width: 715px;
max-width: 100%;
}
.custom-footer-block img {
margin-bottom: 20px;
}
}
@media (max-width: 992px) {
.custom-footer-block img {
order: -1;
}
}
/* ***** NEWSLETTER ******** */
.block_newsletter {
background: #FFF;
}
#blockEmailSubscription_displayFooterBefore {
width: 100%;
padding: 0px;
color: #191200;
}
#blockEmailSubscription_displayFooterBefore .row {
margin-right: 0px;
margin-left: 0px;
}
#blockEmailSubscription_displayFooterBefore .col-xs-12 {
padding-right: 0px;
padding-left: 0px;
}
#footer .block_newsletter p {
padding-top: 0px;
margin-bottom: 0px;
}
.block_newsletter p#block-newsletter-label {
color: #191200;
font-family: "InnovarElegant";
font-size: 28px;
font-style: normal;
line-height: 150%;
padding: 0px;
margin-bottom: 6px;
}
.block_newsletter .newsletter-subtitle {
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%;
color: #191200;
}
.block_newsletter form .input-wrapper {
margin-top: 20px;
margin-bottom: 20px;
}
.block_newsletter .custom-checkbox input[type="checkbox"] + span {
border: 1.5px #191200 solid;
border-radius: 2px;
}
.block_newsletter input::placeholder,
.block_newsletter textarea::placeholder {
color: #191200;
}
.block_newsletter form input {
background: #FFF;
}
.block_newsletter form input[type="email"] {
width: 100%;
padding: 11px 15px;
border: 1.5px solid #191200;
border-radius: 2px;
}
.block_newsletter label {
color: #191200;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.block_newsletter a {
text-decoration: underline;
color: #191200;
}
#footer .block_newsletter p.gdpr-text {
color: #191200;
font-size: 12px;
font-weight: 400;
line-height: 150%;
margin-top: 20px;
opacity: 0;
max-height: 0;
overflow: hidden;
transition: all 0.3s;
}
#footer .block_newsletter p.gdpr-text.activo{
opacity: 1;
max-height: fit-content;
}
#footer .block_newsletter input.btn-primary {
width: 100%;
height: 46px;
background: #FFF;;
border: 1.5px solid #191200;
border-radius: 2px;
color: #191200;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin-top: 20px;
}
#footer .block_newsletter input.btn-primary:hover {
background: #191200;
border: 1.5px solid #191200;
border-radius: 2px;
color: #FFF;
}
#footer .footer-container {
border-top: 1.5px solid #191201;
padding-top: 0rem;
}
.block_newsletter .custom-checkbox label {
display: flex;
align-items: center;
}
@media (min-width: 768px) {
#blockEmailSubscription_displayFooterBefore {
width: 599px;
}
.block_newsletter p#block-newsletter-label {
font-size: 29px;
}
.block_newsletter .newsletter-subtitle {
font-size: 20px;
font-weight: 300;
}
}
@media (min-width: 992px) {
.block_newsletter p#block-newsletter-label {
font-size: 40px;
}
.block_newsletter .newsletter-subtitle {
font-size: 18px;
}
}
@media (min-width: 1200px) {
#blockEmailSubscription_displayFooterBefore {
width: 594px;
}
}
/* ************ compartir redes sociales ************* */
.block-social {
margin-top: 80px;
margin-bottom: 80px;
}
.block-social ul {
justify-content: center;
}
.block-social ul li {
background-color: transparent;
border-radius: 2678.571px;
border: 0px solid #191200;
margin-right: 18px;
width: 50px;
height: 50px;
}
.block-social ul li:hover {
background-color: #000;
}
.block-beforefooter {
display: flex;
flex-direction: column;
margin-right: 0px;
margin-left: 0px;
}
#footer .facebook {
background-image: url(../css/footer-facebook.svg);
}
#footer .facebook:hover {
background-image: url(../css/footer-facebook-hover.svg);
}
#footer .pinterest {
background-image: url(../css/footer-pinterest.svg);
}
#footer .pinterest:hover {
background-image: url(../css/footer-pinterest-hover.svg);
}
#footer .instagram {
background-image: url(../css/footer-instagram.svg);
}
#footer .instagram:hover {
background-image: url(../css/footer-instagram-hover.svg);
}
#footer .tiktok {
background-image: url(../css/footer-tiktok.svg);
}
#footer .tiktok:hover {
background-image: url(../css/footer-tiktok-hover.svg);
}
@media (min-width: 1200px) {
.block-social {
margin-top: 100px;
margin-bottom: 100px;
}
}
/* ContactInfo */
@media (min-width: 992px) {
#footer .block-contact.links #contact-infos {
padding-left: 25%;
}
}
#footer .contact-data {
margin-bottom: 24px;
}
#footer .contact-data p {
color: #191200;
font-size: 20px;
font-weight: 700;
line-height: 120%;
text-transform: uppercase;
margin-bottom: 6px;
font-family: 'Raleway';
}
#footer .contact-data a {
color: #191200;
text-align: center;
font-size: 20px;
font-weight: 300;
line-height: 120%;
font-variant-numeric: lining-nums proportional-nums;
}
#footer .contact-direccion.contact-data a {
text-transform: unset;
}
#footer .links {
padding-top: 25px;
padding-right: 0px;
padding-left: 0px;
}
#footer .block-contact #contact-infos {
padding: 0px;
}
#footer .links li {
margin-bottom: 21px;
border-bottom: 0px solid #FFF;
}
#footer .links a {
color:#191200;
font-variant-numeric: lining-nums proportional-nums;
font-size: 22px;
font-weight: 300;
line-height: 120%;
text-transform: uppercase;
text-decoration: unset;
}
#footer .links li row {
margin: 0px;
}
#footer .block-contact {
border-bottom: 1.5px solid #191200;
margin-top: -80px;
}
#footer .copyright-last-footer{
display: flex;
flex-direction: column;
gap: 10px;
}
#footer .copyright-last-footer p,
#footer .copyright-last-footer a{
margin-bottom: 0px;
}
@media (min-width: 768px) {
#footer .block-contact {
margin-top: -150px;
}
}
@media (min-width: 992px) {
#footer .block-contact {
margin-top: -100px;
border-bottom: 0px solid #191200;
}
}
/* links */
@media (min-width: 768px) and (max-width: 991.98px) {
#footer .links {
padding-left: 25%;
}
}
@media (min-width: 992px) {
#footer .links {
margin-top: -100px;
}
#footer .links ul {
padding-left: 25%;
}
}
@media (max-width: 767px) {
.footer-container .links ul {
background-color: #FFF;
}
}
/* ************ login ******************* */
#authentication .card-block hr {
display:none;
}
/* Login y Registro -> Para el ojo de mostrar contraseña */
/*
#registration #field-password + .input-group-btn > .btn,
#authentication #field-password + .input-group-btn > .btn {
font-size:0;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
display: flex;
align-items: center;
z-index: 99;
width: 24px;
height: 24px;
border: none;
background: url('data:image/svg+xml;utf8,') no-repeat center center;
background-size: contain;
cursor: pointer;
outline: none;
}
#registration #field-password[type="password"] + .input-group-btn > .btn,
#authentication #field-password[type="password"] + .input-group-btn > .btn {
background: url('data:image/svg+xml;utf8,') no-repeat center center;
}
*/
#login-form > footer {
margin-top: 20px;
margin-bottom: 15px;
text-align: center;
}
/* ************* Registro ************************** */
#registration .register-form a.no-account {
display: block;
border-radius: 2px;
background: transparent;
padding: 15px 50px;
color: var(--negro);
font-family: "Raleway";
font-size: 23px;
font-weight: 400;
line-height: 120%;
text-transform: uppercase;
width: 100%;
max-width: 100%;
border: 1.5px solid var(--negro);
margin-top: 20px;
margin-bottom: 60px;
text-align: center;
text-decoration: unset !important;
}
#registration .register-form a.no-account:hover {
background: var(--negro);
color: var(--blanco);
}
#registration .register-form a.no-account:active {
background: var(--destoscuro);
color: var(--blanco);
border: 1.5px solid var(--destoscuro);
}
@media (min-width: 768px) {
#registration .register-form a.no-account {
width: 312px;
margin-top: 30px;
width: 315px;
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 992px) {
#registration .register-form a.no-account {
margin-top: 30px;
}
}
/* slider */
.products.slide {
display: flex;
flex-direction: row;
flex-wrap: wrap;
position: relative;
}
.slick-list {
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-initialized .slick-slide {
display: block;
float: left;
height: 100%;
min-height: 1px;
}
/* slider flechas */
.icon-next {
right: 0;
transform: translateX(100%);
}
.icon-prev {
left: 0;
transform: translateX(-100%);
}
.icon-next:focus {
box-shadow: unset
}
.icon-prev:focus {
box-shadow: unset
}
.icon-next i {
background: 0 0;
color: #404141
}
.icon-prev i {
background: 0 0;
color: #404141
}
.slick-arrow {
position: absolute;
top: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
z-index: 1;
padding-right: 0;
padding-left: 0
}
.slick-initialized .slick-arrow>i {
font-size: 22px
}
.slick-initialized span > i {
cursor: pointer;
transform: scale(1.5);
color: #24b9d7;
transition: color 0.15s ease;
}
.slick-initialized span > i:hover {
color: #18798d;
}
.slick-initialized span > i:active {
color: #1d93ab;
}
/* slider dots */
.slick-dots {
position: absolute;
bottom: 25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 2px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: 0 0
}
.slick-dots li button::before {
font-family: slick;
font-size: 40px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: 1;
color: white;
}
.slick-dots li.slick-active button::before {
color: black;
opacity: 1
}
.featured-products .products.slick-slider {
position: relative;
}
/* --------------------- filter product pro ---------------- */
#category .fpp_searchers,
#manufacturer .fpp_searchers {
position: fixed;
top: 0;
z-index: 9999999;
left: 0;
width: 100%;
max-width: 500px;
height: 100dvh;/*undiad dinamica de resolucion que evita problemas con menus fijso de moviles*/
background-color: var(--blanco);
transform: translateX(-100%);
pointer-events: none;
transition:transform 0.3s ease;
}
#category .fpp_searchers.mostrar,
#manufacturer .fpp_searchers.mostrar {
transform: translateX(0);
pointer-events: auto;
}
#category .fpp_searchers .content-permanent-mobile,
#manufacturer .fpp_searchers .content-permanent-mobile{
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 6000;
bottom: 0;
margin-bottom: 0;
width: 370px;
max-width: 100%;
transform: translateX(200%);
transition: transform .3s;
background: #FFF9F4;
}
#category .fpp_searchers.mostrar .content-permanent-mobile,
#manufacturer .fpp_searchers.mostrar .content-permanent-mobile {
display: block;
transform: translateX(0%);
}
#category .fpp_searchers .searcher-content,
#manufacturer .fpp_searchers .searcher-content{
height: 100vh;
}
#category .fpp_searchers #search_filters,
#manufacturer .fpp_searchers #search_filters{
background-color: var(--blanco);
padding: 20px;
}
#search_filters .facet ul .facet-label .custom-checkbox{
top: 0px;
}
#search_filters .facet ul .facet-label a{
margin-top: 3px;
}
#search_filters .facet ul li{
margin-bottom: 10px;
}
#search_filters .btn-tertiary{
background: var(--negro);
color: var(--blanco);
outline: unset;
border: 1.5px solid var(--negro);
}
body #search_filters .ui-slider .ui-slider-handle{
border: 1.5px solid var(--negro);
}
#search_filters .btn-tertiary:hover{
background: var(--blanco);
color: var(--negro);
}
#search_filters .btn-tertiary:active{
background: var(--destoscuro);
color: var(--blanco);
border: 1.5px solid var(--destoscuro);
}
#search_filters_wrapper #js-active-search-filters{
padding: 0px 50px;
margin-bottom: 0px;
background: transparent;
}
#search_filters_wrapper #js-active-search-filters .results-filters{
display: flex;
flex-wrap: wrap;
gap: 10px;
}
#search_filters_wrapper #js-active-search-filters .results-filters .filter-block{
margin: 0px;
background: var(--negro);
padding: 3px 10px;
color: var(--blanco);
font-family: 'Raleway';
font-size: 13px;
font-weight: 400;
line-height: 20px;
height: fit-content;
display: flex;
justify-content: center;
align-items: center;
text-transform: initial;
border: 1.5px solid var(--negro);
}
#search_filters_wrapper #js-active-search-filters .results-filters .filter-block:hover{
color: var(--negro);
background: var(--blanco);
}
#search_filters_wrapper #js-active-search-filters .results-filters .filter-block:active{
color: var(--blanco);
background: var(--destoscuro);
border: 1.5px solid var(--destoscuro);
}
#search_filters_wrapper #js-active-search-filters .results-filters .filter-block .close{
margin: 0px;
color: var(--blanco);
text-shadow: 0 1px 0 var(--blanco);
font-size: 15px;
font-weight: 400;
line-height: 15px;
margin-left: 5px;
}
#search_filters_wrapper #js-active-search-filters .results-filters .filter-block:hover .close{
color: var(--negro);
text-shadow: 0 1px 0 var(--negro);
}
#search_filters_wrapper #js-active-search-filters .results-filters .filter-block:active .close{
color: var(--blanco);
}
#search_filters .ui-widget-header{
background: var(--negro);
}
#search_filters .facet{
padding-top: 25px;
}
#search_filters .facet .custom-checkbox .ps-shown-by-js,
#search_filters .facet .custom-checkbox > span{
width: 13px;
height: 13px;
border: 1.5px solid var(--negro);
border-radius: 2px;
}
#search_filters .facet ul li .facet-label a,
#search_filters .facet ul li .facet-label span,
#search_filters .facet ul li p{
font-size: 18px;
font-weight: 500;
line-height: 120%;
color: var(--negro);
font-variant-numeric: lining-nums proportional-nums;
}
#search_filters .facet ul li .facet-label .magnitude{
display: none;
}
#category .fpp_searchers .no-filters-msg{
width: 100%;
padding: 20px 0px;
color: var(--negro);
font-family: 'Raleway';
font-weight: 500;
margin-top: 10px;
font-size: 16px;
}
#category .fpp_searchers .searcher-content .filter,
#manufacturer .fpp_searchers .searcher-content .filter{
margin-bottom: 0px;
}
#category .fpp_searchers .searcher-content .filter-options-content:not(.price),
#manufacturer .fpp_searchers .searcher-content .filter-options-content:not(.price){
height: auto;
max-height: 140px;
}
#category .fpp_searchers .searcher-content .filter-content .checkbox span,
#manufacturer .fpp_searchers .searcher-content .filter-content .checkbox span{
font-family: Rubik;
font-style: normal;
font-weight: 400;
font-size: 16px;
text-transform: uppercase;
color: #484848;
}
#category .fpp_searchers .searcher-content .filter-content .checkbox input,
#category .fpp_searchers .searcher-content .filter-content .radio input,
#manufacturer .fpp_searchers .searcher-content .filter-content .checkbox input,
#manufacturer .fpp_searchers .searcher-content .filter-content .radio input {
margin-right: 15px !important;
}
#category .fpp_searchers .searcher-content .filter hr,
#manufacturer .fpp_searchers .searcher-content .filter hr{
background: #FFF;
border-radius: 50px;
height: 3px;
border-top: 0px solid #eee;
}
#category .fpp_searchers .searcher-content .searcher-body.collapse,
#manufacturer .fpp_searchers .searcher-content .searcher-body.collapse{
display: block;
}
#category .ver-busquedas,
#manufacturer .ver-busquedas {
background: #0D1200;
color: #fff;
text-align: center;
margin: 0px 20px;
padding: 10px;
border-radius: 5px;
}
.pts .input-group-addon {
background-color: #0D1200;
border: 1.5px solid #0D1200;
color: #FFF;
}
.pts .form-control {
border: 1.5px solid #0D1200;
}
.noUi-handle::after, .noUi-handle::before {
background: #0D1200;
}
.noUi-target {
background: #A2C73B;
border: 1.5px solid #A2C73B;
box-shadow: inset 0 1px 1px #000,0 3px 6px -5px #000;
}
.fpp_searchers .searcher-content .filter-options-content.price label {
color: #FFF;
}
.icon-searchers-mobile-filter-pro span {
font-size: 18px;
font-style: normal;
font-weight: 400;
}
#category .fpp_searchers .searcher-header .header-right-content,
#manufacturer .fpp_searchers .searcher-header .header-right-content{
text-align: left;
font-size: 28px;
font-family: 'RalewayLight';
font-style: normal;
font-weight: 300;
display: flex;
align-items: center;
justify-content: space-between;
color: var(--negro) !important;
}
#category .fpp_searchers .searcher-header .header-right-content a,
#manufacturer .fpp_searchers .searcher-header .header-right-content a{
cursor: pointer;
}
#search_filters .facet .facet-label a {
text-transform: none;
width: fit-content;
}
@media (min-width: 768px) {
.icon-searchers-mobile-filter-pro span {
font-size: 20px;
}
#category .fpp_searchers #search_filters,
#manufacturer .fpp_searchers #search_filters{
background-color: var(--blanco);
padding: 20px 50px;
}
}
@media (max-width: 991px) {
#category .fpp_searchers .searcher-header .header-content,
#manufacturer .fpp_searchers .searcher-header .header-content{
justify-content: flex-end;
}
#category .fpp_searchers .block-content-permanent-mobile,
#manufacturer .fpp_searchers .block-content-permanent-mobile{
width: 75%;
}
}
/* filter pro bloque */
#category .block-filterpro,
#manufacturer .block-filterpro{
position: relative;
}
#search_filters .facet .title {
border-bottom: 1.5px solid;
}
#search_filters .facet .facet-title {
text-transform: uppercase;
border-bottom: 0px solid;
width: 100%;
color: var(--negro);
}
#search_filters .facet .title .collapse-icons {
display: none;
}
#search_filters .ui-slider-horizontal{
margin-left: 1px;
}
#category .fpp_searchers .searcher-header,
#manufacturer .fpp_searchers .searcher-header{
border-bottom: 0px solid #CCC;
padding: 20px;
font-weight: bold;
text-transform: uppercase;
}
@media (min-width: 768px){
#category .fpp_searchers .searcher-header,
#manufacturer .fpp_searchers .searcher-header{
padding: 20px 50px;
}
#category .fpp_searchers .searcher-header .header-right-content,
#manufacturer .fpp_searchers .searcher-header .header-right-content{
font-size: 35px;
}
}
#category .fpp_searchers .close-desktop-searcher i,
#manufacturer .fpp_searchers .close-desktop-searcher i{
font-size: 28px;
}
#category #content-searchers-mobile .searcher-body,
#category .fpp_searchers .pts,
#category .fpp_searchers .searcher-body,
#manufacturer #content-searchers-mobile .searcher-body,
#manufacturer .fpp_searchers .pts,
#manufacturer .fpp_searchers .searcher-body{
background: #0D1200;
background-color: #0D1200;
}
#category .fpp_searchers .searcher-content .filter-name,
#manufacturer .fpp_searchers .searcher-content .filter-name{
text-transform: uppercase;
font-weight: 600;
font-size: 20px;
line-height: 150%;
color: #FFF;
}
.modal-profilter.modal-backdrop-filter {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: rgba(140, 135, 123, 0.6);
opacity: 1;
}
@media (min-width: 768px) {
#search_filters .facet .facet-title {
border-bottom: 1.5px solid #DFDEDC;
padding-bottom: 5px;
}
}
/* ************** categorias ********************* */
.category-header {
display: flex;
align-items: center;
}
#category .block-filterpro {
position: relative;
border-radius: 2px;
background: var(--blanco);
width: max-content;
border-left: 0px solid;
text-transform: uppercase;
}
.category-header #js-product-list-header{
width: 100%;
}
.category-header .block-category {
min-height: unset;
margin-bottom: 0px;
text-align: center;
background-color: transparent;
position: relative;
z-index: 1;
}
.category-header .block-orderby {
border-radius: 2px;
border: 1.5px solid var(--negro);
background: var(--blanco);
border-right: 0px solid;
text-transform: uppercase;
}
#category #icon-searchers-mobile-filter-pro span,
.category-header .block-orderby,
#manufacturer #icon-searchers-mobile-filter-pro span,
#manufacturer .block-orderby{
display: flex;
justify-content: center;
align-items: center;
width: 158px;
height: 52px;
}
.category-header h1 {
color: #191200;
text-align: center;
font-family: "InnovarElegantLight";
font-size: 60px;
font-style: normal;
font-weight: 300;
line-height: 120%;
text-transform: unset;
}
#category #wrapper .container {
padding-left: 0px;
padding-right: 0px;
}
#category .card-block.category-additional-description {
padding: 1.25rem 20px .5rem;
}
#category .card-block.category-additional-description,
#category .card-block.category-additional-description p {
color: var(--NEGRO, #191200);
font-variant-numeric: lining-nums proportional-nums;
font-size: 16px;
font-weight: 500;
line-height: 150%;
letter-spacing: 0.32px;
}
#category #js-product-list-footer {
margin-bottom: 100px;
}
@media (min-width: 768px) {
.category-header #js-product-list-header{
width: calc(100% - 316px);
}
}
@media (min-width: 992px) {
#category .card-block.category-additional-description {
padding: 1.25rem 50px .5rem;
}
#category #js-product-list-footer {
margin-bottom: 150px;
}
}
@media (min-width: 1200px) {
.category-header {
margin-bottom: -44px;
}
.category-header h1 {
font-size: 130px;
}
#category #icon-searchers-mobile-filter-pro span,
.category-header .block-orderby,
#manufacturer #icon-searchers-mobile-filter-pro span,
#manufacturer .block-orderby{
padding: 0;
width: 178px;
height: 54px;
}
}
@media (max-width: 767.98px) {
#category .category-header {
flex-wrap: wrap;
padding: 20px;
}
#category .block-filterpro {
order: 1;
border-left: 1.5px solid;
}
.category-header .block-orderby {
border-right: 1.5px solid;
}
#category .category-header #js-product-list-header {
order: -1;
padding-bottom: 20px;
}
#category .block-orderby {
order: 2;
margin-left: auto;
}
}
/* ******************** Miniaturas *************************** */
.product-miniature .product-title {
margin-top: .7rem;
text-align: left;
text-transform: capitalize;
color: #191200;
font-size: 16px;
font-weight: 700;
line-height: 130%;
letter-spacing: 0.16px;
display: -webkit-box;
-webkit-line-clamp: 2; /* nº de líneas */
-webkit-box-orient: vertical;
overflow: hidden;
min-height: auto;
height: auto;
}
.product-miniature .product-price-and-shipping {
text-align: left;
color: #191200;
font-variant-numeric: lining-nums proportional-nums;
font-size: 20px;
font-weight: 500;
line-height: 140%;
}
.product-miniature .product-price-and-shipping .discount-product {
display: inline-block;
background: var(--ROJO-OFERTA, #9F2943);
color: var(--blanco);
font-variant-numeric: lining-nums proportional-nums;
font-size: 16px;
font-weight: 700;
line-height: 140%;
padding: 6px 5px;
margin: 0 10px;
}
.product-miniature .regular-price {
font-size: 20px;
font-weight: 500;
color: #191200;
text-decoration: line-through;
}
.product-miniature .product-price-and-shipping .pricewidthdto {
color: #9F2943;
}
.product-miniature .product-description {
padding: 0rem 20px;
}
.product-miniature .product-description,
.product-miniature .thumbnail-container {
background: var(--blanco);
}
.product-miniature .wishlist-button-add {
display: none;
}
.product-miniature:hover .wishlist-button-add.dd {
display: block;
position: absolute;
top: 20px;
right: 10px;
z-index: 1;
width: fit-content;
height: fit-content;
}
.wishlist-button-add{
border: 0px !important;
}
.wishlist-button-add.dd:hover{
opacity: 1;
}
.wishlist-button-add.dd:hover svg,
.wishlist-button-add.dd svg:nth-child(2){
display: none;
}
.wishlist-button-add.dd:hover svg:nth-child(2),
.wishlist-button-add.dd.active svg{
display: block;
}
.wishlist-button-add.dd.active svg path{
fill: #191200;
}
.wishlist-button-add.dd.active:hover svg path:first-child {
fill: #FFB5C4;
}
#index .product-miniature .thumbnail-container .product-thumbnail img,
#index .product-miniature .thumbnail-container .product-thumbnail video {
/* transition: transform 2s ease; */
transform-origin: left top;
transition: transform 2s cubic-bezier(0.4, 0, 0.2, 1);
}
/* hover miniatura */
/*
#index .product-miniature:hover .thumbnail-container .product-thumbnail img,
#index .product-miniature:hover .thumbnail-container .product-thumbnail video {
transform: scale(0.90);
}
*/
/*
#index #dd_inicioproductosdestacados .product-miniature .thumbnail-container .product-description,
#index #dd_inicioproductosdestacados2 .product-miniature .thumbnail-container .product-description{
visibility: hidden;
margin-top: -50px;
}
*/
/*
#index .product-miniature:hover .thumbnail-container .product-description {
visibility: visible;
padding-left: 15px;
background: transparent;
}
.product-miniature .thumbnail-container:hover .product-description::after {
border-top: #7a7a7a 0px solid;
}
*/
#index #dd_inicioproductosdestacados2 {
margin-top: -4px;
}
#index #dd_inicioproductosdestacados .product-miniature .thumbnail-container .product-description,
#index #dd_inicioproductosdestacados2 .product-miniature .thumbnail-container .product-description,
#index #dd_inicioproductosdestacados .js-product article.product-miniature .variant-links,
#index #dd_inicioproductosdestacados2 .js-product article.product-miniature .variant-links{
display: none;
}
#index #dd_inicioproductosdestacados .product-miniature .thumbnail-container,
#index #dd_inicioproductosdestacados2 .product-miniature .thumbnail-container,
#index .featured-newproduct .product-miniature .thumbnail-container{
margin-bottom: 0;
}
@media (min-width: 992px) {
.product-miniature .product-description {
padding: 0rem 50px;
}
#product .product-miniature .product-description,
#index .product-miniature .product-description {
padding: 0px 0px;
}
}
/*
@media (min-width: 1200px) {
.product-miniature .product-title {
height: 62px;
}
}
*/
/* segunda imagen al hacer hover o video */
.product-miniature .product-thumbnail {
position: relative;
overflow: hidden;
}
.product-miniature .product-thumbnail picture {
display: block;
}
.product-miniature .product-thumbnail .img-hover {
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: opacity 0.4s ease;
width: 100%;
}
.product-miniature:hover .img-hover {
opacity: 1;
}
.product-miniature:hover .img-main {
opacity: 0;
}
.product-miniature .video-hover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0;
transition: opacity 0.4s ease;
}
.product-miniature:hover .video-hover {
opacity: 1;
}
.product-miniature:hover .img-main {
opacity: 0;
}
/* ************ url product ************************ */
#product #wrapper > .container {
width: 100%;
max-width: 100%;
padding-left: 0px;
padding-right: 0px;
}
#product #wrapper #content-wrapper {
padding-left: 0px;
padding-right: 0px;
}
#product .product-block-left {
padding-left: 0px;
padding-right: 0px;
}
#product .product-block-right {
padding-left: 20px;
padding-right: 20px;
}
#product ul.product-images11 {
display: flex;
flex-wrap: wrap;
}
#product #content {
max-width: unset;
}
#product #content .product-flags {
display: none;
}
#product .thumb-container.js-thumb-container {
position: relative;
display: block;
text-align: center;
padding-right: 2.5px;
margin-bottom: 5px;
width: 100%;
padding-left: 0;
}
#product .thumb-container.js-thumb-container .zoomproduct {
position: absolute;
opacity: 0;
bottom: 20px;
right: 0px;
width: 130px;
height: 36px;
background: var(--negro);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
#product .thumb-container.js-thumb-container:hover .zoomproduct {
opacity: 1;
}
@media (min-width: 768px) {
#product #wrapper {
padding-top: 0px;
}
#product .product-block-right {
position: sticky;
top: 85px;
}
}
@media (min-width: 1200px) {
#product .thumb-container.js-thumb-container {
width: 50%;
}
#product .thumb-container.js-thumb-container:nth-child(odd) {
padding-left: 0;
}
#product .thumb-container.js-thumb-container:nth-child(even) {
padding-right: 0;
padding-left: 2.5px;
}
#product .product-block-right {
padding-right: 50px;
}
}
@media (max-width: 768px) {
#product #wrapper > .container {
padding-right: 0px;
}
#product .product-block-left {
padding-right: 0px;
}
#product .thumb-container.js-thumb-container {
padding-right: 0px;
}
}
#product .breadcrumb {
display: none;
}
#product .h1-wishtlist {
display: flex;
justify-content: space-between;
}
#product .return-category {
display: flex;
align-items: center;
justify-content: center;
color: #191200;
font-variant-numeric: lining-nums proportional-nums;
font-size: 13px;
font-weight: 500;
line-height: 150%;
letter-spacing: 0.26px;
text-transform: uppercase;
}
#product .return-category svg {
padding-right: 10px;
}
#product .return-category a {
padding-left: 4px;
color: #191200;
text-decoration-line: underline;
}
#product h1 {
color: #191200;
font-size: 16px;
font-weight: 600;
line-height: 120%;
letter-spacing: 0.32px;
margin-bottom: 0px;
}
#product .product-description ul{
padding-left: 15px;
list-style: disc;
}
#product .return-category {
/*padding-bottom: 2px;*/
}
@media (min-width: 768px) {
#product h1 {
font-size: 20px;
font-weight: 600;
letter-spacing: 0.4px;
}
#product .return-category {
justify-content: left;
padding-bottom: 20px;
}
}
@media (min-width: 992px) {
#product .return-category {
padding-bottom: 20px;
}
}
@media (min-width: 1200px) {
#product h1 {
font-size: 25px;
letter-spacing: 0.5px;
}
#product .return-category {
padding-bottom: 20px;
}
}
/* block precio */
#product .product-prices.js-product-prices {
display: flex;
align-items: center;
margin-top: 20px;
}
#product .product-discount {
margin-bottom: 0px;
}
#product .product-prices div {
margin-bottom: 0;
}
#product .product-discount .regular-price {
color: #191200;
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration-line: line-through;
}
#product .has-discount .discount {
display: inline-block;
text-transform: uppercase;
background: #9F2943;
padding: 10px 5px;
color: #FFF;
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 140%;
}
#product .current-price .current-price-value {
color: var(--negro);
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 42px */
margin-left: 18px;
}
#product .has-discount .current-price-value {
color: #9F2943;
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 42px */
margin-left: 18px;
}
#product .product-prices .tax-shipping-delivery-label {
display: none;
}
#product .product-information {
margin-top: 20px;
}
@media()
#product .product-discounts {
margin-bottom: 0rem;
}
#product .product-variants.js-product-variants {
display: flex;
flex-wrap: wrap;
}
#product .product-variants.js-product-variants ul,
#product .product-variants.js-product-variants ul label {
margin-bottom: 0px;
margin-top: 0px;
}
#product .product-variants.js-product-variants ul {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#product #product-availability {
font-weight: 700;
border-radius: 2px;
background: #191200;
color: #FFF;
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%;
margin-top: 0px;
padding: 10px;
}
#product .product-variants > .product-variants-item {
display: flex;
flex-wrap: wrap;
margin: 45px 0px 30px 0px;
}
#product #product-availability.hidden-stock {
display: none;
}
#product #product-availability i {
display: none;
}
#product .product-variants .radio-label {
background: #FFF;
border: 0px solid #fff;
}
#product .product-variants .input-color:checked + span.radio-label,
#product .product-variants .input-color:hover + span.radio-label,
#product .product-variants .input-radio:checked + span.radio-label,
#product .product-variants.input-radio:hover + span.radio-label {
border: 2px solid #232323;
}
#product .product-quantity .qty {
border: 1.5px solid var(--NEGRO, #191200);
height: 55px;
margin-right: 30px;
justify-content: space-between;
}
#product .product-quantity input#quantity_wanted {
border: 0;
width: 80px;
color: #081B68;
}
#product .product-quantity .qty .input-group-btn.input-group-prepend,
#product .product-quantity .qty .input-group-btn.input-group-append {
width: auto;
height: auto;
padding-top: 4px;
}
#product .product-quantity .qty .input-group-btn.input-group-prepend button.btn.js-touchspin,
#product .product-quantity .qty .input-group-btn.input-group-append button.btn.js-touchspin {
background: transparent;
color: #1D1D1B;
font-weight: 700;
font-size: 22px;
padding: 0px 0px;
height: 55px;
}
#product .product-quantity .input-group-btn-vertical {
display: none;
}
#product .product-quantity input#quantity_wanted {
border: 0;
color: #081B68;
background: #FFF;
width: 50px;
height: 40px;
border-color: #081B68;
border-radius: 43px;
text-align: center;
color: #1D1D1B;
font-size: 20px;
font-weight: 600;
height: 52px;
}
@media (min-width: 768px){
#product .product-quantity input#quantity_wanted {
width: 80px;
}
#product .product-quantity .qty {
margin-right: 0px;
}
}
#product .btn-primary.add-to-cart i {
display: none;
}
#product .btn-primary.add-to-cart {
font-size: 18px;
font-weight: 400;
line-height: 100%;
text-transform: uppercase;
background: #000;
padding: 15px 3vw;
height: auto;
width: 100%;
}
#product .social-sharing li {
background-color: transparent;
}
#product .social-sharing li a {
width: 20px;
height: 20px;
}
#product .product-quantity {
flex-direction: column;
}
@media (max-width: 768px){
#product .product-quantity {
flex-direction: row;
}
}
#product .product-quantity .add{
width: 100%;
justify-content: right;
max-width: 100%;
}
#product .whatsapp.icon-gray {
background-image: url(../css/icon-whatsapp.svg);
background-size: 20px;
}
#product .whatsapp::before {
background-image: url(../css/icon-whatsapp.svg);
}
#product .facebook.icon-gray {
background-image: url(../css/compartir-producto-facebook.svg);
background-size: 20px;
}
#product .facebook::before {
background-image: url(../css/compartir-producto-facebook.svg);
}
#product .product-additional-info .wishlist-button-add {
display: none;
}
#product .product-features {
margin-top: 30px;
padding-top: 30px;
border-top: 1.5px solid #191200;
}
#product .product-features .name {
color: #191200;
font-variant-numeric: lining-nums proportional-nums;
font-size: 20px;
font-weight: 300;
line-height: 150%;
text-transform: uppercase;
}
#product .product-features .value {
color: var(--NEGRO, #191200);
font-size: 16px;
font-weight: 500;
line-height: 150%;
letter-spacing: 0.16px;
margin-bottom: 30px;
}
#product .tabs {
display: flex;
padding-right: 20px;
padding-left: 20px;
background: transparent;
}
#product .tabs .product-description {
padding-right: 0px;
padding-left: 0px;
}
#product .tabs .product-description li {
margin-bottom: 10px;
}
#product .featured-products,
.featured-newproduct,
#product .product-accessories {
display: flex;
flex-direction: column;
}
#product .featured-products .block-left-featured,
.featured-newproduct .block-left-featured,
#product .featured-products .products-section-title,
#product .product-accessories p.h5 {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding-left: 50px;
padding-right: 35px;
}
#product .featured-products .products-section-title,
#product .product-accessories p.h5,
.featured-newproduct .products-section-title {
color: #191200;
text-align: center;
font-family: 'InnovarElegant';
font-size: 43px;
font-weight: 400;
line-height: 150%;
text-transform: unset;
}
#product .featured-products .products,
.featured-newproduct .products,
#product .product-accessories .slider-relacionados {
width: 100%;
margin-right: 0px;
margin-left: 0px;
}
#product .featured-products .slick-list,
.featured-newproduct .slick-list {
padding-right: 0px;
}
@media (min-width: 992px) {
#product .product-prices.js-product-prices {
margin-top: 20px;
}
#product .product-information {
margin-top: 20px;
}
#product .featured-products .slick-list,
.featured-newproduct .slick-list {
padding-right: 75px;
}
#product .product-quantity {
flex-direction: row;
gap: 20px;
}
}
#product .product-variants .block-disponibilidad {
margin-bottom: 20px;
display: flex;
}
#product .product-variants > .product-variants-item {
display: flex;
flex-wrap: wrap;
align-items: center;
margin: 0px 0px 20px 0px;
padding: 0px 15px;
}
#product .product-variants > .product-variants-item svg {
margin-left: 25px;
}
#product .block-alertemail {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
}
#product .product-minimal-quantity{
margin-bottom: 0;
}
#product .social-sharing{
margin-top: 20px;
}
#product .product-variants.js-product-variants .block-alertemail {
display: none;
opacity: 0;
pointer-events: none;
transition: opacity .95s ease;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0px;
margin-top: 0px;
}
#product .product-variants.js-product-variants .block-alertemail.mostrar,
#product .product-variants.js-product-variants .block-alertemail:hover {
display: flex;
opacity: 1;
pointer-events: auto;
}
#product .product-variants.js-product-variants .block-alertemail p {
color: var(--negro);
margin-bottom: 0px;
}
#product #mostrar-alertas {
font-weight: 700;
color: var (--negro);
text-decoration: underline;
}
#product .product-actions .control-label {
display: none;
}
@media (min-width: 768px) {
#product .featured-products .products-section-title,
#product .product-accessories p.h5,
.featured-newproduct .products-section-title {
font-size: 50px;
}
#product .btn-primary.add-to-cart{
max-width: 313px;
}
}
@media (min-width: 992px) {
#product .product-quantity .add{
max-width: 313px;
}
#product .featured-products .products-section-title,
#product .product-accessories p.h5,
.featured-newproduct .products-section-title {
font-size: 58px;
}
#product .product-discount .regular-price {
font-size: 30px;
}
#product .has-discount .discount {
font-size: 25px;
}
#product .current-price .current-price-value {
font-size: 30px;
}
#product .has-discount .current-price-value {
font-size: 30px;
}
#product .product-variants.js-product-variants .block-alertemail {
margin-bottom: 0px;
}
#product .product-variants .block-disponibilidad {
margin-bottom: 20px;
}
#product .product-variants > .product-variants-item {
margin: 0px 0px 20px 0px;
}
#product #product-availability {
font-size: 20px;
}
#product .btn-primary.add-to-cart {
font-size: 23px;
}
#product .tabs {
padding-right: 50px;
padding-left: 50px;
}
}
@media (min-width: 1200px) {
#product .product-features {
width: calc(100% + 50px);
}
#product .product-features .data-sheet{
padding-right: 50px;
}
#product .product-block-right .wishlist-button-add {
padding: 0px;
margin-right: 0px;
width: 25px;
}
#product .featured-products,
.featured-newproduct,
#product .product-accessories {
display: flex;
flex-direction: row;
}
#product .featured-products .block-left-featured,
.featured-newproduct .block-left-featured,
#product .featured-products .products-section-title,
#product .product-accessories p.h5 {
width: 490px;
}
#product .featured-products .products,
.featured-newproduct .products,
#product .product-accessories .slider-relacionados {
width: calc( 100% - 490px);
}
}
@media (max-width: 991.98px) {
#product .product-variants.js-product-variants {
flex-direction: column;
}
#product .product-variants.js-product-variants .block-alertemail {
margin-left: 0px;
}
#product .btn-primary.add-to-cart {
padding: 15px 30px;
}
}
/* ********* home **************** */
#index .container-home {
padding-left: 0px;
padding-right: 0px;
max-width: 100%;
}
#index .content-wrapper-home {
padding-left: 0px;
padding-right: 0px;
}
#index .row-home {
margin-left: 0px;
margin-right: 0px;
}
#index .featured-products .row {
margin-left: 0px;
margin-right: 0px;
}
.featured-newproduct .all-product-link {
padding: 15px 20px;
gap: 10px;
border-radius: 2px;
border: 1.5px solid #191200;
color: var(--negro);
font-size: 23px;
font-weight: 400;
line-height: 120%;
text-transform: uppercase;
width: 330px;
text-align: center;
text-decoration: unset !important;
}
.featured-newproduct .all-product-link:hover{
color: var(--blanco);
background: var(--negro);
}
.featured-newproduct .all-product-link:active{
color: var(--blanco);
background: var(--destoscuro);
border: 1.5px solid var(--destoscuro);
}
#index .featured-newproduct .block-left-featured {
flex-direction: column;
text-transform: uppercase;
padding-left: 20px;
padding-right: 20px;
}
.featured-newproduct .block-left-featured i {
display: none;
}
@media (min-width: 992px) {
.featured-newproduct .all-product-link {
width: 405px;
}
}
@media (max-width: 767.98px) {
#index .featured-newproduct .block-left-featured {
}
}
/* ************ iqitmegamenu *********** */
.cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper {
top: 0;
margin-top: 0 !important;
}
.cbp-vertical-on-top .cbp-hrmenu.cbp-vertical > ul,
.cbp-hrmenu .cbp-hrsub-inner {
border-top: 1.5px none #191200;
border-bottom: 1.5px solid #191200;
border-right: 1.5px solid #191200;
}
.cbp-vertical-on-top > .cbp-hrmenu.cbp-vertical > ul {
top: 45px;
border-top: 1.5px solid #191200;
}
#index .cbp-vertical-on-top > .cbp-hrmenu.cbp-vertical > ul {
top: 54px;
}
#index .fuera-video .cbp-vertical-on-top > .cbp-hrmenu.cbp-vertical > ul {
top: 39.5px;
}
@media (min-width: 992px) {
.cbp-vertical-on-top > .cbp-hrmenu.cbp-vertical > ul {
top: 42px;
}
}
#cbp-hrmenu > ul > li > a {
border-right: 2px solid #2CB3A8 !important;
}
#cbp-hrmenu1 > ul > li > a,
#iqitmegamenu-accordion.cbp-spmenu > li a {
font-family: "InnovarElegant";
color: var(--negro);
font-size: min(1.4rem, 25px);
font-weight: 400;
line-height: normal;
text-transform: unset;
border-top: 0px solid #cecece;
padding-top: min(2vh, 20px);
padding-bottom: min(2vh, 20px);
}
#iqitmegamenu-horizontal .container .cbp-vertical-on-top .cbp-hrmenu > ul > li:last-of-type::before,
#iqitmegamenu-mobile-content .cbp-mobilesubmenu #iqitmegamenu-accordion > li:last-of-type::before{
content: "";
display: inline-block;
width: 33px;
height: 33px;
background-image: url("https://fetichesuances.com/img/favicon.webp");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
#iqitmegamenu-horizontal .container .cbp-vertical-on-top .cbp-hrmenu > ul > li:last-of-type,
#iqitmegamenu-mobile-content .cbp-mobilesubmenu #iqitmegamenu-accordion > li:last-of-type{
padding-top: min(2vh, 20px);
padding-bottom: min(2vh, 20px);
margin-left: 15px;
display: flex;
align-items: center;
gap: 10px;
border: 1.5px solid #C2900C;
margin-right: 15px;
padding-left: min(2vh, 20px);
padding-right: min(2vh, 20px);
margin-bottom: min(2vh, 20px);
margin-top: min(2vh, 20px);
}
#iqitmegamenu-horizontal .container .cbp-vertical-on-top .cbp-hrmenu > ul > li:last-of-type > a,
#iqitmegamenu-mobile-content .cbp-mobilesubmenu #iqitmegamenu-accordion > li:last-of-type > a{
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
#iqitmegamenu-mobile-content .cbp-mobilesubmenu #_desktop_language_selector{
margin-top: min(4vh, 40px);
}
.cbp-hrmenu .cbp-hrsub-inner,
.cbp-hrmenu ul.cbp-hrsub-level2,
.cbp-hrsub-haslevel3:hover > .cbp-category-link-w > ul {
-webkit-box-shadow: unset;
-moz-box-shadow: unset;
box-shadow: unset;
}
#cbp-hrmenu .cbp-hrsub-inner a {
padding-bottom: 15px;
}
.cbp-fade-slide-bottom .cbp-hrsub {
overflow-y: scroll;
height: 125vh;
}
.cbp-hrmenu .cbp-menu-column {
height: 100vw;
}
ul.cbp-spmenu-vertical ul.cbpm-ul-showed a {
padding-left: 2em;
}
ul.cbp-spmenu-vertical ul.cbpm-ul-showed ul a {
padding-left: 3em;
padding-bottom: 0.5em;
}
@media (max-width: 767.98px) {
ul.cbp-spmenu-vertical ul.cbpm-ul-showed a {
padding-left: 15px;
}
}
#iqitmegamenu-mobile-content li {
position: relative;
}
#iqitmegamenu-accordion.cbp-spmenu > li ul {
background-color: var(--blanco);
box-shadow: unset;
}
.cbp-spmenu {
box-shadow: unset;
top: 71px;
}
.cbp-spmenu-vertical a {
border-bottom: 0px solid #cecece;
}
/*
.cbp-spmenu-overlay-show #cbp-close-mobile {
display: none;
}
.cbp-spmenu-vertical {
width: 100vw;
}
.cbp-spmenu-left {
left: -100vw;
}*/
#iqitmegamenu-accordion .mm-expand .expand-icon {
display:block;
color: var(--negro);
}
#iqitmegamenu-accordion .mm-expand .close-icon {
display:none;
}
#iqitmegamenu-accordion .mm-expand.show .expand-icon {
display:none;
}
#iqitmegamenu-accordion .mm-expand.show .close-icon {
display:block;
color: var(--oroviejo);
}
#iqitmegamenu-accordion ul .mm-expand .expand-icon {
color: var(--negro);
}
#iqitmegamenu-accordion ul .mm-expand.show .close-icon {
color: var(--negro);
}
#iqitmegamenu-accordion.cbp-spmenu .cbpm-ul-showed li a {
color: #262626;
font-weight: 600;
}
#iqitmegamenu-accordion.cbp-spmenu .cbpm-ul-showed ul li a {
color: #262626;
font-weight: 400;
}
#iqitmegamenu-accordion div.responsiveInykator {
font-weight: 400;
font-size: 40px;
top: 24px;
}
#cbp-hrmenu1 .cbp-hrsub-inner a,
#cbp-hrmenu1 .cbp-hrsub-inner a:link {
color: var(--negro);
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 22px;
font-style: normal;
font-weight: 400;
line-height: 120%;
text-transform: uppercase;
}
#cbp-hrmenu1 .cbp-hrsub-inner a:hover {
color: var(--oroviejo);
}
#cbp-hrmenu1 .cbp-hrsub-inner .cbp-column-title {
display: none;
}
.cbp-hrmenu .cbp-links li .cbp-category-link-w a {
display: flex;
flex-direction: row;
gap: 5px;
margin-bottom: 21px;
}
.cbp-category-link-w a .logo-fetiche {
visibility: hidden;
margin-right: 10px;
}
.cbp-category-link-w a:hover .logo-fetiche {
visibility: visible;
}
.cbp-category-link-w a .logo-fetiche img {
width: 21px;
height: 21px;
max-height: 21px;
max-width: 21px;
min-width: 21px;
min-height: 21px;
}
.cbp-category-link-w a:hover {
color: var(--oroviejo);
}
.cbp-hrmenu .cbp-links li a::before {
display: none;
}
#iqitmegamenu-accordion {
background-color: var(--blanco);
}
#iqitmegamenu-accordion.cbp-spmenu > li a.showselect {
color: var(--oroviejo);
}
@media (min-width: 1200px) {
#cbp-hrmenu > ul > li > a,
#cbp-hrmenu > ul > li > span.cbp-main-link {
font-size: 16px;
}
#cbp-hrmenu1 > ul > li > a{
padding-left: 50px;
}
}
@media (max-width: 999px) {
.cbp-hrmenu {
display: block;
}
#iqitmegamenu-mobile {
display: none;
}
#index .container-iqit-menu {
width: 41px;
height: 34px;
}
#index .fuera-video .container-iqit-menu,
.container-iqit-menu{
width: 25px;
height: 25px;
padding: 0px;
margin: 0;
}
.cbp-vertical-on-top {
width: 25px;
height: 25px;
}
.cbp-vertical-on-top .cbp-vertical-title {
line-height: 25px;
padding: 0px 0px;
}
.cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper {
top: 0;
}
.cbp-spmenu-push-toright {
left: 0;
}
.cbp-spmenu-push-toright .mm-burguer {
display: none;
}
#iqitmegamenu-accordion.cbp-spmenu li li a {
color: var(--negro);
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 120%; /* 21.6px */
text-transform: uppercase;
}
.cbp-spmenu {
top: 60px;
}
#index .cbp-spmenu {
top: 60px;
}
}
@media (max-width: 767.98px) {
#iqitmegamenu-accordion div.responsiveInykator {
top: 10px;
position: absolute;
right: 0px;
}
}
/* ********* Revision ************ */
/* novedades home */
.featured-newproduct,
#product .featured-products {
margin-bottom: 100px;
}
.featured-newproduct .products-section-title {
margin-top: 0px;
margin-bottom: 0px;
}
@media (min-width: 768px) {
.featured-newproduct {
margin-bottom: 200px;
}
#product .featured-newproduct {
margin-bottom: 100px;
}
}
@media (min-width: 992px) {
.featured-newproduct {
margin-bottom: 300px;
}
#product .featured-newproduct,
#product .featured-products {
margin-bottom: 150px;
}
}
/* filtro de facetas sea overflow */
#search_filters .facet[data-type="price"] .collapse,
#search_filters_brands .facet[data-type="price"] .collapse,
#search_filters_suppliers .facet[data-type="price"] .collapse {
height: 60px;
padding-right: 10px;
overflow: hidden;
}
.custom-checkbox label:hover input[type="checkbox"] + span,
.custom-checkbox input[type="checkbox"]:hover + span,
.custom-checkbox input[type="checkbox"] + span:hover{
background: var(--negro);
}
.custom-checkbox input[type="checkbox"]:checked + span {
background: var(--negro);
}
.custom-checkbox input[type="checkbox"] + span .checkbox-checked {
color: #fff;
}
/* ordenar */
#js-product-list-top.active {
width: 100%;
max-width: 500px;
background: var(--blanco);
}
.products-selection .sort-by-row {
flex-direction: column;
}
.products-selection .products-sort-order-popup {
width: 100%;
padding-left: 50px;
padding-right: 50px;
}
.products-selection .products-sort-order-popup .sort-form{
display: flex;
flex-direction: column;
}
.products-selection .products-sort-order-popup .sort-form .sort-option:nth-child(1) { order: 0; }
.products-selection .products-sort-order-popup .sort-form .sort-option:nth-child(2) { order: 2; }
.products-selection .products-sort-order-popup .sort-form .sort-option:nth-child(3) { order: 3; }
.products-selection .products-sort-order-popup .sort-form .sort-option:nth-child(4) { order: 1; }
.products-selection .header-right-content {
display: flex;
justify-content: space-between;
color: var(--negro);
text-align: center;
font-family: 'RalewayLight';
font-size: 28px;
font-style: normal;
font-weight: 200;
line-height: 120%; /* 43.014px */
text-transform: uppercase;
padding: 20px 0px;
}
#search_filters_wrapper .apply-filter{
padding: 15px 0px;
border: 1.5px solid var(--negro);
border-radius: 2px;
width: 100%;
font-size: 20px;
color: var(--negro);
font-weight: 400;
line-height: 120%;
text-transform: uppercase;
text-align: center;
cursor: pointer;
position: absolute;
bottom: 0;
background: var(--blanco);
color: var(--negro);
z-index: 99
}
#search_filters{
max-height: calc(100% - 125px);
overflow: hidden;
overflow-y: scroll;
}
#search_filters_wrapper .apply-filter:hover{
background: var(--negro);
color: var(--blanco);
}
#search_filters_wrapper .apply-filter:active{
background: var(--destoscuro);
color: var(--blanco);
border: 1.5px solid var(--destoscuro);
}
body:has(.modal-profilter.modal-backdrop-filter) {
overflow: hidden;
}
body.popup #header .header-nav{
padding-right: 15px;
}
#wrapper:has(.breadcrumb){
padding-top: 5px;
}
#header .cbp-vertical-title img{
cursor: pointer;
}
@media (min-width: 992px){
.products-selection .header-right-content {
font-family: 'RalewayLight';
font-size: 35.845px;
}
#search_filters_wrapper .apply-filter{
padding: 30px 20px;
}
#search_filters{
max-height: calc(100% - 155px);
}
}
.products-selection .sort-by-row label {
color: var(--negro);
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.sort-option input[type="radio"] {
display: none;
}
.sort-option label {
position: relative;
padding-left: 28px;
cursor: pointer;
text-align: left;
}
.sort-option label::before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 16px;
height: 16px;
border: 2px solid #000;
border-radius: 50%;
background: #000;
}
.sort-option input[type="radio"]:checked + label::before {
border: 4px solid #000;
}
.sort-option input[type="radio"]:checked + label::after {
content: "";
position: absolute;
left: 4px;
top: 7px;
width: 8px;
height: 8px;
background: var(--blanco);
border-radius: 50%;
}
@media (max-width: 767px) {
.products-selection .showing {
display: none;
}
}
#category .block-filterpro:hover,
.category-header .block-orderby:hover {
color: var(--blanco);
background: var(--negro);
}
.wishlist-button-add {
background-color: transparent!important;
box-shadow: unset!important;
}
.wishlist-button-add:hover i.anadido,
.wishlist-button-add:hover i {
color: #FFB5C4;
}
.wishlist-button-add i.anadido {
color: #191200;
}
.emailalerts-modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
justify-content: center;
align-items: center;
}
.emailalerts-modal-content{
padding: 50px;
border-radius: 3px;
background: #fff;
max-width: 582px !important;
position: relative;
}
.emailalerts-modal-content .gdpr-text{
margin: 0 !important;
font-weight: 400 !important;
font-family: 'Raleway' !important;
font-size: 12px !important;
line-height: 150% !important;
color: rgba(25, 18, 0, 1) !important;
}
.emailalerts-modal-content .gdpr_consent_wrapper{
display: flex;
flex-direction: column;
gap: 30px;
margin-top: 0 !important;
}
.emailalerts-modal-content .js-mailalert-add{
margin-top: 0 !important;
}
.js-mailalert-alerts{
display: none;
}
.emailalerts-form .tabs{
padding-bottom: 0 !important;
}
.emailalerts-form .tabs .js-mailalert{
display: flex;
flex-direction: column;
gap: 30px;
}
#product .product-container{
z-index: 99;
position:relative;
}
@media(max-width: 1200px){
.emailalerts-modal-content{
padding: 20px !important;
}
#emailalerts-popup{
padding-left: 20px;
padding-right: 20px;
}
.emailalerts-close{
right: 10px !important;
top: 10px !important;
}
.emailalerts-close svg{
width: 20px !important;
height: 20px !important;
}
}
.emailalerts-form .form-control{
background: transparent !important;
border: 1.5px solid rgba(25, 18, 0, 1) !important;
border-radius: 2px !important;
padding: 11px 15px !important;
}
.emailalerts-form .form-control::placeholder{
opacity: 1;
color: var(--negro);
}
.emailalerts-form .custom-checkbox label > span:first-of-type{
border: 1.5px solid var(--negro);
border-radius: 2px;
}
.emailalerts-modal-content .gdpr_consent_wrapper .gdpr_consent{
order: 1;
}
.emailalerts-title{
font-family: 'InnovarElegant';
font-size: 38px;
line-height: 132%;
color: rgba(25, 18, 0, 1);
padding: 0 !important;
text-align: center;
}
.emailalerts-close {
position: absolute;
right: 20px;
top: 20px;
font-size: 50px;
cursor: pointer;
}
.gdpr-text a {
color: var(--NEGRO, #191200);
font-variant-numeric: lining-nums proportional-nums;
font-family: Raleway;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
#emailalerts-popup .emailalerts-title {
padding-left: 0px;
font-size: 30px;
font-weight: 700;
line-height: 110%;
}
#emailalerts-popup .btn-primary {
width: 100%;
background: #FFF;
border: 1.5px solid #191200;
border-radius: 2px;
color: #191200;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin-top: 20px;
padding: .5rem;
}
#emailalerts-popup .btn-primary:hover {
background: #191200;
border: 1.5px solid #191200;
border-radius: 2px;
color: #FFF;
}
#product #emailalerts-popup .tabs {
display: block;
padding-right: 0px;
padding-left: 0px;
}
@media (min-width: 768px) {
#emailalerts-popup .btn-primary {
font-size: 20px;
padding: .5rem 1.25rem;
}
#product .row.product-container.js-product-container .product-block-left{
width: 60%;
}
#product .row.product-container.js-product-container .product-block-right{
width: 40%;
}
}
@media (min-width: 992px) {
.emailalerts-modal-content {
max-width: 50%;
}
#emailalerts-popup .emailalerts-title {
padding-left: 50px;
}
}
@media (max-width: 1090px){
#product .btn-primary.add-to-cart{
width: 100%;
max-width: 100%;
}
}
#product .row.product-container.js-product-container {
margin-right: 0px;
margin-left: 0px;
}
#product .products .slick-track {
display: flex;
}
@media (max-width: 767.98px) {
#product .products.slick-initialized {
width: 100%;
}
#product .products .js-product.product.slick-initialized .slick-slide {
padding-left: 0px;
padding-right: 0px;
}
#product .products .js-product.product.slick-slide.slick-current.slick-active {
padding-left: 0px;
padding-right: 0px;
}
#product .featured-products .slick-list {
padding-right: 0px;
}
}
/* Slider url product quitando padding y lleguen las imágenes al lateral */
@media (min-width: 768px) and (max-width: 991px) {
#index .featured-newproduct .js-product.product.slick-slide {
padding-right: 0px;
padding-left: 0px;
}
#index .featured-newproduct .js-product.product.slick-slide:nth-child(odd),
#product .js-product.product.slick-slide:nth-child(odd) {
padding-right: 10px;
padding-left: 0px;
}
#index .featured-newproduct .js-product.product.slick-slide:nth-child(even),
#product .js-product.product.slick-slide:nth-child(even) {
padding-right: 0px;
padding-left: 10px;
}
}
@media (max-width: 767.98px) {
#index .featured-newproduct .js-product.product.slick-slide,
#product .js-product.product.slick-slide {
padding-right: 0px;
padding-left: 0px;
}
#index .featured-newproduct .js-product.product.slick-slide:nth-child(odd),
#product .js-product.product.slick-slide:nth-child(odd) {
padding-right: 0px;
padding-left: 0px;
}
#index .featured-newproduct .js-product.product.slick-slide:nth-child(even),
#product .js-product.product.slick-slide:nth-child(even) {
padding-right: 0px;
padding-left: 0px;
}
}
/* cambios diapositiva */
#dd_diapositivas {
width: 100vw;
height: 100vh;
}
#dd_diapositivas .diapositivas .diapositiva {
position: relative;
width: 100vw;
height: 100vh;
overflow: hidden;
}
#dd_diapositivas .diapositivas .diapositiva video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#dd_inicioproductosdestacados .slick-track {
display: flex;
animation: scroll 125s linear infinite;
width: max-content !important;
}
#dd_inicioproductosdestacados:hover .slick-track {
animation-play-state: paused;
}
#dd_inicioproductosdestacados2 .slick-track {
display: flex;
animation: scroll 125s linear infinite;
width: max-content !important;
}
#dd_inicioproductosdestacados2:hover .slick-track {
animation-play-state: paused;
}
@keyframes scroll {
from { transform: translateX(0); }
to { transform: translateX(-50%); }
}
.product-miniature .thumbnail-container:focus .product-description::after,
.product-miniature .thumbnail-container:hover .product-description::after {
display: none;
}
.dropdown:hover .expand-more {
color: var(--negro);
}
#footer .links li {
display: flex;
justify-content: flex-start;
align-items: center;
gap: 10px;
position: relative;
overflow: hidden;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
#footer .links li .logo-fetiche-footer {
visibility: hidden;
opacity: 0;
transform: translateX(40px);
transition: all 0.4s ease;
pointer-events: none;
}
#footer .links li:hover .logo-fetiche-footer {
visibility: visible;
height: fit-content;
opacity: 1;
transform: translateX(0);
}
#footer hr {
display: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
#footer .block-contact {
border-bottom: 0px solid #191200;
}
#footer hr {
display: block;
width: 50%;
margin: 0 auto;
background: #000;
}
}
@media (max-width: 991.98px) {
#footer .links li .logo-fetiche-footer {
display: none;
}
#footer .urls-condiciones {
margin-bottom: 20px;
}
}
/* *************** combinaciones en producto y miniatura ***************** */
#product .product-variants > .product-variants-item {
width: 100%;
}
#product .product-variants > .product-variants-item label .color,
#product .product-variants > .product-variants-item label > span {
width: 40px;
height: 40px;
margin: .3125rem 10px .3125rem 10px;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
/* en miniaturas */
.js-product article.product-miniature .variant-links{
display: flex;
justify-content: flex-start;
opacity: 0;
visibility: hidden;
top: 0px;
}
.js-product article.product-miniature:hover .variant-links{
opacity: 1;
visibility: visible;
}
.js-product article .tallas,
.js-product article .colores{
display: flex;
width: 50%;
}
.js-product article .colores .color,
.js-product article .tallas .color{
width: 40px;
height: 40px;
margin: .3125rem 3px .3125rem 3px;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 120%;
color: #000;
border: 0px solid #000;
min-width: 40px;
min-height: 40px;
}
.js-product article .colores .color:hover,
.js-product article .tallas .color:hover{
border: 1.5px solid #000;
}
body main > #back-top{
display: none;
}
#authentication .custom-checkbox span{
flex: unset;
position: relative;
}
@media (min-width: 992px) {
.js-product article.product-miniature .variant-links{
padding: 0rem 50px;
}
#index .js-product article.product-miniature .variant-links,
#product .js-product article.product-miniature .variant-links{
padding: 0rem 0px;
}
.js-product article .tallas,
.js-product article .colores {
margin-left: -5px;
}
}
#checkout #customer-form .form-group.psgdpr .custom-checkbox label span:nth-of-type(2){
margin-left:24px;
}
#checkout #footer .text-sm-center{
display: none;
}
/* carrito modal */
#cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item .product-line-grid .product-line-grid-left {
width: 50%;
}
#cart-modal .product-discount .regular-price {
font-size: 18px;
font-weight: 700;
}
#cart-modal .has-discount .discount {
font-size: 16px;
font-weight: 700;
margin-left: 0rem;
padding: 3px 3px;
}
#cart-modal .current-price-discount .price {
color: #9F2943;
font-size: 18px;
font-weight: 700;
}
#cart-modal .atributes-container{
display: flex;
flex-wrap: wrap;
}
#cart-modal .atributes-container .product-line-info{
margin-right: 15px;
}
/* menu mobile */
.cbp-spmenu-vertical a {
padding: 15px;
}
#index .right-nav > div {
margin-right: 0px;
}
.right-nav svg {
margin-right: 20px;
}
@media (max-width: 767.98px) {
.right-nav .language-selector,
.right-nav #_desktop_currency_selector{
display: none;
}
#header #_desktop_language_selector {
display: none;
}
#index .right-nav > div {
margin-right: 0px;
}
.right-nav svg {
margin-right: 20px;
}
#header .right-nav #_desktop_user_info,
#header .right-nav #_desktop_user_info svg{
margin-right: 0px;
}
}
#iqitmegamenu-mobile-content #_desktop_currency_selector {
width: calc(100% - 30px);
margin-left: 15px;
margin-right: 15px;
border-bottom: 1.5px solid var(--negro);
margin-bottom: 100px;
}
#iqitmegamenu-mobile-content .language-selector.dropdown.js-dropdown button,
#iqitmegamenu-mobile-content #_desktop_currency_selector button{
border-top: 1.5px solid var(--negro);
padding-top: 20px;
padding-bottom: 20px;
text-transform: uppercase;
width: 100%;
}
#iqitmegamenu-mobile-content .language-selector.dropdown.js-dropdown button{
width: calc(100% - 30px);
margin-left: 15px;
margin-right: 15px;
}
#iqitmegamenu-mobile-content .language-selector #language-selector-label,
#iqitmegamenu-mobile-content #_desktop_currency_selector #currency-selector-label{
padding-left: 15px;
line-height: 120%;
font-size: 18px;
color: var(--negro);
}
#iqitmegamenu-mobile-content .language-selector .expand-more{
display: flex;
align-items: center;
}
#iqitmegamenu-mobile-content #_desktop_currency_selector .expand-more {
font-size: 25px;
display: flex;
align-items: center;
}
#iqitmegamenu-mobile-content #_desktop_language_selector .dropdown-menu,
#iqitmegamenu-mobile-content #_desktop_currency_selector .dropdown-menu{
top: 0px !important;
display: flex;
flex-direction: row;
width: fit-content;
}
#iqitmegamenu-mobile-content .language-selector.dropdown.js-dropdown .dropdown-menu,
#iqitmegamenu-mobile-content #_desktop_currency_selector .dropdown-menu{
display: block;
position: relative;
float: unset;
border: 0px solid rgba(0,0,0,.15);
margin-top: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
#iqitmegamenu-mobile-content .language-selector.dropdown.js-dropdown .dropdown-menu a,
#iqitmegamenu-mobile-content #_desktop_currency_selector .dropdown-menu a{
padding-top: 0px;
padding-bottom: 20px;
text-transform: uppercase;
font-family: 'RalewayLight';
line-height: 120%;
font-size: 18px;
color: var(--negro);
}
#iqitmegamenu-mobile-content #_desktop_currency_selector .dropdown-menu a{
padding-left: 0px;
}
#iqitmegamenu-accordion.cbp-spmenu li a:hover {
background-color: transparent;
-webkit-box-shadow: unset;
-moz-box-shadow: unset);
box-shadow: unset;
}
#index #header,
#index #header .header-nav{
transition: height 300ms ease-in-out;
}
#index #header .header-nav{
border-bottom: 0px !important;
}
#index #header.fuera-video .header-nav{
border-bottom: 1.5px solid #000 !important;
}
#index #header.fuera-video{
background: #fff !important;
box-shadow: unset;
color: #7a7a7a;
height: 60px !important;
}
#index #header.fuera-video,
#index .fuera-video .header-desktop{
height: 60px !important;
}
#index #header svg{
transition: width 300ms ease-in-out, height 300ms ease-in-out;
}
#index #header #_desktop_language_selector img{
transition: transform 300ms ease-in-out;
}
#index #header.fuera-video #_desktop_language_selector img{
transform: scale(0.7142857);
}
#index #header.fuera-video svg{
width: 25px !important;
height: 26px !important;
}
#index #header .logo-blanco{
display: none;
}
#index #header .header-nav.header-negro{
border-bottom: 1.5px solid #000;
}
.header-nav .logo-blanco,
.header-nav .blanco {
display:none;
}
#index #header .header-nav.header-blanco .logo-negro{
display: none;
}
#index #header .header-nav.header-negro .logo-blanco{
display: none;
}
#index #header.fuera-video .header-nav .logo-negro,
#index #header .header-nav.header-blanco .logo-blanco,
#index #header .header-nav.header-negro .logo-negro{
display: flex !important;
}
#header .header-nav.header-blanco .currency-svg,
#header .header-nav.header-negro .currency-svg{
margin-right: 0px !important;
}
#index #header .header-nav.header-blanco .logo-blanco,
#index #header .header-nav.header-negro .logo-negro{
height: auto;
padding-top: 0px;
max-width: 110px;
}
#index #header .header-nav.header-blanco .logo-blanco,
#index #header .header-nav.header-negro .logo-negro{
object-fit: contain;
}
@media (min-width:992px){
#index #header .header-nav.header-blanco .logo-blanco,
#index #header .header-nav.header-negro .logo-negro{
height: 100%;
padding-top: 8px;
margin-right: 30px;
}
#index #header .header-nav.header-blanco .logo-blanco .logo{
width: auto;
}
}
#index #header.fuera-video .header-nav.header-blanco .logo-blanco{
display: none !important;
}
#index #header .header-nav.header-blanco svg path{
fill: #fff;
transition: fill 300ms ease-in-out;
}
#index #header.fuera-video .header-nav.header-blanco svg path{
fill: #000 !important;
}
#index #header.fuera-video .header-nav.header-negro,
#header.fuera-video .header-nav.header-blanco{
border-top: 1.5px solid #000;
}
#index #header.fuera-video .header-nav.header-blanco{
border-bottom: 1.5px solid #000;
}
#index #header .header-nav.header-blanco{
border-bottom: 1.5px solid #fff;
border-top: 1.5px solid #fff;
}
#index #header.fuera-video{
border-top: 1.5px solid #000 !important;
}
#index #header .header-nav.header-blanco .mm-burguer.blanco,
#index #header .header-nav.header-negro .mm-burguer.negro{
display: flex;
width: 35px !important;
height: 35px !important;
}
@media (max-width: 767.98px) {
#index #header .header-nav.header-blanco .mm-burguer.blanco,
#index #header .header-nav.header-negro .mm-burguer.negro{
display: flex;
width: 25px !important;
height: 30px !important;
}
}
#index #header .header-nav .mm-burguer{
cursor: pointer;
}
#index #header .header-nav.header-negro .mm-burguer.blanco{
display: none;
}
#index #header .header-nav.header-blanco .mm-burguer.negro{
display: none;
}
#index #header .header-nav.header-negro .mm-burguer.negro{
display: flex;
}
#index #header.fuera-video .header-nav .mm-burguer.negro{
display: flex !important;
}
#index #header.fuera-video .header-nav .mm-burguer.blanco{
display: none !important;
}
/*
#index #header .header-nav .mm-burguer.blanco{
display: none !important;
}
#index #header .header-nav .mm-burguer.blanco{
display: none !important;
}
*/
#index #header .header-nav.header-negro #_desktop_language_selector svg text{
fill: #000;
}
#index #header.fuera-video .header-nav #_desktop_language_selector svg text{
fill: #000 !important;
}
#index #header .header-nav.header-blanco #_desktop_language_selector svg text{
fill: #fff;
}
#index #header .header-nav.header-blanco .expand-more._gray-darker{
color: #fff;
}
#index #header .header-nav.header-negro .expand-more._gray-darker,
#index #header.fuera-video .header-nav .expand-more._gray-darker{
color: var(--negro)!important;
font-family: 'RalewayLight';
}
#header .header-nav #menu-icon-mobiless img.mm-close {
display: none!important;
}
#header .header-nav .cbp-vertical-on-top.cbp-vert-expanded #menu-icon-mobiless img.mm-burguer {
display: none!important;
}
#header .header-nav .cbp-vertical-on-top.cbp-vert-expanded #menu-icon-mobiless img.mm-close.negro.visible,
#index #header .header-nav .cbp-vertical-on-top.cbp-vert-expanded #menu-icon-mobiless img.mm-close.negro.visible{
display: block!important;
}
#index #header .header-nav .cbp-vertical-on-top.cbp-vert-expanded #menu-icon-mobiless img.mm-close.negro.visible {
display: block!important;
}
#index #header .header-nav.header-blanco .cbp-vertical-on-top.cbp-vert-expanded #menu-icon-mobiless img.mm-burguer.negro.visible,
#index #header .header-nav.header-blanco .cbp-vertical-on-top.cbp-vert-expanded #menu-icon-mobiless img.mm-close.negro.visible,
#index #header.fuera-video .header-nav.header-blanco .cbp-vertical-on-top.cbp-vert-expanded #menu-icon-mobiless img.mm-close.blanco,
#index #header.fuera-video .header-nav.header-blanco .cbp-vertical-on-top.cbp-vert-expanded #menu-icon-mobiless img.mm-close.blanco.visible{
display: none!important;
}
#index #header .header-nav.header-blanco .cbp-vertical-on-top.cbp-vert-expanded #menu-icon-mobiless img.mm-close.blanco.visible,
#index #header.fuera-video .header-nav.header-blanco .cbp-vertical-on-top.cbp-vert-expanded #menu-icon-mobiless img.mm-close.negro.visible{
display: block!important;
}
#index #header .header-nav.header-negro .cbp-vertical-on-top.cbp-vert-expanded #menu-icon-mobiless img.mm-close.negro.visible{
display: block!important;
}
#index #header .header-nav.header-negro .cbp-vertical-on-top.cbp-vert-expanded #menu-icon-mobiless img.mm-close.blanco.visible{
display: none!important;
}
#header .header-nav #menu-icon-mobiless img.mm-close {
width: 25px;
height: 25px;
}
@media (min-width: 767.98px) {
#index #header .header-nav #menu-icon-mobiless img.mm-close {
width: 35px;
height: 35px;
}
#index #header.fuera-video .header-nav #menu-icon-mobiless img.mm-close {
width: 25px;
height: 25px;
}
}
@media (max-width: 768px) {
.left-nav .link-home {
display: flex;
}
.left-nav .logo,
#index .fuera-video .left-nav .logo{
width: 100px;
margin-left: 10px;
/*Cristian Ayala Sánchez - Ajustar el logo en movil para que se vea alineado*/
margin-top: 2px;
}
#index .left-nav .logo{
width: auto;
margin-left: -10px;
/*Cristian Ayala Sánchez - Ajustar el logo en movil para que se vea alineado*/
margin-top: -3px;
}
#index #header.fuera-video .right-nav svg {
width: 25px !important;
height: 25px !important;
margin-top: 7px;
}
}
/*Cristian Ayala Sánchez - Arreglos responsive */
@media (max-width: 990px) {
#index #header .header-nav.header-blanco .right-nav{
margin-top: 10px;
}
#index #header .header-nav.header-blanco .right-nav svg{
width: 35px;
height: 35px;
}
#index #header.fuera-video .right-nav svg {
margin-top: 2px;
}
}
@media (max-width: 768px) {
#index #header .header-nav.header-blanco .right-nav{
margin-top: 7px;
}
#index #header .header-nav.header-blanco .right-nav svg{
width: 25px;
height: 25px;
}
}
@media (max-width: 399px) {
#index #header .header-nav.header-blanco .right-nav{
max-width: 180px;
}
#index #header.fuera-video .right-nav{
max-width: 140px !important;
}
}
@media (max-width: 383px) {
#index #header .header-nav.header-blanco .right-nav svg{
width: 20px !important;
height: 20px !important;
}
#index #header.fuera-video .right-nav{
margin-top: 1.8px !important;
}
#index #header .header-nav.header-blanco .logo-blanco{
width: 80px;
}
}
@media (max-width: 371px) {
#index #header.fuera-video .header-nav .logo-negro,
#index #header .header-nav.header-blanco .header-nav .logo-blanco {
width: 80px !important;
}
#header .header-nav .right-nav {
margin-left: 35px;
}
}
@media (max-width: 357px) {
#index #header.fuera-video .header-nav .logo-negro,
#index #header .header-nav.header-blanco .logo-blanco{
width: 70px !important;
max-width: 105px;
margin-top: -2px;
}
#index #header.fuera-video .header-nav .mm-burguer.negro {
width: 20px !important;
}
#index #header.fuera-video .right-nav svg {
width: 20px !important;
height: 20px !important;
margin-right: 19px !important;
margin-top: 7px;
}
#header .header-nav .right-nav {
margin-left: 40px;
}
#index #header .header-nav.header-blanco .right-nav {
max-width: 110px;
}
#index #header .header-nav.header-blanco .mm-burguer.blanco{
width: 20px !important;
}
#index #header.fuera-video .right-nav {
max-width: 140px !important;
}
#index #header.fuera-video .right-nav {
margin-top: -1px !important;
}
}
/*Cristian Ayala Sánchez - Arreglos responsive menu sin la home */
@media (max-width: 990px) {
body:not(#index) #header .header-nav .right-nav {
margin-top: 10px;
}
}
@media (max-width: 768px) {
body:not(#index) #header .header-nav .right-nav {
margin-top: 7px;
}
body:not(#index) #header .header-nav .right-nav svg {
width: 25px;
height: 25px;
}
}
@media (max-width: 399px) {
body:not(#index) #header .header-nav .right-nav {
max-width: 180px;
}
}
@media (max-width: 383px) {
body:not(#index) #header .header-nav .right-nav svg {
width: 20px !important;
height: 20px !important;
}
body:not(#index) #header .header-nav picture.logo-negro img {
width: 80px !important;
}
}
@media (max-width: 371px) {
body:not(#index) #header .header-nav picture.logo-negro img {
width: 80px !important;
}
body:not(#index) #header .header-nav .right-nav {
margin-left: 20px;
}
}
@media (max-width: 357px) {
body:not(#index) #header .header-nav picture.logo-negro img {
width: 70px !important;
max-width: 100px;
margin-top: -1px;
}
body:not(#index) #header .header-nav .mm-burguer.negro {
width: 20px !important;
}
body:not(#index) #header .header-nav .right-nav {
margin-left: 60px;
max-width: 92px;
}
}
@media (max-width: 335px) {
body:not(#index) #header .header-nav .right-nav {
margin-left: 50px;
max-width: 92px;
}
}
@media (max-width: 325px) {
body:not(#index) #header .header-nav .right-nav {
margin-left: 40px;
max-width: 92px;
}
}
.cbp-vertical-on-top .cbp-vertical-title {
line-height: 100%;
}
/* menu en el movil y tablet */
#iqitmegamenu-accordion{
display: none;
}
#iqitmegamenu-accordion.visible {
display: block;
}
@media (min-width: 999px) {
#iqitmegamenu-accordion.visible {
display: none;
}
}
.cbp-spmenu-overlay-show #cbp-close-mobile {
display: none;
}
.cbp-spmenu-vertical {
width: 100vw;
}
.cbp-spmenu-left {
left: 0vw;
}
/* fin menu movil tablet */
#header .header-nav > .container{
max-width: 100%;
}
#header .header-nav .cbp-hrmenu .cbp-hrsub-wrapper{
width: calc(100vw - 400px) !important;
}
#header .header-nav .cbp-hrmenu .cbp-hrsub-wrapper .cbp-menu-column-inner img{
width: 100%;
min-width: 21px;
min-height: 21px;
}
#header .header-nav.header-blanco .currency-svg,
#header .header-nav.header-negro .currency-svg{
width: 32px !important;
height: 32px !important;
}
#header .header-nav .currency-svg{
width: 25px;
height: 26px;
}
#product .product-quantity .qty .input-group-btn.input-group-append button.btn.js-touchspin,
#product .product-quantity .qty .input-group-btn.input-group-prepend button.btn.js-touchspin{
outline: 0 !important;
}
#product .tabs{
display: flex !important;
flex-direction: column !important;
}
#product .product-reference{
font-weight: 700 !important;
}
#product .tabs ul{
margin: 0 !important;
}
#product .product-reference{
display: none;
}
#product .tabs .product-reference{
display: block !important;
color: var(--negro);
font-family: Raleway;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: 0.16px;
}
#product .tabs .product-reference .label{
font-size: 16px;
}
@media(min-width: 1200px){
#product .current-price-value{
margin: 0 !important;
}
}
#product .return-category a{
display: flex;
align-items: center;
gap: 5px;
}
#product .return-category a svg{
padding: 0 !important;
}
#product .return-category a{
text-decoration: none !important;
}
#product .return-category a .subrayado{
text-decoration: underline;
}
#mostrar-alertas{
cursor: pointer;
}
#product .product-information .product-additional-info{
display: flex;
flex-direction: column;
}
#product .product-information .product-additional-info .social-sharing{
order: 3;
}
#product .product-information .product-additional-info #emailalerts-popup{
order: 1;
}
#product .product-information .product-additional-info .wishlist-button-add{
order: 2;
}
#product .product-information .product-additional-info .tel{
order: 0;
}
#product .product-variants .block-disponibilidad {
display: flex;
align-items: center;
}
#product .product-variants .block-disponibilidad svg {
margin-left: 15px;
}
@media (min-width: 1400px){
#product .product-information,
#product .product-information .tel,
#product .social-sharing,
#product .product-prices.js-product-prices{
margin-top: 30px;
}
#product .product-variants > .product-variants-item,
#product .product-variants .block-disponibilidad{
margin-bottom: 30px;
}
#product .return-category {
padding-bottom: 30px;
}
}
@media (min-width: 992px) and (max-width: 1478px) {
#product h1{
font-size: 20px;
}
#product #product-availability{
font-size: 18px;
padding: 5px 10px;
}
#product .has-discount .current-price-value, #product .has-discount .discount, #product .has-discount .discount
{
font-size: 25px;
}
#product .btn-primary.add-to-cart{
margin-left: 20px;
}
#product .product-quantity {
gap: 0;
}
#product .return-category{
margin-top: -20px;
}
#active-popup {
margin-top: 10px;
}
.category-header h1 {
font-size: 80px;
margin-bottom: 24px;
}
#registration #main .page-header h1 {
line-height: 120%;
}
.cbp-hrmenu .cbp-links li a {
padding-left: 0px;
}
.cbp-hrmenu .cbp-links li .cbp-category-link-w a{
margin: 21px 0;
}
.cbp-category-link-w a .logo-fetiche{
margin-right: 0;
}
#popup-register.dd-popup {
max-height: 95vh;
}
#popup-register.dd-popup .dd-popup-inner {
max-height: 95vh;
overflow: hidden;
}
#popup-register.dd-popup .dd-popup-inner .dd-popup-image{
bottom: 55px;
}
#popup-register .container-register{
height: 80vh;
margin-bottom: 50px;
}
#popup-register:has(input#popup-accept[type="checkbox"]:checked) .container-register{
overflow: auto;
}
#popup-register:has(input#popup-accept[type="checkbox"]:checked) .dd-popup-inner .dd-popup-title {
margin-top: 195px;
}
#module-dd_nosotros-nosotros #wrapper{
padding-top: 0px;
}
#module-dd_nosotros-nosotros .custom-block-content .custom-heading-wrapper picture{
max-width: 497px;
}
#module-dd_nosotros-nosotros .custom-block-content {
margin-top: -20px;
}
#module-dd_nosotros-nosotros .custom-block-content h1{
font-size: 75px;
}
.custom-block-content3 .custom-heading-wrapper .custom-text{
padding-left: 140px;
font-size: 30px;
}
#dd-page404, #dd-comingsoon, #dd-thanks, #dd-thanksregister{
padding: 40px 50px 80px 50px;
}
.cbp-vertical-title + ul{
overflow: auto;
}
}
.dropdown-menu {
display: flex !important;
flex-direction: column !important;
align-items: flex-start !important;
text-align: left !important;
}
#cbp-hrmenu1 .cbp-hrsub-inner a, #cbp-hrmenu1 .cbp-hrsub-inner a:link{
margin-bottom: 0px;
margin-top: 21px;
}
@media (max-width:999px){
#iqitmegamenu-accordion > li > ul a{
font-family: 'Raleway', sans-serif !important;
font-size: 22px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: 120% !important;
text-transform: uppercase !important;
}
}
body#checkout .custom-checkbox {
min-height: 28px !important;
}
@media (max-width: 1199px){
.left-nav .cbp-vertical-on-top > .cbp-vertical > ul{
margin-left: -20px;
max-width: 30vw;
width: 30vw;
height: 100vh;
overflow-y: hidden;
}
.left-nav .cbp-vertical-on-top > .cbp-vertical > ul:hover{
max-width: calc(100vw + 150px);
width: calc(100vw + 150px);
}
.cbp-hrmenu.cbp-vertical > ul > li{
max-width: 30vw;
}
#iqitmegamenu-horizontal .cbp-fade .cbp-hrsub{
width: 70vw;
top: -1px;
}
}
@media (max-width: 999px) {
#iqitmegamenu-horizontal .cbp-vertical-on-top ul {
/*display: none;*/
}
#iqitmegamenu-horizontal .cbp-vertical-on-top ul{
height: 100vh;
}
#iqitmegamenu-horizontal .cbp-hrmenu-tab .cbp-hrsub{
width: 70vw;
left: -2px;
}
#iqitmegamenu-horizontal .cbp-hrmenu.cbp-vertical > ul > li,
#iqitmegamenu-horizontal .cbp-vertical-on-top ul{
min-width: 30vw;
}
#iqitmegamenu-horizontal .cbp-hrmenu .cbp-hrsub-inner > .row{
margin-left: 0px;
margin-right: 0px;
}
#iqitmegamenu-horizontal .cbp-hrmenu .cbp-categories-row > div{
padding-left: 10px;
}
#iqitmegamenu-horizontal .cbp-category-link-w a .logo-fetiche{
display: none;
}
#iqitmegamenu-horizontal .cbp-hrmenu .cbp-menu-column{
margin-top: 0px;
}
}
/* Fix consentimiento RGPD (psgdpr) que se renderizaba en vertical - Trilogi 30-jun-2026 */
.gdpr_consent .psgdpr_consent_message{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}
.gdpr_consent .psgdpr_consent_message > span:last-child{flex:1 1 auto;min-width:0;word-break:normal;white-space:normal;text-align:left}
/* === Checkout OPC: más aire / menos "apelotonado" - Trilogi 30-jun-2026 === */
.opc-step{margin-bottom:26px !important}
.opc-step-title{padding:16px 18px !important;background:#faf8f5;border-radius:6px}
.opc-step .form-group{margin-bottom:16px !important}
.title-address-content{margin-bottom:18px !important}
.opc-step .field-container-checkbox{padding:6px 0}
.opc-step .opc-carrier,.opc-step .js-payment-option,.opc-step .payment-option,.opc-step [class*="delivery-option"]{margin-bottom:12px !important}
@media (max-width:767px){
.opc-step{margin-bottom:18px !important}
.opc-step-title{padding:14px 14px !important}
.opc-step .form-group{margin-bottom:14px !important}
.opc-step .field-container-checkbox{padding:8px 0;align-items:flex-start}
.opc-step .btn-primary,.opc-continue,[id*="continue-"]{margin-top:14px !important}
}
/* === [TLG] Ajustes UI checkout OPC (7 puntos) - Trilogi 1-jul-2026 ===
Reportado: campos en negro (autofill/modo oscuro), label flotante solapando el valor,
checks pegados a sus labels, boton "cambiar correo" mal ubicado, focus del codigo de
regalo distinto al resto y bloque de privacidad mal maquetado.
Nota: los campos NO tienen ninguna regla :focus negra; se pintan negros porque la pagina
no declara color-scheme y el navegador (autofill/modo oscuro) los renderiza en oscuro. */
/* #2 #9 #13 - Impedir el render en negro de inputs y autofill */
#checkout{color-scheme:light;}
#checkout input,
#checkout .opc-login-customer__input,
#checkout .promo-input,
#checkout #field_customer_email input.form-control{background-color:#fff !important;}
/* El campo del email confirmado tenia texto BLANCO (diseñado sobre fondo negro);
al pasarlo a fondo blanco hay que forzar texto oscuro o queda invisible. */
#checkout #field_customer_email input.form-control{color:#191200 !important;-webkit-text-fill-color:#191200 !important;}
#checkout input:-webkit-autofill,
#checkout input:-webkit-autofill:hover,
#checkout input:-webkit-autofill:focus{
-webkit-box-shadow:0 0 0 1000px #fff inset !important;
-webkit-text-fill-color:#191200 !important;
caret-color:#191200;
}
/* Forzar texto OSCURO por defecto en TODOS los campos de texto del checkout, en CUALQUIER
estado (reposo incluido). Cubre el caso "sin hover no se ve" (texto blanco en reposo por
autofill/modo oscuro del navegador que dejaba el valor invisible sobre fondo blanco). */
#checkout .form-control,
#checkout .opc-login-customer__input,
#checkout input[type="email"],
#checkout input[type="text"],
#checkout input[type="tel"],
#checkout input[type="password"],
#checkout input[type="number"],
#checkout textarea,
#checkout select{
color:#191200 !important;
-webkit-text-fill-color:#191200 !important;
}
/* #6 - Focus/hover de TODOS los campos del checkout en color de MARCA.
El OPC (Bootstrap `.opc-bootstrap-533 .form-control:focus`) pinta un glow AZUL
rgba(13,110,253,.25) que no pega con la paleta (#191200/crema/dorado) -> lo
sustituimos por borde de marca + glow sutil oscuro, unificado en todos los campos. */
#checkout .promo-input{border:1px solid #dee2e6;background:#fff;}
#checkout .form-control:focus,
#checkout .opc-login-customer__input:focus,
#checkout .form-check-input:focus,
#checkout .promo-input:focus,
#checkout select:focus,
#checkout textarea:focus{
border-color:#191200 !important;
box-shadow:0 0 0 .2rem rgba(25,18,0,.15) !important;
outline:none !important;
}
/* GOTCHA: el tema tiene una regla GLOBAL `input[type=email]:hover{color:var(--blanco)!important;
background:...!important}` que al hacer HOVER pone el TEXTO en BLANCO -> blanco sobre blanco
(el usuario lo ve al dejar de escribir y pasar el raton). La anulamos dentro del checkout. */
#checkout .form-control:hover,
#checkout .opc-login-customer__input:hover,
#checkout input[type="email"]:hover,
#checkout input[type="text"]:hover,
#checkout input[type="tel"]:hover,
#checkout input[type="password"]:hover,
#checkout input[type="number"]:hover,
#checkout select:hover,
#checkout textarea:hover{
border-color:#191200 !important;
color:#191200 !important;
-webkit-text-fill-color:#191200 !important;
background:#fff !important;
}
#checkout input:hover::placeholder{color:#6c757d !important;-webkit-text-fill-color:#6c757d !important;}
/* #1 - El boton flecha (submit del email-check del paso Contacto) SE DESCUADRA al aparecer
el error de validacion. Causa: el boton es position:absolute con top:50% relativo al
`.field-container-email`; al mostrarse el error INLINE el contenedor crece (69->90px), asi
que el 50% baja y el boton se descentra ~11px respecto al input. Fix: anclarlo al CENTRO
DEL INPUT, que NO cambia con el error (input offsetTop 6 + altura 58/2 = 35px), en vez de
al centro del contenedor. VERIFICADO en vivo: misalign 11px -> 0. */
#checkout .field-container-email .opc-email-check__submit,
#checkout #field_customer_email .opc-email-check__submit{
top:35px !important;
bottom:auto !important;
transform:translateY(-50%) !important;
}
/* #3 - Separar la label flotante del valor + FIJAR la label ARRIBA-IZQUIERDA del input.
La label flotante es display:flex con `align-items:center` y `top:0;bottom:0` (se estira a
la altura del contenedor). Cuando aparece el error INLINE el contenedor crece (69->90px) y,
al estar el texto CENTRADO, la label se desplaza. Fix: `align-items:flex-start` para que el
texto quede SIEMPRE arriba, independientemente de que el contenedor crezca con el error. */
#checkout .form-floating>.form-control,
#checkout .opc-login-customer__input{padding-top:1.625rem;padding-bottom:.375rem;}
#checkout .form-floating>label{align-items:flex-start !important;padding-top:.5rem !important;font-size:.75rem;opacity:.65;}
/* #4 - Separar los checks de sus labels */
#checkout .opc-form label:has(> input[type="checkbox"]),
#checkout .field-container-checkbox label{display:flex;align-items:flex-start;gap:.5rem;}
#checkout .opc-form input[type="checkbox"]{flex:0 0 auto;margin-top:.2rem;}
/* #7 - Privacidad: titulo en una linea y descripcion en italic debajo */
#checkout #field_custom_customer_privacy label{display:grid;grid-template-columns:auto 1fr;gap:.25rem .5rem;align-items:start;}
#checkout #field_custom_customer_privacy label br{display:none;}
#checkout #field_custom_customer_privacy label em{grid-column:2;display:block;font-style:italic;margin-top:.25rem;font-size:.85em;}
#checkout #field_custom_customer_privacy input[type="checkbox"]{margin-top:.2rem;}
/* #5 - "Cambiar correo": enlace de texto oscuro anclado ARRIBA A LA DERECHA del campo.
Causa raíz real: el