@font-face { font-family: "InnovarElegant"; src: url('fonts/INNOVARELEGANTREGULAR.woff2') format('woff2'), url('fonts/INNOVAR-ELEGANT-REGULAR.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "InnovarElegantLight"; src: url('fonts/INNOVARELEGANTLIGHT.woff2') format('woff2'), url('fonts/INNOVAR-ELEGANT-LIGHT.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: "RalewayMedium"; src: url('fonts/Raleway-Medium.woff2') format('woff2'), url('fonts/Raleway-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: "Raleway"; src: url('fonts/Raleway-Regular.woff2') format('woff2'), url('fonts/Raleway-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: "RalewayLight"; src: url('fonts/Raleway-ExtraLight.woff2') format('woff2'), url('fonts/Raleway-ExtraLight.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: swap; } @view-transition { navigation: auto; } :root { --negro : #191200; --blanco: #FFF; --corporativo: #C2900C; --corpclaro: #FFEFC7; --oroviejo: #946C00; --destoscuro: #473400; --favorito: #FFB5C4; --grisclaro: #E8E5DE; --grisoscuro: #8C877B; --oferta: #9F2943; --transparencia: rgba(148, 108, 0, 0.10); } *{ font-variant-numeric: lining-nums proportional-nums; } .container { width: 100%; padding-left: 20px; padding-right: 20px; } body .custom-radio input[type=radio]:checked+span{ background-color: var(--negro); } /* MIGAS DE PAN - BREADCRUMB */ body #wrapper .breadcrumb{ text-align: center; margin-bottom: 5px; } body #wrapper .breadcrumb a, body #wrapper .breadcrumb span{ color: var(--negro); font-family: "Raleway"; font-size: 13px; font-weight: 500; line-height: 150%; letter-spacing: 0.26px; text-transform: uppercase; text-decoration: unset; } body #wrapper .breadcrumb li::after{ content: ""; display: inline-block; width: 7px; height: 9px; background-image: url('data:image/svg+xml;utf8,'); background-size: contain; background-repeat: no-repeat; margin: 0px 5px; } body #wrapper .breadcrumb li:last-of-type::after{ display: none; } /* FIN MIGAS DE PAN - BREADCRUMB */ /* TEXTOS LEGALES */ #cms #wrapper *{ font-family: "RalewayMedium"; } #cms #wrapper > .container{ margin-bottom: 150px; } #cms #content{ padding: 0px; background: transparent; } #cms #wrapper h1{ color: var(--negro); font-family: "RalewayLight"; font-size: 50px; font-weight: 200; line-height: 110%; text-transform: uppercase; border-bottom: 1.5px solid var(--negro); padding-bottom: 10px; } #cms #wrapper h2, #cms #wrapper h3{ color: var(--negro); font-family: "Raleway"; font-weight: 600; line-height: 150%; text-transform: uppercase; } #cms #wrapper h2{ font-size: 23px; } #cms #wrapper h3{ font-size: 20px; } #cms #wrapper p, #cms #wrapper ul li{ color: var(--negro); font-size: 16px; letter-spacing: 0.32px; line-height: 150%; font-variant-numeric: lining-nums proportional-nums; } #cms #wrapper ul{ margin-left: 20px; } #cms #wrapper a{ color: var(--negro); font-size: 16px; font-family: "Raleway"; letter-spacing: 0.32px; line-height: 150%; text-decoration: underline; text-decoration: unset; } #cms #wrapper a:hover{ color: var(--destoscuro); } #cms #wrapper table{ border: 1.5px solid var(--negro); border-radius: 2px; border-collapse: unset; padding: 10px; } #cms #wrapper table td{ padding: 10px; } #cms #wrapper .table th, #cms #wrapper .table tr, #cms #wrapper .table td{ border-color: transparent !important; } /* FIN TEXTOS LEGALES */ /* CONTACTO */ #contact #wrapper{ padding-bottom: 150px; } #contact #left-column{ display: none; } #contact #content-wrapper{ width: 100%; } #contact #content{ padding: 0px; max-width: 1206px; margin: 0 auto; background: transparent; } #contact h1{ color: var(--negro); text-align: center; font-family: "InnovarElegantLight"; font-size: 100px; font-weight: 300; line-height: 100%; margin-bottom: 30px; } #contact .horario-tienda{ width: 100%; max-width: 368px; margin: 0 auto; font-family: "Raleway"; text-align: center; color: var(--negro); font-family: Raleway; font-size: 20px; font-weight: 400; line-height: 120%; font-variant-numeric: lining-nums proportional-nums; } #contact .horario-tienda span{ width: 100%; display: block; } #contact .bloques-contacto{ display: flex; flex-direction: row; justify-content: space-between; gap: 20px; margin-top: 30px; margin-bottom: 50px; } #contact .bloques-contacto > div{ border-radius: 2px; display: flex; justify-content: center; align-items: center; gap: 20px; flex: 1 0 0; } #contact .bloques-contacto > div a{ color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 400; line-height: 120%; display: flex; gap: 20px; justify-content: center; align-items: center; width: 100%; padding: 15px 30px; border: 1.5px solid var(--negro); text-decoration: unset; border-radius: 2px; } #contact .bloques-contacto > div a:hover{ background: var(--negro); color: var(--blanco); border: 1.5px solid var(--negro); } #contact .bloques-contacto > div a:hover path{ fill: var(--blanco); } #contact .bloques-contacto > div.tel a:hover svg path{ stroke: var(--negro); } #contact .bloques-contacto > div.wpp a:hover svg path, #contact .bloques-contacto > div.email a:hover svg path{ fill: var(--blanco); } #contact .bloques-contacto > div a:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } #contact .bloques-contacto > div.tel a:active svg path{ stroke: var(--blanco); } #contact .bloques-contacto > div.wpp a:active svg path, #contact .bloques-contacto > div.email a:active svg path{ fill: var(--blanco); } #contact .contact-form{ padding: 0px; background: transparent; display: flex; gap: 20px; } #contact .contact-form form, #contact .contact-form div{ width: 100%; } #contact .contact-form form, #contact .contact-form form .form-fields{ display: flex; flex-direction: column; gap: 30px; } #contact .contact-form #map{ border-radius: 2px; } #contact .contact-form form label{ color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 22px; font-weight: 300; line-height: 120%; text-transform: uppercase; padding: 0px; margin: 0px; text-align: left; width: auto; margin-bottom: 10px; } #contact .contact-form .gdpr-text{ display: none; } #contact .contact-form form .error label{ color: var(--oferta); } #contact .contact-form form .input-group label[for="file-upload"]{ margin-bottom: 0px; background: var(--negro); color: var(--blanco); padding: 5px 20px; font-size: 16px; line-height: 120%; text-transform: uppercase; font-family: "Raleway"; border: 1.5px solid var(--negro); border-left: 0px; border-top-right-radius: 2px; border-bottom-right-radius: 2px; } #contact .contact-form form .input-group label[for="file-upload"]:hover{ background: var(--blanco); color: var(--negro); } #contact .contact-form form .input-group label[for="file-upload"]:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); border-left: 0px; } #contact .contact-form form .form-control-label .optional{ text-transform: capitalize; } #contact .contact-form form .form-group.row{ margin: 0px; } #contact .contact-form form .form-group.row > div{ padding: 0px; } #contact .contact-form form select, #contact .contact-form form input, #contact .contact-form form textarea{ border-color: var(--negro) !important; border-radius: 2px; color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 18px; line-height: 120%; background: transparent; padding: 11px 15px; height: auto; border: 1.5px solid var(--negro); border-radius: 2px; } #contact .contact-form form input:hover{ border-right-color: var(--white) !important; } .bootstrap-filestyle.input-group input{ border-top-right-radius: 0px !important; border-bottom-right-radius: 0px !important; } #contact .contact-form form textarea{ min-height: 125px; } #contact .contact-form form textarea:hover, #contact .contact-form form select:hover{ background: var(--negro); color: var(--blanco); } #contact .contact-form form textarea:hover + .form-select-wrapper::after, #contact .contact-form form .form-select-wrapper:has(select:hover)::after{ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='15' viewBox='0 0 27 15' fill='none'%3E%3Cpath d='M12.5317 13.2461L25.3589 0.418883L26.1368 1.1967L13.3095 14.0239L12.5317 13.2461Z' fill='%23FFF'/%3E%3Cpath d='M0.777817 0L14.0532 13.2754L13.2754 14.0532L0 0.777817L0.777817 0Z' fill='%23FFF'/%3E%3C/svg%3E") !important; } #contact .contact-form form .error select, #contact .contact-form form .error input, #contact .contact-form form .error textarea{ border-color: var(--oferta) !important; color: var(--oferta); } #contact .contact-form form select::placeholder, #contact .contact-form form input::placeholder, #contact .contact-form form textarea::placeholder{ color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 18px; line-height: 120%; } #contact .contact-form form .error select::placeholder, #contact .contact-form form .error input::placeholder, #contact .contact-form form .error textarea::placeholder{ color: var(--oferta); } #contact .contact-form form .error .field-error{ color: var(--oferta); font-variant-numeric: lining-nums proportional-nums; font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; display: flex; margin-top: 10px; } #contact .contact-form form input[type="submit"]{ border-radius: 2px; background: var(--negro); padding: 15px 20px; color: var(--blanco); font-family: "Raleway"; font-size: 23px; font-weight: 400; line-height: 120%; text-transform: uppercase; width: 100%; border: 1.5px solid var(--negro); } #contact .contact-form form input[type="submit"]:hover{ background: var(--blanco); color: var(--negro); } #contact .contact-form form input[type="submit"]:active{ background: var(--destoscuro); border-color: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } #contact .contact-form #map{ width: 100%; height: auto !important; margin-bottom: 70px; } #contact .contact-form #map .gmnoprint, #contact .contact-form #map .gm-control-active{ display: none; } #contact .contact-form .form-group.policy > div{ margin: 0px; } #contact .contact-form .form-group.policy .gdpr_consent .psgdpr_consent_message{ text-transform: initial; color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 16px; font-weight: 500; line-height: 120%; margin-bottom: 0px; display: flex; align-items: center; cursor: pointer; } #contact .contact-form .form-group.policy .gdpr_consent .psgdpr_consent_message input[name="psgdpr_consent_checkbox"]{ margin: 0px; display: flex; width: 20px; height: 20px; } #contact .contact-form .form-group.policy .gdpr_consent .psgdpr_consent_message > span:first-of-type{ margin: 0px; margin-right: 10px; border-radius: 2px; border: 1.5px solid var(--negro); width: 20px; height: 20px; } #contact .contact-form .form-group.policy .gdpr_consent .psgdpr_consent_message:hover > span:first-of-type{ background: var(--negro); } #contact .contact-form .form-group.policy .gdpr_consent .psgdpr_consent_message input[type=checkbox]:checked+span .checkbox-checked{ background: var(--negro); border-radius: 2px; margin: 0px; font-size: 1.22rem; color: var(--blanco); } #contact .contact-form .form-group.policy .gdpr_consent span a{ color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 16px; font-weight: 500; line-height: 120%; text-decoration: underline; } #contact .consentimiento{ color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 13px; font-weight: 400; line-height: 150%; opacity: 0; max-height: 0; overflow: hidden; transition: all 0.3s; } #contact .consentimiento.activo{ opacity: 1; max-height: fit-content; } #contact .consentimiento strong{ font-weight: 700; } #contact .consentimiento a{ color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 13px; font-weight: 400; line-height: 150%; text-decoration: underline; } #contact .consentimiento a:hover{ color: var(--destoscuro); } /* FIN CONTACTO */ /* LOGIN */ #authentication #wrapper{ padding-top: 80px; padding-bottom: 150px; } #authentication .breadcrumb{ display: none; } #authentication #main .page-header{ width: fit-content; margin: 0 auto; margin-bottom: 60px; } #authentication #main .page-header h1{ color: var(--negro); text-align: center; font-variant-numeric: lining-nums proportional-nums; font-family: "InnovarElegantLight"; font-size: 100px; font-weight: 300; line-height: 150%; text-transform: uppercase; } #authentication #content{ padding: 0px; background: transparent; max-width: 594px; } #login-form .form-group.row{ display: flex; flex-direction: column; margin: 0; margin-bottom: 30px; } #login-form > div .form-group:nth-child(3){ margin-bottom: 0px; } #login-form > div .form-group .form-control-comment{ display: none; } .help-block .alert.alert-danger{ font-family: "Raleway"; font-size: 16px; font-weight: 500; line-height: 120%; } #login-form .form-group.row .form-control-label{ padding: 0px; margin: 0px; text-align: left; width: fit-content; color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 25px; font-weight: 300; line-height: 120%; text-transform: uppercase; margin-bottom: 10px; } #login-form .form-group.row .js-input-column{ padding: 0px; width: 100%; } #login-form .form-group.row .js-input-column input{ width: 100%; } #login-form .forgot-password{ text-align: left !important; margin-top: 10px !important; margin-bottom: 30px; padding: 0px !important; } #login-form .forgot-password a{ color: var(--negro); font-family: "RalewayMedium"; font-size: 16px; font-weight: 500; line-height: 120%; text-decoration: underline; } #login-form #submit-login{ border-radius: 2px; background: var(--negro); padding: 15px 20px; color: var(--blanco); font-family: "Raleway"; font-size: 23px; font-weight: 400; line-height: 120%; text-transform: uppercase; width: 100%; border: 1.5px solid var(--negro); outline: unset !important; } #login-form #submit-login:hover{ background: var(--blanco); color: var(--negro); } #login-form #submit-login:active{ background: var(--destoscuro); border-color: var(--destoscuro); color: var(--blanco); } #authentication .no-account{ display: flex; justify-content: center; align-items: center; margin-top: 60px; } #authentication .no-account a{ 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: auto; border: 1.5px solid var(--negro); text-decoration: unset !important; } #authentication .no-account a:hover{ background: var(--negro); color: var(--blanco); } #authentication .no-account a:active{ background: var(--destoscuro); border-color: var(--destoscuro); color: var(--blanco); } #login-form .form-group input{ border: 1.5px solid var(--negro) !important; border-radius: 2px; color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 18px; line-height: 120%; background: transparent; padding: 11px 15px; height: auto; } #login-form .form-group input:focus-visible{ outline: 1.5px solid var(--negro); } body .input-group.focus{ outline: unset !important; } input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover{ background: var(--negro) !important; color: var(--blanco) !important; } input[type="text"]:focus-visible, input[type="email"]:focus-visible, input[type="password"]:focus-visible{ background: var(--negro) !important; color: var(--blanco) !important; outline: unset !important; } input[type="text"]:focus-visible::placeholder, input[type="email"]:focus-visible::placeholder, input[type="password"]:focus-visible::placeholder{ color: var(--blanco) !important; } input[type="text"]:hover:placeholder, input[type="email"]:hover::placeholder, textarea:hover::placeholder, input[type="password"]:hover::placeholder{ color: var(--blanco) !important; } input:hover::placeholder{ color: var(--blanco) !important; } textarea:hover::placeholder{ color: var(--blanco) !important; } .input-group:has(input:focus-visible) .icon-show svg path, .input-group:has(input:focus-visible) .icon-hide svg path{ fill: var(--blanco); } #login-form .form-group input::placeholder{ color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 18px; line-height: 120%; } #login-form .toggle-password{ padding: 0px; background: transparent; height: auto; position: absolute; top: 10px; right: 15px; z-index: 99; } #login-form .toggle-password svg{ display: flex; height: 25px; } .toggle-password .icon-hide { display: none; } input.js-visible-password[type="text"] + .input-group-btn .toggle-password .icon-show { display: none; } input.js-visible-password[type="text"] + .input-group-btn .toggle-password .icon-hide { display: flex; } /* FIN LOGIN */ /* REGISTRO */ #registration #wrapper{ padding-top: 80px; padding-bottom: 150px; } #registration .breadcrumb{ display: none; } #registration #main .page-header{ width: fit-content; margin: 0 auto; margin-bottom: 30px; } #registration #main .page-header h1{ color: var(--negro); text-align: center; font-variant-numeric: lining-nums proportional-nums; font-family: "InnovarElegantLight"; font-size: 100px; font-weight: 300; line-height: 100%; text-transform: uppercase; } #registration #content{ padding: 0px; background: transparent; max-width: 594px; } #registration a.tengo-cuenta{ 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: fit-content; border: 1.5px solid var(--negro); margin: 0 auto; display: flex; margin-bottom: 60px; } #registration a.tengo-cuenta:hover{ background: var(--negro); color: var(--blanco); } #registration a.tengo-cuenta:active{ background: var(--destoscuro); border-color: var(--destoscuro); color: var(--blanco); } #registration .form-group.row .form-control-label{ padding: 0px; margin: 0px; text-align: left; width: fit-content; color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 25px; font-weight: 300; line-height: 120%; text-transform: uppercase; margin-bottom: 10px; } #registration .form-group.row .js-input-column{ padding: 0px; width: 100%; } #registration .form-group.row .js-input-column input{ width: 100%; } #registration #submit-login{ border-radius: 2px; background: var(--negro); padding: 15px 20px; color: var(--blanco); font-family: "Raleway"; font-size: 23px; font-weight: 400; line-height: 120%; text-transform: uppercase; width: 100%; } /*No parece usarse*/ /* #registration #submit-login:hover{ background: var(--transparencia); color: var(--negro); } */ #registration #submit-login:active{ background: var(--destoscuro); border-color: var(--destoscuro); color: var(--blanco); } #registration .form-group input{ border-color: var(--negro) !important; border-radius: 2px; color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 18px; line-height: 120%; background: transparent; padding: 11px 15px; height: auto; outline: none !important; border: 1.5px solid var(--negro); } #registration .form-group input:focus-visible{ outline: 1.5px solid var(--negro) !important; } #registration .form-group input::placeholder{ color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 18px; line-height: 120%; } #registration .toggle-password{ padding: 0px; background: transparent; height: auto; position: absolute; top: 10px; right: 15px; z-index: 99; } #registration .toggle-password svg{ display: flex; height: 25px; } #registration .custom-checkbox > label{ text-transform: initial; color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 16px; font-weight: 600; line-height: 120%; margin-bottom: 0px; position: relative; padding-left: 35px; cursor: pointer; } #registration .register-form .custom-checkbox label > span:first-of-type{ margin: 0px; margin-right: 10px; border-radius: 2px; border: 1.5px solid var(--negro); min-width: 20px; width: 20px; min-height: 20px; height: 20px; position: absolute; top: 50%; left: 0px; transform: translate(0, -50%); } #registration .register-form .custom-checkbox label input{ margin-top: 0px; display: flex; width: 100%; height: 100%; } #registration .register-form .custom-checkbox em{ display: flex; text-transform: initial; color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 16px; font-weight: 500; line-height: 120%; margin-bottom: 0px; font-style: italic; } #registration .register-form .custom-checkbox label a{ text-decoration: underline; color: var(--negro); } #registration .register-form .custom-checkbox label a:hover{ text-decoration: underline; color: var(--destoscuro); } .form-control::placeholder{ color: rgba(25, 18, 0, 1); } #registration .register-form .form-footer{ margin-top: 30px; } .psgdpr_consent_message span, .psgdpr_consent_message span a{ font-family: 'Raleway' !important; font-weight: 500 !important; font-size: 16px !important; line-height: 120% !important; color: rgba(25, 18, 0, 1) !important; } .psgdpr_consent_message span a{ text-decoration: underline !important; } #registration .register-form .form-footer .form-control-submit{ width: 100%; border-radius: 2px; background: var(--negro); display: flex; padding: 15px 20px; text-align: center; justify-content: center; align-items: center; color: var(--blanco); font-family: "Raleway"; font-size: 23px; font-weight: 400; line-height: 120%; text-transform: uppercase; border: 1.5px solid var(--negro); outline: unset !important; } #registration .register-form .form-footer .form-control-submit:hover{ background: var(--blanco); color: var(--negro); } #registration .register-form .form-footer .form-control-submit:active{ background: var(--destoscuro); color: var(--blanco); } #registration .register-form form .form-group.row{ margin: 0px; } #registration .register-form form > div > div{ margin-bottom: 30px !important; } #registration .register-form form .form-group.row:nth-of-type(1), #registration .register-form form .form-group.row:nth-of-type(3) { margin-bottom: 10px !important; } #registration .register-form form > div > div .form-control-comment{ display: none; } #registration .register-form form > div > div.aviso-caracteres{ margin-bottom: 0px !important; } #registration .form-group.has-error label{ color: var(--oferta) !important; } #registration .form-group.has-error select, #registration .form-group.has-error input, #registration .form-group.has-error textarea{ border-color: var(--oferta) !important; color: var(--oferta); outline: none !important; border: 1.5px solid var(--negro); } #registration .form-group.has-error select:focus-visible, #registration .form-group.has-error input:focus-visible, #registration .form-group.has-error textarea:focus-visible{ outline: 1.5px solid var(--negro); } #registration .form-group.has-error select::placeholder, #registration .form-group.has-error input::placeholder, #registration .form-group.has-error textarea::placeholder{ color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 18px; line-height: 120%; } #registration .form-group.has-error select::placeholder, #registration .form-group.has-error input::placeholder, #registration .form-group.has-error textarea::placeholder{ color: var(--oferta); } #registration .form-group.has-error::after{ display: none; } #registration .form-group.has-error .help-block ul{ margin-bottom: 0px; } #registration .form-group.has-error .help-block ul li{ margin-bottom: 10px; } #registration .aviso-caracteres{ padding: 0px; } #registration .aviso-caracteres small{ margin: 0px; color: var(--negro) !important; font-variant-numeric: lining-nums proportional-nums; font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; } #registration .form-group.has-error .field-error{ color: var(--oferta); font-variant-numeric: lining-nums proportional-nums; font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; display: flex; margin-top: 10px; } .help-block .alert.alert-danger { padding: 0px; background: 0px; border: 0px; color: var(--oferta); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 500; line-height: 120%; } #registration .has-error svg path{ fill: var(--oferta); } #registration .field-password-policy .has-error .js-input-column{ margin-bottom: 40px; } #registration .form-group.has-error .custom-checkbox *{ color: var(--negro) !important; } #registration .form-group.has-error .custom-checkbox label > span:first-of-type{ border: 1.5px solid var(--oferta) !important; } /* FIN REGISTRO */ /* MARCAS */ #manufacturer #wrapper{ padding-bottom: 150px; } #manufacturer #content-wrapper{ padding-right: 14px; padding-left: 14px; } #manufacturer h1{ color: var(--negro); text-align: center; font-family: "InnovarElegantLight"; font-size: 130px; font-style: normal; font-weight: 300; line-height: 120%; margin-bottom: 0px; position: relative; z-index: 1; } #manufacturer .brand-container{ display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; } #manufacturer .brand-container .brand{ flex: 0 0 calc(25% - 22px); box-sizing: border-box; } #manufacturer .brand-container a{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 23px 85px; transition: all 0.2s ease-out; border-radius: 2px; } #manufacturer #js-product-list .pagination div{ padding: 0px 20px; color: var(--negro); } #manufacturer .brand-container .brand a:hover{ background: var(--blanco); } #manufacturer .brand-container a img{ height: 100%; max-height: 75px; object-fit: contain; } #manufacturer #products .page-content h4{ color: var(--negro); font-family: "InnovarElegant"; font-size: 40px; font-style: normal; font-weight: 400; line-height: normal; } #manufacturer #products .page-content p{ color: var(--negro); font-family: Raleway; font-size: 20px; font-style: normal; font-weight: 300; line-height: 120%; } #manufacturer #js-product-list-top, #manufacturer #search_filters_wrapper{ position: fixed; right: 0px; transform: translateX(100%); height: 100vh; top: 0px; z-index: 9999; transition: all 0.3s ease; }g #manufacturer #search_filters_wrapper{ left: 0px; transform: translateX(-100%); } #manufacturer #search_filters_wrapper svg{ cursor: pointer; } #manufacturer #js-product-list-top.active, #manufacturer #search_filters_wrapper.mostrar{ transform: translateX(0); } #js-product-list-top svg{ cursor: pointer; } #manufacturer #main .facet ul{ flex-direction: column; gap: 5px; } #manufacturer .modal-profilter.modal-backdrop-filter{ background-color: rgba(140, 135, 123, 0.6); opacity: 1; transition: unset; } #manufacturer .container-title-manufacturer{ display: flex; justify-content: space-between; gap: 10px; align-items: center; margin-top: 20px; margin-bottom: -18px; } .sort-option label:hover::before{ background: var(--negro); } .right-nav > #cart-modal{ margin-right: 0px; } .block-orderby, #icon-searchers-mobile-filter-pro{ width: fit-content; border: 1.5px solid var(--negro); border-radius: 2px; color: var(--negro); font-family: Raleway; font-size: 20px; font-weight: 400; line-height: 120%; text-transform: uppercase; cursor: pointer; } .block-orderby{ border-right: 0px; } #icon-searchers-mobile-filter-pro{ border-left: 0px; } .block-orderby:hover, #icon-searchers-mobile-filter-pro:hover{ background: var(--negro); color: var(--blanco); } .block-orderby:active, #icon-searchers-mobile-filter-pro:active{ background: var(--destoscuro); border: 1.5px solid var(--destoscuro); color: var(--blanco); } #manufacturer #wrapper > .container{ max-width: 100%; padding: 0px; } #manufacturer #wrapper > .container .product-miniature, #manufacturer #wrapper > .container .product-miniature .thumbnail-container, #manufacturer #wrapper > .container .product-miniature .product-thumbnail .img-hover{ width: 100%; } #manufacturer #wrapper > .container .product-miniature .product-thumbnail img{ margin: 0px; width: 100%; } /* FIN MARCAS */ /* PRESTABLOG */ #module-prestablog-blog #wrapper > .container{ max-width: 100%; } #module-prestablog-blog #prestablogfront{ padding: 0px; border: 0px; background: transparent; margin-bottom: 30px; } #module-prestablog-blog #prestablogfront > time{ display: none; } #module-prestablog-blog #prestablogfront h1{ color: var(--negro); text-align: center; font-family: "RalewayLight"; font-size: 50px; font-style: normal; font-weight: 200; line-height: 150%; text-transform: uppercase; margin: 0px; } #module-prestablog-blog #prestablogfront .info_blog{ display: none; } #module-prestablog-blog #prestablogfront #prestablogfont{ width: 100%; max-width: 940px; margin: 0 auto; margin-top: 30px; padding: 0px 20px; } #module-prestablog-blog #prestablogfront #prestablogfont p, #module-prestablog-blog #prestablogfront #prestablogfont li{ color: var(--negro); font-family: Raleway; font-size: 16px; font-weight: 500; line-height: 150%; letter-spacing: 0.32px; } #module-prestablog-blog #prestablogfront #prestablogfont ul, #module-prestablog-blog #prestablogfront #prestablogfont ol{ padding-left: 20px; } #module-prestablog-blog #prestablogfront #prestablogfont h2{ color: var(--negro); font-family: Raleway; font-size: 23px; font-weight: 600; line-height: 150%; text-transform: uppercase; margin: 0px; } #module-prestablog-blog #prestablogfront #prestablogfont h3{ color: var(--NEGRO, #191200); font-family: Raleway; font-size: 20px; font-weight: 600; line-height: 150%; text-transform: uppercase; margin: 0px; } #module-prestablog-blog .prestablogExtra, #module-prestablog-blog #prestablog_menu_cat{ display: none; } #module-prestablog-blog #prestablogfront #prestablogfont span[style="text-decoration: underline;"]{ text-underline-offset: 3px; } #module-prestablog-blog #wrapper > .container{ padding: 0px 15px; } #module-prestablog-blog #wrapper #content-wrapper{ padding: 0px; padding-bottom: 150px; } #module-prestablog-blog #prestablogfront picture{ width: 100%; display: flex; } #module-prestablog-blog #prestablogfront picture img{ width: 100%; margin-right: 0px; margin-bottom: 0px; } #module-prestablog-blog .cat_desc_blog{ width: 100%; max-width: 940px; margin: 0 auto; padding: 0px 20px; } #module-prestablog-blog .cat_desc_blog p{ color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 400; line-height: 140%; } #module-prestablog-blog h1.prestablog_cat_title{ text-align: center; color: var(--negro); font-family: 'InnovarElegantLight'; font-size: 100px; font-weight: 300; line-height: 100%; } #module-prestablog-blog .volver_blog{ margin: 50px auto; width: 100%; display: flex; justify-content: center; align-items: center; padding: 15px 20px; border-radius: 2px; border: 1.5px solid var(--negro); max-width: 333px; color: var(--negro); font-family: Raleway; font-size: 23px; font-weight: 400; line-height: 120%; text-transform: uppercase; text-decoration: unset; } #module-prestablog-blog .volver_blog:hover{ background: var(--negro); color: var(--blanco); text-decoration: unset; } #module-prestablog-blog .volver_blog:active{ background: var(--destoscuro); } #module-prestablog-blog .blog_list_1-7-grids{ display: flex; flex-wrap: wrap; gap: 50px 30px; } #module-prestablog-blog .blog_list_1-7-grids .blog-grids{ width: calc(33.3% - 20px); } #module-prestablog-blog .blog_list_1-7-grids .blog-grids a{ text-decoration: unset; } #module-prestablog-blog .blog-grids picture{ display: flex; overflow: hidden; position: relative; aspect-ratio: 1.65 / 1; } #module-prestablog-blog .blog-grids img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; border-radius: 2px; } #module-prestablog-blog .blog-grids:hover img{ transform: scale(1.1); } #module-prestablog-blog .blog-grids .blog-item-content{ padding-top: 15px; padding-left: 20px; padding-right: 20px; display: flex; gap: 15px; align-items: center; } #module-prestablog-blog .blog-grids .blog-item-content .estacion{ display: flex; gap: 10px; color: var(--negro); text-align: center; font-family: 'RalewayLight'; font-size: 26px; font-weight: 400; line-height: unset; flex-direction: column; font-variant-numeric: lining-nums proportional-nums; text-transform: uppercase; } #module-prestablog-blog .blog-grids picture .estacion{ position: absolute; bottom: 0px; display: none; gap: 10px; color: var(--negro); text-align: center; font-family: 'RalewayLight'; font-size: 26px; font-weight: 400; line-height: unset; flex-direction: column; padding: 10px; background: var(--blanco); font-variant-numeric: lining-nums proportional-nums; text-transform: uppercase; } #module-prestablog-blog .blog-grids .blog-item-content .estacion .fecha, #module-prestablog-blog .blog-grids picture .estacion .fecha{ color: var(--negro); text-align: center; font-family: "RalewayLight"; font-size: 40px; font-weight: 200; line-height: unset; } #module-prestablog-blog .blog-grids .blog-item-content h2{ color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 400; line-height: 140%; } #module-prestablog-blog h1.prestablogcat{ color: var(--negro); text-align: center; font-variant-numeric: lining-nums proportional-nums; font-family: "InnovarElegantLight"; font-size: 100px; font-style: normal; font-weight: 300; line-height: 100%; } #module-prestablog-blog .prestablog-categories{ display: flex; flex-direction: row; width: unset; margin: 30px auto; gap: 20px; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0px 20px; } #module-prestablog-blog .prestablog-categories a{ border: 1.5px solid var(--negro); padding: 15px 20px; border-radius: 2px; color: var(--negro); font-family: Raleway; font-size: 23px; font-weight: 400; line-height: 120%; text-transform: uppercase; width: 100%; max-width: 333px; text-align: center; } #module-prestablog-blog .prestablog-categories a:hover{ background: var(--negro); color: var(--blanco); } #module-prestablog-blog .prestablog-categories a:active{ border: 1.5px solid var(--destoscuro); background: var(--destoscuro); color: var(--blanco); } #module-prestablog-blog .prestablog-category-block .category-header{ display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 100%; padding: 0px 50px; margin: 0 auto; gap: 22px; margin-bottom: -4px; } #module-prestablog-blog .prestablog-category-block .category-header .cat-title{ display: flex; align-items: baseline; gap: 15px; position: relative; z-index: 1; min-width: fit-content; } #module-prestablog-blog .prestablog-category-block .category-header h2{ color: var(--negro); font-family: 'InnovarElegant'; font-size: 80px; font-style: normal; font-weight: 400; line-height: 100%; letter-spacing: -0.8px; margin-bottom: 0px; position: relative; z-index: 1; } #module-prestablog-blog .prestablog-category-block .category-header .cat-title .byfetiche{ color: var(--negro); font-family: 'InnovarElegantLight'; font-size: 60px; font-style: normal; font-weight: 300; line-height: 100%; letter-spacing: -0.6px; min-width: fit-content; } #module-prestablog-blog .prestablog-category-block .category-header .btn-ver-todo{ border: 1.5px solid var(--negro); width: 100%; max-width: 333px; border-radius: 2px; text-align: center; padding: 15px 20px; color: var(--negro); font-family: Raleway; font-size: 23px; font-weight: 400; line-height: 120%; text-transform: uppercase; } #module-prestablog-blog .prestablog-category-block .category-header .btn-ver-todo:hover{ background: var(--negro); color: var(--blanco); } #module-prestablog-blog .prestablog-category-block .category-header .btn-ver-todo:active{ border: 1.5px solid var(--destoscuro); background: var(--destoscuro); color: var(--blanco); } #module-prestablog-blog .category-featured{ width: 100%; height: 100vh; background-repeat: no-repeat; background-size: cover; margin-bottom: 80px; background-position: center center; } #module-prestablog-blog .category-news-grid{ display: flex; justify-content: space-between; align-items: stretch; gap: 20px; margin-bottom: 200px; } #module-prestablog-blog .category-news-grid .blog-grids{ width: 100%; } #module-prestablog-blog .category-news-grid .blog-grids a{ text-decoration: unset; } #module-prestablog-blog .category-news-grid .blog-grids .thumbnail-post{ overflow: hidden; } #module-prestablog-blog .category-news-grid .blog-grids .blog-item-content h3{ color: var(--negro); font-family: Raleway; font-size: 19px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 0px; } #module-prestablog-blog .prestablog-category-block .category-featured{ position: relative; } #module-prestablog-blog .prestablog-category-block .category-featured .blog-item-content-featured{ position: absolute; top: 50%; left: 0px; transform: translate(0%, -50%); background: rgba(25, 18, 0, 0.40); backdrop-filter: blur(5px); padding: 30px 50px; } #module-prestablog-blog .prestablog-category-block .category-featured .blog-item-content-featured h3{ color: var(--blanco); font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 400; line-height: 140%; } #module-prestablog-blog .prestablog-category-block .category-featured .blog-item-content-featured .estacion{ color: var(--blanco); text-align: center; font-family: 'RalewayLight'; font-size: 40px; font-weight: 300; line-height: 100%; display: flex; flex-direction: column; gap: 16px; text-transform: uppercase; padding: 6px 0px; margin-bottom: 25px; } #module-prestablog-blog .prestablog-category-block .category-featured .blog-item-content-featured .estacion .fecha{ color: var(--blanco); text-align: center; font-family: 'RalewayLight'; font-size: 60px; font-style: normal; font-weight: 200; line-height: 100%; } #module-prestablog-blog .prestablog-category-block .blog-item-content-featured.container-mobile{ display: none; } #module-prestablog-blog .prestablog-category-block .estacion-mobile{ display: none; } #module-prestablog-blog .prestablog-category-block.prensa .blog-grids{ max-width: 33%; } #module-prestablog-blog .prestablog-category-block.prensa .blog-grids a .container-image{ overflow: hidden; } /* FIN PRESTABLOG */ /* CATEGORÍAS PRODUCTOS*/ #category #js-product-list-top{ position: fixed; right: 0px; transform: translateX(100%); height: 100vh; top: 0px; z-index: 9999; transition: all 0.3s ease; } #category #js-product-list-top.active{ transform: translateX(0); } #category #wrapper .container{ max-width: 100%; } /* FIN CATEGORÍAS PRODUCTOS */ /* MI CUENTA */ #my-account #main{ max-width: 900px; width: 100%; margin: 0 auto; margin-bottom: 150px; } #my-account #main h1{ color: var(--negro); font-family: 'RalewayLight'; font-size: 50px; font-weight: 200; line-height: 110%; text-transform: uppercase; margin-bottom: 10px; } #my-account #main .page-header{ border-bottom: 1.5px solid var(--negro); } #my-account #content .row .links > a{ border-radius: 2px; text-decoration: unset !important; } #my-account #content .row .links .link-item{ padding: 27px 30px; color: var(--negro); text-align: center; font-family: Raleway; font-size: 22px; font-style: normal; font-weight: 400; line-height: 120%; text-transform: uppercase; background: transparent; display: flex; justify-content: center; align-items: center; gap: 20px; flex-direction: column; } #my-account .page-footer .text-sm-center a{ border: 1.5px solid var(--negro); width: 100%; display: flex; justify-content: center; align-items: center; padding: 15px; color: var(--negro); text-align: center; font-family: Raleway; font-size: 23px; font-style: normal; font-weight: 400; line-height: 120%; text-transform: uppercase; border-radius: 2px; text-decoration: unset !important; } #my-account .page-footer .text-sm-center a:hover{ background: var(--negro); color: var(--blanco); } #my-account .page-footer .text-sm-center a:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } #my-account #content .row .links > a{ transition: all .2s ease; } #my-account #content .row .links > a:hover{ background: var(--negro); } #my-account #content .row .links > a:hover span{ color: var(--blanco); } #my-account #content .row .links > a:hover span svg path{ fill: var(--blanco); } /* FIN MI CUENTA */ /* DATOS PERSONALES, DIRECCIONES, CUPONES, GDPR, FACTURAS, DEVOLUCIONES, BORRAR COOKIES, HISTORIAL, PEDIDOS */ #identity #main, #addresses #main, #address #main, #module-psgdpr-gdpr #main, #order-slip #main, #order-follow #main, #module-lgcookieslaw-disallow #main, #history #main, #password #main, #module-ps_emailalerts-account #main{ max-width: 900px; width: 100%; margin: 0 auto; margin-bottom: 150px; } #identity #main h1, #addresses #main h1, #address #main h1, #discount #main h1, #module-psgdpr-gdpr #main h1, #order-slip #main h1, #order-follow #main h1, #module-lgcookieslaw-disallow #main h1, #history #main h1, #order-detail #main h1, #password #main h1, #module-ps_emailalerts-account #main h1{ color: var(--negro); font-family: 'RalewayLight'; font-size: 50px; font-weight: 200; line-height: 110%; text-transform: uppercase; margin-bottom: 10px; } #identity #main .page-header, #addresses #main .page-header, #address #main .page-header, #discount #main .page-header, #module-psgdpr-gdpr #main .page-header, #order-slip #main .page-header, #order-follow #main .page-header, #module-lgcookieslaw-disallow #main .page-header, #history #main .page-header, #order-detail #main .page-header, #password #main .page-header, #module-ps_emailalerts-account #main .page-header{ border-bottom: 1.5px solid var(--negro); display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 30px; } #back-to-my-account a{ display: flex; justify-content: center; align-items: center; gap: 10px; background: transparent; color: var(--negro); font-family: Raleway; font-size: 13px; font-weight: 500; line-height: 150%; letter-spacing: 0.26px; text-transform: uppercase; padding-right: 0px; } #identity #content, #addresses #content, #address #content, #discount #content, #module-psgdpr-gdpr #content, #order-slip #content, #order-follow #content, #module-lgcookieslaw-disallow #content, #history #content, #order-detail #content, #password #content, #module-ps_emailalerts-account #content{ padding: 0px; background: transparent; } #module-ps_emailalerts-account .page-footer{ display: none; } #identity #content form .row, #addresses #content form .row, #address #content form .row{ margin: 0px; margin-bottom: 30px; } #identity #content form .row label, #addresses #content form .row label, #address #content form .row label{ padding: 0px; text-align: left; margin: 0px; color: var(--negro); font-family: Raleway; font-size: 25px; font-weight: 300; line-height: 120%; text-transform: uppercase; margin-bottom: 10px; } #identity #content form .row .custom-checkbox > label{ font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; text-transform: none; } #identity #content form .row .js-input-column, #addresses #content form .row .js-input-column, #address #content form .row .js-input-column{ padding: 0px; } #identity #content form .row .js-input-column input, #addresses #content form .row .js-input-column input, #address #content form .row .js-input-column input{ margin-bottom: 10px; border-radius: 2px; padding: 11px 15px; border: 1.5px solid var(--negro); background: transparent; color: var(--negro); font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 400; line-height: 120%; margin-bottom: 0px; } #identity #content form .row .js-input-column input::placeholder, #addresses #content form .row .js-input-column input::placeholder, #address #content form .row .js-input-column input::placeholder{ opacity: 1; color: var(--negro); } #identity #content form .row .js-input-column select, #addresses #content form .row .js-input-column select, #address #content form .row .js-input-column select{ margin-bottom: 10px; border-radius: 2px; padding: 11px 15px; border: 1.5px solid var(--negro); color: var(--negro); font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 400; line-height: 120%; margin-bottom: 0px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=) no-repeat right .5rem center / 1.25rem 1.25rem; height: auto; } #identity #content form .form-control-comment, #addresses #content form .form-control-comment, #address #content form .form-control-comment{ color: var(--negro); font-family: 'Raleway'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.28px; padding: 0px; padding-top: 10px; display: block; } #identity #content form .field-password-policy .js-parent-focus, #addresses #content form .field-password-policy .js-parent-focus, #address #content form .field-password-policy .js-parent-focus, #authentication #content #login-form .form-group .js-parent-focus, #registration #content .register-form .form-group .js-parent-focus{ position: relative; } #identity #content form .field-password-policy .js-parent-focus .input-group-btn .btn, #addresses #content form .field-password-policy .js-parent-focus .input-group-btn .btn, #address #content form .field-password-policy .js-parent-focus .input-group-btn .btn, #authentication #content #login-form .form-group .js-parent-focus .input-group-btn .btn, #registration #content .register-form .form-group .js-parent-focus .input-group-btn .btn{ position: absolute; right: 0px; top: 0px; z-index: 99; background: transparent; padding: 0px; display: block; width: 50px; height: 45px; outline: 0px; } #identity #content form .field-password-policy .js-parent-focus:hover .input-group-btn svg path, #addresses #content form .field-password-policy .js-parent-focus:hover .input-group-btn svg path, #address #content form .field-password-policy .js-parent-focus:hover .input-group-btn svg path, #authentication #content #login-form .form-group .js-parent-focus:hover .input-group-btn svg path, #registration #content .register-form .form-group .js-parent-focus:hover .input-group-btn svg path{ fill: var(--blanco); } #authentication #content #login-form .form-group .js-parent-focus .input-group-btn:hover svg path{ fill: var(--negro); } #identity #content form .field-password-policy .js-parent-focus .input-group-btn .icon-show, #identity #content form .field-password-policy .js-parent-focus .input-group-btn .icon-hide, #addresses #content form .field-password-policy .js-parent-focus .input-group-btn .icon-show, #addresses #content form .field-password-policy .js-parent-focus .input-group-btn .icon-hide, #address #content form .field-password-policy .js-parent-focus .input-group-btn .icon-show, #address #content form .field-password-policy .js-parent-focus .input-group-btn .icon-hide, #authentication #content #login-form .form-group .js-parent-focus .input-group-btn .icon-show, #authentication #content #login-form .form-group .js-parent-focus .input-group-btn .icon-hide, #registration #content .register-form .form-group .js-parent-focus .input-group-btn .icon-show, #registration #content .register-form .form-group .js-parent-focus .input-group-btn .icon-hide{ position: absolute; right: 15px; top: 50%; z-index: 98; transform: translateY(-50%); } #identity #content form .field-password-policy .js-parent-focus .input-group-btn .icon-show svg, #identity #content form .field-password-policy .js-parent-focus .input-group-btn .icon-hide svg, #addresses #content form .field-password-policy .js-parent-focus .input-group-btn .icon-show svg, #addresses #content form .field-password-policy .js-parent-focus .input-group-btn .icon-hide svg, #address #content form .field-password-policy .js-parent-focus .input-group-btn .icon-show svg, #address #content form .field-password-policy .js-parent-focus .input-group-btn .icon-hide svg, #authentication #content #login-form .form-group .js-parent-focus .input-group-btn .icon-show svg, #authentication #content #login-form .form-group .js-parent-focus .input-group-btn .icon-hide svg, #registration #content .register-form .form-group .js-parent-focus .input-group-btn .icon-show svg, #registration #content .register-form .form-group .js-parent-focus .input-group-btn .icon-hide svg{ width: 30px; } #identity #content form .field-password-policy .js-parent-focus .input-group-btn .icon-show, #addresses #content form .field-password-policy .js-parent-focus .input-group-btn .icon-show, #address #content form .field-password-policy .js-parent-focus .input-group-btn .icon-show, #authentication #content #login-form .form-group .js-parent-focus .input-group-btn .icon-show, #registration #content .register-form .form-group .js-parent-focus .input-group-btn .icon-show{ height: 25px; } #identity #content form .field-password-policy .js-parent-focus .input-group-btn .icon-hide, #addresses #content form .field-password-policy .js-parent-focus .input-group-btn .icon-hide, #address #content form .field-password-policy .js-parent-focus .input-group-btn .icon-hide, #authentication #content #login-form .form-group .js-parent-focus .input-group-btn .icon-hide, #registration #content .register-form .form-group .js-parent-focus .input-group-btn .icon-hide{ height: 30px; } #identity #content form .field-password-policy .js-parent-focus.visible .input-group-btn .icon-show, #addresses #content form .field-password-policy .js-parent-focus.visible .input-group-btn .icon-show, #address #content form .field-password-policy .js-parent-focus.visible .input-group-btn .icon-show, #authentication #content #login-form .form-group .js-parent-focus.visible .input-group-btn .icon-show, #registration #content .register-form .form-group .js-parent-focus.visible .input-group-btn .icon-show{ display: none; } #identity #content form .field-password-policy .js-parent-focus.visible .input-group-btn .icon-hide, #addresses #content form .field-password-policy .js-parent-focus.visible .input-group-btn .icon-hide, #address #content form .field-password-policy .js-parent-focus.visible .input-group-btn .icon-hide, #authentication #content #login-form .form-group .js-parent-focus.visible .input-group-btn .icon-hide, #registration #content .register-form .form-group .js-parent-focus.visible .input-group-btn .icon-hide{ display: block !important; } #identity #content form .field-password-policy .js-input-column > .oculto, #addresses #content form .field-password-policy .js-input-column > .oculto, #address #content form .field-password-policy .js-input-column > .oculto{ display: none; } #identity #content form .field-password-policy .form-control-comment, #addresses #content form .field-password-policy .form-control-comment, #address #content form .field-password-policy .form-control-comment{ padding: 0px; color: var(--negro); font-family: 'Raleway'; font-size: 14px; font-style: normal; font-weight: 400; line-height: 120%; letter-spacing: -0.28px; margin-top: 10px; } #identity #content form .form-control-submit, #addresses #content form .form-control-submit, #address #content form .form-control-submit{ width: 100%; border-radius: 2px; padding: 15px 20px; background: var(--negro); color: var(--blanco); font-family: Raleway; font-size: 23px; font-style: normal; font-weight: 400; line-height: 120%; text-transform: uppercase; border: 1.5px solid var(--negro); outline: unset !important; } #identity #content form .form-control-submit:hover, #addresses #content form .form-control-submit:hover, #address #content form .form-control-submit:hover{ background: var(--blanco); color: var(--negro); } #identity #content form .form-control-submit:active, #addresses #content form .form-control-submit:active, #address #content form .form-control-submit:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } #identity #content form .custom-checkbox label, #addresses #content form .custom-checkbox label, #address #content form .custom-checkbox label{ margin-bottom: 0px; display: flex; gap: 10px; align-items: center; } #identity #content form .custom-checkbox label input, #addresses #content form .custom-checkbox label input, #address #content form .custom-checkbox label input{ margin-top: 0px; width: 20px; height: 20px; } #identity #content form .custom-checkbox label span:first-of-type, #addresses #content form .custom-checkbox label span:first-of-type, #address #content form .custom-checkbox label span:first-of-type{ margin: 0px; margin-right: 0px; border: 1.5px solid var(--negro); border-radius: 2px; width: 20px; height: 20px; } #identity #content form .custom-checkbox label span:last-of-type, #addresses #content form .custom-checkbox label span:last-of-type, #address #content form .custom-checkbox label span:last-of-type{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; text-transform: none; } #identity #content form .custom-checkbox label span a, #addresses #content form .custom-checkbox label span a, #address #content form .custom-checkbox label span a{ text-decoration: underline; color: var(--negro); } #identity #content form .row:last-of-type .custom-checkbox label, #addresses #content form .row:last-of-type .custom-checkbox label, #address #content form .row:last-of-type .custom-checkbox label{ display: block; padding-left: 30px; position: relative; } #identity #content form .row:last-of-type .custom-checkbox label > span, #addresses #content form .row:last-of-type .custom-checkbox label > span, #address #content form .row:last-of-type .custom-checkbox label > span{ position: absolute; left: 0px; top: 50%; transform: translateY(-50%); } #identity #content form .row:last-of-type .custom-checkbox label em, #addresses #content form .row:last-of-type .custom-checkbox label em, #address #content form .row:last-of-type .custom-checkbox label em{ color: #191200cf; font-family: 'Raleway'; font-size: 16px; font-style: italic; font-weight: 400; line-height: 120%; } /* FIN DATOS PERSONALES, DIRECCIONES, CUPONES, GDPR, FACTURAS, DEVOLUCIONES, BORRAR COOKIES */ /* ADDRESSES */ #addresses #content #notifications{ margin: 0px; width: 100%; } #addresses #content #notifications .notifications-container{ padding: 0px; } #addresses #content .container-addresses{ display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; } #addresses #content .container-addresses .addresses-container{ width: 100%; max-width: calc(50% - 10px); padding: 0px; } #addresses #content .container-addresses .addresses-container .address{ border-radius: 2px; border: 1.5px solid var(--negro); background: var(--blanco); margin-bottom: 0px; } #addresses #content .container-addresses .addresses-container .address-footer{ padding: 10px 20px; border-top: 1.5px solid var(--negro); display: flex; flex-direction: column; gap: 10px; } #addresses #content .container-addresses .addresses-container .address-footer a, #addresses #content .container-addresses .addresses-container .address-footer a span{ color: var(--negro); font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 500; line-height: 150%; } #addresses #content .container-addresses .addresses-container .address-footer a:hover{ text-decoration: underline; text-underline-offset: 4px; } #addresses #content .container-addresses .addresses-container .address-body{ padding: 20px; } #addresses #content .container-addresses .addresses-container .address-body h2{ color: var(--negro); font-family: Raleway; font-size: 22px; font-style: normal; font-weight: 600; line-height: 20px; margin-bottom: 15px; } body .alert{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; } #addresses #content .container-addresses .addresses-container .address-body address{ margin-bottom: 0px; color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } #addresses #content > .addresses-footer{ margin: 0px; margin-top: 30px; } #addresses #content > .addresses-footer a{ width: 100%; display: flex; justify-content: center; align-items: center; background: var(--negro); border-radius: 2px; border: 1.5px solid var(--negro); height: auto; padding: 15px 20px; } #addresses #content > .addresses-footer a span{ color: var(--blanco); font-family: Raleway; font-size: 23px; font-style: normal; font-weight: 400; line-height: 120%; text-transform: uppercase; margin: 0px; } #addresses #content > .addresses-footer a:hover{ background: var(--blanco); } #addresses #content > .addresses-footer a:hover span{ color: var(--negro); } #addresses #content > .addresses-footer a:active{ background: var(--destoscuro); border: 1.5px solid var(--destoscuro); } #addresses #content > .addresses-footer a:active span{ color: var(--blanco); } /* FIN ADDRESSES */ /* DISCOUNT */ #discount #main{ max-width: 1375px; width: 100%; margin: 0 auto; margin-bottom: 150px; } #discount #main .page-header{ max-width: 900px; margin: 0 auto; margin-bottom: 30px; } #discount #main .thead-default tr th{ border-color: transparent; background: var(--blanco); } #discount #main tbody tr th, #discount #main tbody tr td{ background: var(--blanco) !important; border-color: transparent !important; } #discount #main table *{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } #discount #main .cart-rules.responsive{ display: none; } /* FIN DISCOUNT */ /* GDPR */ #module-psgdpr-gdpr #main #content{ margin: 0px; background: transparent; padding: 0px; } #module-psgdpr-gdpr #main #content > .container{ padding: 0px; } #module-psgdpr-gdpr #main #content > .container .page_content > div{ margin: 0px; padding: 0px; background: transparent; } #module-psgdpr-gdpr #main #content > .container .page_content > div h2{ color: var(--negro); font-family: Raleway; font-size: 22px; font-style: normal; font-weight: 600; line-height: 20px; } #module-psgdpr-gdpr #main #content > .container .page_content > div p{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; margin: 10px 0px; } #module-psgdpr-gdpr #main #content > .container .page_content > div p a{ text-decoration: underline; color: var(--negro); } #module-psgdpr-gdpr #main .button-container{ display: flex; flex-direction: row; gap: 10px; margin-bottom: 30px; } #module-psgdpr-gdpr #main .button-container a{ width: 100%; border: 1.5px solid var(--negro); padding: 15px 20px; background: var(--negro); color: var(--blanco); font-family: Raleway; font-size: 23px; font-style: normal; font-weight: 400; line-height: 120%; text-transform: uppercase; margin: 0px; } #module-psgdpr-gdpr #main .button-container a:hover{ background: var(--blanco); color: var(--negro); border: 1.5px solid var(--negro); } #module-psgdpr-gdpr #main .button-container a:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } /* FIN GDPR */ /* FACTURAS */ #order-slip #content h6{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; } #order-slip #main .thead-default tr th{ border-color: transparent; background: var(--blanco); vertical-align: middle; } #order-slip #main tbody tr th, #order-slip #main tbody tr td{ background: var(--blanco) !important; border-color: transparent !important; vertical-align: middle; } #order-slip #main table *{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } #order-slip #main .credit-slips.responsive{ display: none; } /* FIN FACTURAS */ /* DEVOLUCIONES */ #order-follow #content h6{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; } #order-follow #main .thead-default tr th{ border-color: transparent; background: var(--blanco); vertical-align: middle; } #order-follow #main tbody tr th, #order-follow #main tbody tr td{ background: var(--blanco) !important; border-color: transparent !important; vertical-align: middle; } #order-follow #main table *{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } #order-follow #main .order-returns.responsive{ display: none; } /* FIN DEVOLUCIONES */ /* BORRAR COOKIES */ #module-lgcookieslaw-disallow #main .disallow-controller-content{ color: var(--negro); font-family: Raleway; font-size: 16px; font-weight: 500; line-height: 20px; border: 1.5px solid var(--negro); background: var(--blanco); display: flex; padding: 12px 20px; flex-direction: column; align-items: flex-start; align-self: stretch; } /* FIN BORRAR COOKIES */ /* PEDIDOS */ #history #main{ max-width: 1375px; width: 100%; margin: 0 auto; margin-bottom: 150px; } #history #main .page-header{ max-width: 900px; margin: 0 auto; margin-bottom: 30px; } #history #main .thead-default tr th{ border-color: transparent; background: var(--blanco); } #history #main tbody tr th, #history #main tbody tr td{ background: var(--blanco) !important; border-color: transparent !important; } #content-hook_order_confirmation .card-block{ max-width: fit-content; margin: 0 auto; } #content-hook_payment_return{ max-width: 1200px; margin: 0 auto; } #content-hook_payment_return dd{ text-align: right; } #history #main table *{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; } #main table span.label.label-pill{ padding: 2px 5px; color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 500 !important; line-height: 20px; } #history #main table .material-icons{ font-family: "Material Icons", Arial, sans-serif; } #history #main .orders.responsive{ display: none; } #history #content h6{ width: 100%; max-width: 900px; margin: 0 auto; margin-bottom: 20px; color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; } #history #main table * a{ text-decoration: underline; } #history #main .order-container{ margin-bottom: 30px; } #order-products.table, #order-products.table *{ border: 0px; } /* FIN PEDIDOS */ /* PEDIDOS INDIVIDUAL */ #order-detail #main{ width: 100%; max-width: 1300px; margin: 0 auto; } #order-detail #main .page-header{ max-width: 900px; margin: 0 auto; margin-bottom: 30px; } #order-detail #main #order-infos{ width: 100%; max-width: 900px; margin: 0 auto; margin-bottom: 50px; display: flex; flex-direction: column; gap: 18px; } #order-detail #main #order-infos .orden-referencia{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; } #order-detail #main #order-infos .orden-transportista, #order-detail #main #order-infos .orden-pago, #order-detail #main #order-infos .orden-pdf a{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; } #order-detail #main #order-infos .orden-pdf a{ text-decoration: underline; font-weight: 700; } #order-detail #main #order-infos .orden-transportista .text, #order-detail #main #order-infos .orden-pago .text, #order-detail #main #order-infos .orden-pdf .text{ font-weight: 700; } #order-detail #main #order-history{ max-width: 900px; margin: 0 auto; margin-bottom: 50px; padding: 0px; background: transparent; } #order-detail #main #order-history h3{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; margin-bottom: 18px; } #order-detail #main .thead-default th{ border-color: transparent; background: var(--blanco); color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; padding: 12px 20px; } #order-detail #main #order-history th, #order-detail #main #order-history td{ width: 50%; } #order-detail #main tbody tr{ background: transparent; } #order-detail #main tbody td{ background: transparent; border-color: transparent; padding: 12px; color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; } #order-detail #main .addresses{ max-width: 900px; margin: 0 auto; margin-bottom: 50px; display: flex; flex-wrap: wrap; gap: 20px; } #order-detail #main .addresses .box{ border: 1.5px solid var(--negro); border-radius: 2px; background: var(--blanco); padding: 20px; width: calc(50% - 10px); } #order-detail #main .addresses .box h4{ color: var(--negro); font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 600; line-height: 120%; margin-bottom: 15px; } #order-detail #main .addresses .box address{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 400; line-height: 150%; } #order-detail #main #order-return-form > .box{ padding: 0px; background: transparent; max-width: 900px; margin: 0 auto; margin-bottom: 18px; } #order-detail #main #order-return-form > .box header h3{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 700; line-height: 120%; } #order-detail #main #order-return-form > .box header p{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 400; line-height: 120%; } #order-detail #main #order-return-form > .box header p .wpp{ font-weight: 600; } #order-detail #main #order-return-form > .box .form-footer button, #order-detail #main #order-return-form > .box header .btn-wpp{ width: 100%; padding: 15px 20px; border-radius: 2px; border: 1.5px solid var(--negro); background: var(--negro); color: var(--blanco); font-family: Raleway; font-size: 23px; font-style: normal; font-weight: 400; line-height: 120%; text-transform: uppercase; outline: none !important; } #order-detail #main #order-return-form > .box header .btn-wpp{ display: flex; justify-content: center; align-items: center; margin-bottom: 18px; text-decoration: none !important; } #order-detail #main #order-return-form > .box .form-footer button:hover, #order-detail #main #order-return-form > .box header .btn-wpp:hover{ background: var(--blanco); color: var(--negro); } #order-detail #main #order-return-form > .box .form-footer button:active, #order-detail #main #order-return-form > .box header .btn-wpp:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } #order-detail #main #order-return-form textarea{ border: 1.5px solid var(--negro); background: transparent; padding: 13px 15px; font-family: 'Raleway'; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.32px; min-height: 124px; } #order-detail #main #order-return-form textarea::placeholder{ color: var(--negro); opacity: 1; } #order-detail #main .personalizado.table-striped{ max-width: 900px; width: 100%; margin: 0 auto; margin-bottom: 18px; } #order-detail #main .order-message-form{ margin: 0 auto; width: 100%; max-width: 900px; margin-bottom: 150px; background: transparent; padding: 0px; } #order-detail #main .order-message-form header p{ color: var(--negro); font-family: Raleway; font-size: 16px; font-weight: 400; line-height: 120%; margin: 0px; } #order-detail #main .order-message-form .form-fields{ margin-top: 18px; width: 100%; } #order-detail #main .order-message-form .form-fields .form-group{ margin: 0px; margin-bottom: 18px; } #order-detail #main .order-message-form .form-fields .form-group label{ display: none; } #order-detail #main .order-message-form .form-fields textarea{ border: 1.5px solid var(--negro); background: transparent; padding: 13px 15px; font-family: 'Raleway'; font-weight: 400; font-size: 16px; line-height: 100%; letter-spacing: -0.32px; min-height: 124px; } #order-detail #main .order-message-form .form-fields textarea::placeholder{ color: var(--negro); opacity: 1; } #order-detail #main .order-message-form .form-fields select{ margin-bottom: 10px; border-radius: 2px; padding: 11px 15px; border: 1.5px solid var(--negro); color: var(--negro); font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 400; line-height: 120%; margin-bottom: 0px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=) no-repeat right .5rem center / 1.25rem 1.25rem; height: auto; } #order-detail #main .order-message-form .form-footer button{ width: 100%; padding: 15px 20px; border-radius: 2px; border: 1.5px solid var(--negro); background: var(--negro); color: var(--blanco); font-family: Raleway; font-size: 23px; font-style: normal; font-weight: 400; line-height: 120%; text-transform: uppercase; outline: none !important; } #order-detail #main .order-message-form .form-footer button:hover{ background: var(--blanco); color: var(--negro); } #order-detail #main .order-message-form .form-footer button:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } #order-detail #main #order-return-form .box.tabla{ max-width: 100%; } #order-detail #main #order-return-form .box table *{ border-color: transparent; } #order-detail #main #order-return-form .box table td{ font-family: Raleway; font-weight: 400; font-size: 18px; line-height: 120%; color: var(--negro); } #order-detail #main #order-return-form .box table select{ height: auto; padding: 11px 20px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=) no-repeat right .5rem center / 1.25rem 1.25rem; font-family: Raleway; font-weight: 400; font-size: 18px; line-height: 100%; color: var(--negro); border: 1.5px solid var(--negro); } #order-detail #main #order-return-form .box table .qty .select{ width: 60%; } #order-detail #main #order-return-form .box table input{ width: 20px; height: 20px; border: 1.5px solid var(--negro); border-radius: 2px; appearance: none; -webkit-appearance: none; } #order-detail #main #order-return-form .box table input[type="checkbox"]:checked::after { content: ''; display: block; width: 8px; height: 12px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(35deg); margin: 2px auto; } #order-detail #main #order-return-form .box table .price{ color: var(--negro); font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 700; line-height: 100%; } #order-detail #main #order-return-form .box table tbody, #order-detail #main #order-return-form .box table tfoot{ color: var(--negro); font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 500; line-height: 100%; } #order-detail #main #order-history .history-lines.responsive{ display: none; } /* FIN PEDIDOS INDIVIDUAL */ /* CONFIRMACIÓN DE PEDIDOS */ #order-confirmation *:not(i){ color: var(--negro); font-family: Raleway; font-size: 18px; line-height: 120%; letter-spacing: 0%; } #order-confirmation dl dt, #order-confirmation dl dd{ border: 0px; margin: 0px; border-color: transparent; background: transparent; } #order-confirmation table *{ border-color: transparent !important; background: transparent !important; } #order-confirmation a{ color: var(--negro); text-decoration: underline; } #order-confirmation .featured-products a{ text-decoration: none; } #order-confirmation .featured-products .product-description::after{ display: none; } /* FIN CONFIRMACIÓN DE PEDIDOS */ /* RECUPERAR CONTRASEÑA */ #password .forgotten-password, #password .renew-password{ padding: 0px; } #password .renew-password{ margin: 0px; } #password .forgotten-password .send-renew-password-link, #password .renew-password .email{ font-family: Raleway; font-weight: 400; font-size: 16px; line-height: 120%; color: var(--negro); padding: 0px; margin-bottom: 18px; } #password .renew-password .field-password-policy{ padding: 0px; } #password .renew-password .field-password-policy .form-group{ display: flex; flex-direction: column; margin: 0px; margin-bottom: 30px; } #password .renew-password .field-password-policy .form-group > div{ padding: 0px; width: 100%; margin: 0px; } #password .forgotten-password .form-fields .form-group{ flex-direction: column; } #password .renew-password .field-password-policy .form-group label{ margin: 0px; } #password .forgotten-password .form-fields .form-group label, #password .renew-password .field-password-policy .form-group label{ font-family: 'Raleway'; font-weight: 300; font-size: 25px; line-height: 120%; text-transform: uppercase; width: auto; text-align: left; padding: 0px; margin-bottom: 10px; color: var(--negro); } #password .forgotten-password .form-fields .form-group .email{ width: 100%; margin-bottom: 30px; } #password .forgotten-password .form-fields .form-group .email input, #password .renew-password .field-password-policy .form-group input{ border: 1.5px solid var(--negro) !important; border-radius: 2px; color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 18px; line-height: 120%; background: transparent; padding: 11px 15px; height: auto; white-space: normal; } #password .forgotten-password .form-fields .form-group .email input::placeholder, #password .renew-password .field-password-policy .form-group input::placeholder{ color: var(--negro); opacity: 1; } #password .forgotten-password .form-fields .form-group .email input:focus-visible, #password .renew-password .field-password-policy .form-group input:focus-visible{ outline: 1.5px solid var(--negro); } #password .forgotten-password .form-fields .form-group #send-reset-link, #password .forgotten-password .form-fields .form-group .form-control-submit, #password .renew-password .field-password-policy .form-group .btn{ height: auto; padding: 15px 20px; background: var(--negro); color: var(--blanco); font-family: Raleway; font-size: 23px; font-style: normal; font-weight: 400; line-height: 120%; text-transform: uppercase; border: 1.5px solid var(--negro); outline: unset !important; } #password .renew-password .field-password-policy .form-group .btn{ width: 100%; margin: 0px; } #password .forgotten-password .form-fields .form-group #send-reset-link:hover, #password .forgotten-password .form-fields .form-group .form-control-submit:hover, #password .renew-password .field-password-policy .form-group .btn:hover{ background: var(--blanco); color: var(--negro); } #password .forgotten-password .form-fields .form-group #send-reset-link:active, #password .forgotten-password .form-fields .form-group .form-control-submit:active, #password .renew-password .field-password-policy .form-group .btn:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } /* FIN RECUPERAR CONTRASEÑA */ /* FAVORITOS */ #view .wishlist-products-container-header{ display: flex; justify-content: space-between; align-items: center; position: relative; height: 120px; margin-top: 25px; margin-bottom: 0px; } #view .wishlist-products-container-header h1{ position: absolute; left: 50%; transform: translateX(-50%); color: var(--negro); text-align: center; font-family: 'InnovarElegantLight'; font-size: 130px; font-style: normal; font-weight: 300; line-height: 120%; margin-bottom: 0px; z-index: 2; } #view .wishlist-products-container-header .sort-by-row{ margin-left: auto; } #view .wishlist-products-container-header .wishlist-products-count{ display: none; } #view #wrapper .container{ padding: 0px; } #view #wrapper > .container > .row{ margin: 0px; } #view #wrapper > .container > .row #content-wrapper{ padding: 0px; } #view #wrapper .container .wishlist-products-list{ padding: 0px; margin: 0px; gap: 20px; } #view #wrapper .container .wishlist-products-list .wishlist-products-item{ margin: 0px; width: calc(25% - 15px); } #view #wrapper .container .wishlist-products-container #content{ margin: 0px; } #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product{ max-width: 100%; } #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product-availability.wishlist-product-availability-responsive{ display: none !important; } #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product-bottom .wishlist-product-addtocart, #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product-combinations, #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product-availability{ display: none; } #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product-right{ padding: 0px 50px; padding-top: 10px; } #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product-right .wishlist-product-title{ margin: 0px; margin-bottom: 5px; color: var(--negro); font-family: Raleway; font-size: 16px; font-weight: 700; line-height: 130%; letter-spacing: 0.16px; } #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product-right .wishlist-product-price{ color: var(--negro); font-family: Raleway; font-size: 20px; font-weight: 500; line-height: 140%; margin: 0px; } #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product-image{ width: 100%; height: 100%; } #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product-image img{ position: static; transform: unset !important; } #view #wrapper .container .wishlist-products-list .wishlist-product-link{ display: flex; flex-direction: column; } #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product-bottom .wishlist-button-add{ top: 20px; right: 20px; box-shadow: unset; background: transparent; } #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product-bottom .wishlist-button-add i{ font-size: 0px; display: flex; justify-content: center; align-items: center; } #view #wrapper .container .wishlist-products-list .wishlist-products-item .wishlist-product-bottom .wishlist-button-add i::before { content: "favorite"; font-family: 'Material Icons'; color: var(--negro); font-size: 30px; } /* FIN FAVORITOS */ /* BANNER COOKIES */ .lgcookieslaw-modal .lgcookieslaw-modal-header{ background: var(--negro); margin-top: 0px; border-top: 0px !important; } .lgcookieslaw-modal .lgcookieslaw-modal-header .lgcookieslaw-modal-header-title{ color: var(--blanco); font-family: Raleway; font-size: 20px; font-weight: 600; line-height: 150%; text-transform: uppercase; } .lgcookieslaw-modal .lgcookieslaw-modal-header .lgcookieslaw-modal-header-title-user-consent-elements{ display: flex; gap: 5px; align-items: center; justify-content: center; } .lgcookieslaw-modal .lgcookieslaw-modal-header .lgcookieslaw-modal-header-title-user-consent-elements span, .lgcookieslaw-modal .lgcookieslaw-modal-header .lgcookieslaw-modal-header-title-user-consent-elements a{ color: var(--negro); text-align: center; font-family: Raleway; font-size: 12px; font-weight: 700; line-height: 12px; } .lgcookieslaw-modal .lgcookieslaw-modal-footer button{ border-radius: 2px !important; background: var(--negro) !important; padding: 15px 22px !important; color: var(--blanco) !important; font-family: Raleway !important; font-size: 14px !important; font-weight: 400 !important; line-height: 120% !important; text-transform: uppercase !important; border: 1.5px solid var(--negro) !important; } .lgcookieslaw-modal .lgcookieslaw-modal-footer button:hover{ background: var(--blanco) !important; color: var(--negro) !important; } .lgcookieslaw-modal .lgcookieslaw-modal-footer button:active{ background: var(--destoscuro) !important; border: 1.5px solid var(--destoscuro) !important; color: var(--blanco) !important; } .lgcookieslaw-modal .lgcookieslaw-modal-footer .lgcookieslaw-modal-footer-right{ justify-content: space-between; } .lgcookieslaw-modal .lgcookieslaw-modal-body .lgcookieslaw-section{ box-shadow: unset; border: 1.5px solid var(--negro); border-radius: 2px; } .lgcookieslaw-modal .lgcookieslaw-modal-body .lgcookieslaw-section .lgcookieslaw-section-name{ color: var(--negro); font-family: Raleway; font-size: 16px; font-weight: 700; line-height: 100%; } .lgcookieslaw-modal .lgcookieslaw-modal-body .lgcookieslaw-section .lgcookieslaw-section-purpose-button{ background: transparent; color: var(--negro); font-family: Raleway; font-size: 16px; font-weight: 500; line-height: 100%; } .lgcookieslaw-modal .lgcookieslaw-modal-body .lgcookieslaw-section .table-responsive th, .lgcookieslaw-modal .lgcookieslaw-modal-body .lgcookieslaw-section .table-responsive td{ background: transparent; border: 0px !important; } .lgcookieslaw-modal .lgcookieslaw-modal-body .lgcookieslaw-switch .lgcookieslaw-slider.lgcookieslaw-slider-checked{ background-color: #8BC954 !important; } .lgcookieslaw-banner-floating{ border-radius: 2px !important; } body .lgcookieslaw-reject-button-enabled .lgcookieslaw-button-container{ display: flex; flex-direction: row-reverse; } .lgcookieslaw-banner-floating{ width: calc(100% - 40px) !important; max-width: 1125px; padding: 30px !important; } .lgcookieslaw-banner-floating .container{ padding: 0px; } .lgcookieslaw-banner-floating .container .lgcookieslaw-heading{ color: var(--negro);; font-family: 'InnovarElegant'; font-size: 40px; font-weight: 400; line-height: 110%; letter-spacing: 0.8px; margin-bottom: 30px; text-align: center; } .lgcookieslaw-banner-floating .container .lgcookieslaw-banner-message p, .lgcookieslaw-banner-floating .container .lgcookieslaw-banner-message p a{ color: var(--negro); font-family: Raleway; font-size: 16px !important; font-weight: 500; line-height: 150%; letter-spacing: 0.32px; margin-bottom: 15px; } .lgcookieslaw-banner-floating .container .lgcookieslaw-banner-message p a{ text-decoration: underline; } .lgcookieslaw-banner-floating .container .lgcookieslaw-link-container{ display: none; } .lgcookieslaw-banner-floating .container .lgcookieslaw-button-container button{ border-radius: 2px; border: 1.5px solid var(--negro); border-color: var(--negro) !important; background: var(--blanco); padding: 15px 20px; height: auto; color: var(--negro); font-family: Raleway; font-size: 23px; font-weight: 400; line-height: 120%; text-transform: uppercase; margin: 0px; outline: unset; } .lgcookieslaw-banner-floating .container .lgcookieslaw-button-container button:hover{ background: var(--negro) !important; color: var(--blanco) !important; } .lgcookieslaw-banner-floating .container .lgcookieslaw-button-container button:active{ background: var(--destoscuro) !important; color: var(--blanco) !important; border: 1.5px solid var(--destoscuro) !important; } #lgcookieslaw_fixed_button{ border: 1.5px solid var(--negro); border-radius: 2px; } #lgcookieslaw_fixed_button svg{ fill: var(--negro); } .background-popup-cookies{ width: 100%; height: 100%; background: rgba(140, 135, 123, 0.6); position: fixed; top: 0; left: 0; z-index: 999; } /* FIN BANNER COOKIES */ /* MÓDULO INSTAGRAM */ .ybc_instagram.block_instagram{ background: transparent; padding: 0px; margin-bottom: 300px; } .ybc_instagram.block_instagram .top_instagram{ justify-content: center; margin-bottom: 50px; } .ybc_instagram.block_instagram .top_instagram .title-block{ color: var(--negro); text-align: center; font-family: 'InnovarElegant'; font-size: 60px; font-weight: 400; line-height: normal; text-transform: unset; margin: 0px; } .ybc_instagram.block_instagram .top_instagram .ph-insta-display-name{ color: var(--negro); text-align: center; font-family: Raleway; font-size: 20px; font-weight: 400; line-height: normal; } .ybc_instagram.block_instagram .container-module-instagram{ display: flex; width: 100%; overflow: hidden; } .ybc_instagram.block_instagram .container-module-instagram a{ aspect-ratio: 3 / 4; max-width: 20%; width: 100%; min-width: 20%; padding: 0px; background-size: cover; padding: 0px; background-position: center; position: relative; } .ybc_instagram.block_instagram .container-module-instagram a svg{ position: absolute; right: 10px; top: 10px; width: 20px; height: 20px; } /* FIN MÓDULO INSTAGRAM */ /* HEADER */ #header{ position: sticky; top: 0; } #header .header-nav .blockcart{ background: transparent; } #header.fuera-video .header-nav > .container{ max-width: 100%; height: 57px; } body:not(#index) #header .logo-negro img, body#index #header.fuera-video .logo-negro img, body#checkout #header .logo{ max-width: 120px; } body#index #header.fuera-video .logo-negro img{ max-height: 42px; } /* FIN HEADER */ /* CARRITO MODAL */ #cart-modal .modal-content{ overflow-y: scroll; } #_desktop_cart{ cursor: pointer; } #cart-modal.modal.is-open, .dd-cart-modal__backdrop.is-open{ display: block; } #blockcart-modal.open #cart-modal{ transform: translateX(0); } .dd-cart-modal__backdrop{ width: 100%; height: 100%; background: rgba(140, 135, 123, 0.6); position: fixed; top: 0; left: 0; z-index: 999; display: none; } .modal-backdrop{ display: none; } #cart-modal{ display: flex; transform: translateX(600px); transition: all 0.4s ease; left: auto !important; } #cart-modal.is-open{ transform: translateX(0); } body.cart-modal-open{ overflow: hidden; } #cart-modal .dd-cart-modal__panel{ width: 100%; max-width: 500px; margin-left: auto; height: 100vh; position: relative; } #cart-modal .dd-cart-modal__panel .modal-content{ padding: 20px 50px; background: var(--blanco); border: 0px; border-radius: 0px; outline: unset; height: 100%; } #cart-modal .button-shopping{ 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: auto; border: 1.5px solid var(--negro); margin-bottom: 20px; text-align: center; cursor: pointer; } #cart-modal .button-shopping:hover{ background: var(--negro); color: var(--blanco); } #cart-modal .button-shopping:active{ background: var(--destoscuro); border-color: var(--destoscuro); color: var(--blanco); } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item{ padding: 20px 0px; border-bottom: 1.5px solid var(--negro); } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item:first-of-type{ padding-top: 0px; padding-bottom: 20px !important; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item:last-of-type{ border-bottom: 0px; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item .product-line-grid{ display: flex; justify-content: space-between; gap: 20px; align-items: center; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item .product-line-grid .product-line-grid-left{ padding: 0px; height: fit-content; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item .product-line-grid .dd-container-product{ width: 100%; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item .product-line-grid .dd-container-product .product-line-grid-body{ display: flex; flex-direction: column; gap: 10px; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item .product-line-grid .dd-container-product .product-line-grid-body .info-product{ display: flex; flex-direction: column; gap: 10px; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-overview{ padding-bottom: 20px; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-overview .no-items{ color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 500; line-height: 150%; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item .product-line-grid .dd-container-product .product-line-grid-body .product-qty{ display: flex; flex-direction: column; gap: 10px; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item .product-line-grid .dd-container-product .product-line-grid-body .product-qty .js-cart-line-product-quantity{ font-weight: 700; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item .product-line-grid .dd-container-product .product-line-grid-body .text-xs-right{ display: none; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item .product-line-grid .dd-container-product .product-line-grid-body .product-price{ color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 700; line-height: 140%; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item .product-line-grid .dd-container-product .atributes-container span{ color: var(--negro); font-family: Raleway; font-size: 16px; font-weight: 500; line-height: 150%; } #cart-modal .dd-cart-modal__panel .modal-content .cart-items .cart-item .product-line-grid .dd-container-product .product-line-info a{ color: var(--negro); font-family: Raleway; font-size: 16px; font-weight: 500; line-height: 120%; } #cart-modal .dd-cart-modal__panel .modal-content h2{ color: var(--negro); font-family: Raleway; font-size: 36px; font-weight: 200; line-height: 120%; text-transform: uppercase; } #cart-modal .dd-cart-modal__panel .modal-content .modal-heading{ display: flex; justify-content: space-between; align-items: center; gap: 10px; } #cart-modal .dd-cart-modal__panel .modal-content .modal-heading .close{ float: unset; opacity: 1; display: flex; height: fit-content; } #cart-modal .dd-cart-modal__panel .modal-content .modal-heading .close svg{ margin-right: 0px; } #cart-modal .dd-cart-modal__panel .dd-totals .first-row, #cart-modal .dd-cart-modal__panel .dd-totals .last-row{ border-top: 1.5px solid var(--negro); padding-top: 20px; display: flex; justify-content: space-between; align-items: center; } #cart-modal .dd-cart-modal__panel .dd-totals .first-row .dd-totals__value, #cart-modal .dd-cart-modal__panel .dd-totals .second-row .dd-totals__value{ font-size: 18px; font-weight: 700; } #cart-modal .dd-cart-modal__panel .dd-totals .second-row .dd-totals__value{ text-transform: uppercase; } #cart-modal .dd-cart-modal__panel .dd-totals .second-row{ padding-bottom: 20px; margin-top: 10px; display: flex; justify-content: space-between; align-items: center; } #cart-modal .dd-cart-modal__panel .dd-totals span{ color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 500; line-height: 150%; } #cart-modal .dd-cart-modal__panel .dd-totals .last-row .dd-totals__value{ font-size: 23px; font-weight: 700; } #cart-modal .dd-cart-modal__panel .dd-totals .last-row .dd-totals__label{ font-size: 22px; font-weight: 600; line-height: 26px; } #cart-modal .dd-cart-modal__panel .dd-totals .last-row .dd-tax{ font-size: 16px; font-weight: 400; line-height: 21px; } #cart-modal .dd-cart-modal__panel .dd-cart{ margin-top: 20px; } #cart-modal .dd-cart-modal__panel .dd-cart .dd-cart__empty{ display: none; } #cart-modal .dd-cart-modal__panel .dd-cart .block-promo{ margin-bottom: 20px; } body .block-promo .promo-code .alert-danger{ background: #FF7E71; color: var(--negro); } body .block-promo .promo-code .alert-danger .js-error-text{ font-weight: 700; } body .block-promo .promo-code .alert-danger::after{ border-bottom-color: #FF7E71; } #cart-modal .dd-cart-modal__panel .dd-cart .block-promo .promo-code{ padding: 0px; } .promo-name.card-block{ margin-bottom: 20px; padding: 0px; } #cart-modal .dd-cart-modal__panel .dd-cart .block-promo .promo-code form{ width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; } #cart-modal .dd-cart-modal__panel .dd-cart .block-promo .promo-code form .promo-input{ width: calc(65% - 10px); color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 400; line-height: 120%; padding: 11px 15px; background: transparent; border-radius: 2px; border: 1.5px solid var(--negro); height: 48px; } #cart-modal .dd-cart-modal__panel .dd-cart .block-promo .promo-code form .promo-input::placeholder{ opacity: 1; color: var(--negro); } #cart-modal .dd-cart-modal__panel .dd-cart .block-promo .promo-code form .btn{ width: calc(35% - 10px); margin-left: 0px; margin-top: 0px; border: 1.5px solid var(--negro); background: transparent; padding: 11px 5px; color: var(--negro); font-family: Raleway; font-size: 20px; font-weight: 400; line-height: 120%; text-transform: uppercase; min-width: 128px; height: 48px; outline: unset !important; } #cart-modal .dd-cart-modal__panel .dd-cart .block-promo .promo-code form .btn:hover{ background: var(--negro); color: var(--blanco); } #cart-modal .dd-cart-modal__panel .dd-cart .block-promo .promo-code form .btn:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } #cart-modal .dd-cart-modal__panel .dd-cart .dd-cart__cta{ display: flex; flex-direction: column; gap: 10px; justify-content: center; align-items: center; } #cart-modal .dd-cart-modal__panel .dd-cart .dd-cart__cta .dd-link{ color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 400; line-height: 120%; text-decoration: underline; } #cart-modal .dd-cart-modal__panel .dd-cart .dd-cart__cta .dd-btn{ width: 100%; display: flex; justify-content: center; align-items: center; padding: 15px 20px; background: var(--negro); color: var(--blanco); font-family: Raleway; font-size: 23px; font-weight: 400; line-height: 120%; text-transform: uppercase; border: 1.5px solid var(--negro); } #cart-modal .dd-cart-modal__panel .dd-cart .dd-cart__cta .dd-btn:hover{ background: var(--blanco); color: var(--negro); } #cart-modal .dd-cart-modal__panel .dd-cart .dd-cart__cta .dd-btn:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } #blockcart-modal.open #cart-modal, #blockcart-modal.open .dd-cart-modal__backdrop{ display: block; } .product-qty .qty .input-group{ display: flex; flex-direction: row; border: 1.5px solid var(--negro); } .product-qty .qty .input-group .input-group-btn-vertical{ display: contents; } .product-qty .qty .input-group .input-group-btn-vertical .bootstrap-touchspin-up{ order: 2; display: flex; background: transparent; border: 0px; display: flex; justify-content: center; align-items: center; height: 42px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: center; background-size: contain; text-indent: -9999px; } .product-qty .qty .input-group .js-cart-line-product-quantity{ order: 1; display: block; padding: 11px 15px; border: 0px; color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 400; line-height: 120%; } .js-cart-line-product-quantity:not(.form-control){ border: 0px; pointer-events: none; cursor: unset; } .product-qty .qty .input-group .input-group-btn-vertical .bootstrap-touchspin-down{ order: 0; display: flex; background: transparent; border: 0px; display: flex; justify-content: center; align-items: center; height: 42px; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: center; background-size: contain; text-indent: -9999px; } .product-qty .qty .input-group .input-group-btn-vertical button i{ position: static; } #blockcart-modal{ left: auto !important; } #blockcart-modal #cart-modal .dd-cart-modal__panel{ transform: translateX(600px); transition: all 0.8s ease; } #blockcart-modal.active #cart-modal .dd-cart-modal__panel{ transform: translateX(0); } /* FIN CARRITO MODAL */ /* CARRITO */ #cart .cart-grid.row{ width: 100%; max-width: 900px; margin: 0 auto; margin-bottom: 150px; } #cart .cart-grid.row .card-block{ padding: 0px; border-bottom: 1.5px solid var(--negro); } #cart .cart-grid.row .card-block.cart-summary-totals{ border-bottom: 0px; } #cart .cart-grid.row .card-block.checkout{ border-bottom: 0px; padding-bottom: 0px; } #cart .cart-grid.row .card-block .cart-summary-line{ padding: 0px; } #cart .cart-grid.row .cart-detailed-totals > .card-block{ padding-top: 20px; } #cart .cart-grid.row .cart-detailed-totals > .card-block .cart-summary-line{ border: 0px !important; } #cart .cart-grid.row .cart-detailed-totals > .card-block #cart-subtotal-shipping{ margin-bottom: 15px; } #cart .cart-grid.row .cart-detailed-totals > .card-block.cart-summary-totals .cart-summary-line .label{ color: var(--negro); font-family: Raleway; font-size: 22px; font-weight: 600; line-height: 26px; } #cart .cart-grid.row .cart-detailed-totals > .card-block.cart-summary-totals .cart-summary-line .label span{ font-size: 16px; font-weight: 400; line-height: 21px; } #cart .cart-grid.row .cart-detailed-totals > .card-block .cart-summary-line .value{ font-size: 18px; } #cart .cart-grid.row .cart-detailed-totals .cart-summary-totals .value{ font-size: 23px !important; font-weight: 700; } #cart .cart-grid.row .cart-detailed-totals > .card-block:first-of-type{ padding-top: 0px; } #cart .cart-grid.row .cart-detailed-totals > .card-block:first-of-type > div .label{ color: var(--negro); font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 500; line-height: 150%; } #cart .cart-grid.row .card-block h1{ color: var(--negro); font-family: 'RalewayLight'; font-size: 50px; font-weight: 200; line-height: 110%; text-transform: uppercase; margin-bottom: 10px; } #cart .block-promo{ margin-bottom: 20px; margin-top: 20px; } #cart .block-promo .promo-code{ padding: 0px; } #cart .block-promo .promo-code form{ width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; } #cart .promo-code form .promo-input{ width: calc(65% - 10px); color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 400; line-height: 120%; padding: 11px 15px; background: transparent; border-radius: 2px; border: 1.5px solid var(--negro); height: 48px; } #cart .promo-code form .promo-input::placeholder{ opacity: 1; color: var(--negro); } #cart .block-promo .promo-code form .btn{ width: calc(35% - 10px); margin-left: 0px; margin-top: 0px; border: 1.5px solid var(--negro); background: transparent; padding: 11px 5px; color: var(--negro); font-family: Raleway; font-size: 20px; font-weight: 400; line-height: 120%; text-transform: uppercase; min-width: 128px; height: 48px; outline: unset !important; } #cart .block-promo .promo-code form .btn:hover{ background: var(--negro); color: var(--blanco); } #cart .block-promo .promo-code form .btn:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } #cart .cart-grid.row .card-block.checkout .btn{ width: 100%; display: flex; justify-content: center; align-items: center; padding: 15px 20px; background: var(--negro); color: var(--blanco); font-family: Raleway; font-size: 23px; font-weight: 400; line-height: 120%; text-transform: uppercase; border: 1.5px solid var(--negro); } #cart .cart-grid.row .card-block.checkout .btn:hover{ background: var(--blanco); color: var(--negro); } #cart .cart-grid.row .card-block.checkout .btn:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } #cart .cart-grid > a.label{ display: none; } #cart .cart-grid .product-line-grid-right .text-xs-right{ display: none; } #cart .cart-grid .cart-items{ margin-top: 20px; } #cart .cart-grid .cart-items .cart-item{ padding: 20px 0px; border-bottom: 1.5px solid var(--negro); } #cart .cart-grid .cart-items .cart-item:first-of-type{ padding-top: 0px; padding-bottom: 20px !important; } #cart .cart-grid .cart-items .cart-item:last-of-type{ border-bottom: 0px; } #cart .cart-grid .cart-items .cart-item .product-line-grid{ display: flex; justify-content: space-between; gap: 20px; align-items: center; } #car .cart-grid .cart-items .cart-item .product-line-grid .product-line-grid-left{ padding: 0px; height: fit-content; } #cart .cart-grid .cart-items .cart-item .product-line-grid .dd-container-product{ width: 100%; } #cart .cart-grid .cart-items .cart-item .product-line-grid .dd-container-product .product-line-grid-body{ display: flex; justify-content: space-between; gap: 10px; } #cart .cart-grid .cart-items .cart-item .product-line-grid .dd-container-product .product-line-grid-body .info-product{ display: flex; flex-direction: column; gap: 10px; margin-bottom: 0px; width: 100%; } #cart .cart-grid .cart-items .cart-item .product-line-grid .dd-container-product .product-line-grid-body .product-line-actions{ width: 100%; } #cart .cart-grid.cart-items .cart-overview{ padding-bottom: 20px; } #cart .cart-grid.cart-items .cart-overview .no-items{ color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 500; line-height: 150%; } #cart .cart-grid .cart-item .product-line-grid .dd-container-product .product-line-grid-body .product-qty{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 10px; } #cart .cart-grid .cart-item .product-line-grid .dd-container-product .product-line-grid-body .product-qty .js-cart-line-product-quantity{ font-weight: 700; } #cart .cart-grid .cart-item .product-line-grid .dd-container-product .product-line-grid-body .text-xs-right{ display: none; } #cart .cart-grid .cart-item .product-line-grid .dd-container-product .product-line-grid-body .product-price{ color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 700; line-height: 140%; } #cart .cart-grid .cart-item .product-line-grid .dd-container-product .atributes-container span{ color: var(--negro); font-family: Raleway; font-size: 16px; font-weight: 500; line-height: 150%; } #cart .cart-grid .cart-items .cart-item .product-line-grid .dd-container-product .product-line-info a{ color: var(--negro); font-family: Raleway; font-size: 16px; font-weight: 500; line-height: 120%; } #cart .cart-grid .separator{ display: none; } /* FIN CARRITO */ /* RESULTADOS DE BÚSQUEDA */ body#search.page-search #js-product-list-header{ color: var(--negro); font-family: 'RalewayLight'; font-size: 50px; font-weight: 200; line-height: 150%; text-transform: uppercase; margin-bottom: 0px; border-bottom: 1.5px solid var(--negro); } body#search.page-search #products{ margin-top: 50px; margin-bottom: 150px; } body#search.page-search #products #js-product-list-top{ display: none; } body#search.page-search #products #js-product-list .pagination > .col-md-4{ display: none; } body#search.page-search #products #js-product-list .pagination > .col-md-6{ background: transparent; width: 100%; margin: 0 auto; padding: 0px; } body#search.page-search #products #js-product-list .pagination .page-list{ background: transparent; } /* FIN RESULTADOS DE BÚSQUEDA */ /* ALERTAS */ body .ps-alert-success .item p{ color: var(--negro); font-family: Raleway; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; } /* FIN ALERTAS */ /* CHECKOUT */ #checkout #content-wrapper *{ color: var(--negro); } #checkout #content-wrapper a{ text-decoration: underline; color: var(--negro); } #checkout #content-wrapper button{ height: auto; padding: 15px 20px; background: var(--negro); color: var(--blanco); font-family: Raleway; font-size: 23px; font-style: normal; font-weight: 400; line-height: 120%; text-transform: uppercase; border: 1.5px solid var(--negro); outline: unset !important; } #checkout #content-wrapper button span{ color: var(--blanco); } #checkout #content-wrapper button:hover{ background: var(--blanco); color: var(--negro); } #checkout #content-wrapper button:hover span{ color: var(--negro); } #checkout #content-wrapper button:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } #checkout #content-wrapper button:active span{ color: var(--blanco); } #checkout #content-wrapper .block-promo .promo-code form{ width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 20px; } #checkout #content-wrapper .block-promo .promo-code form .promo-input{ width: calc(65% - 10px); color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 400; line-height: 120%; padding: 11px 15px; background: transparent; border-radius: 2px; border: 1.5px solid var(--negro); height: 48px; } #checkout #content-wrapper .block-promo .promo-code form .promo-input::placeholder{ opacity: 1; color: var(--negro); } #checkout #content-wrapper .block-promo .promo-code form .promo-input:focus-visible::placeholder{ color: var(--blanco); } #checkout #content-wrapper .block-promo .promo-code form .btn{ width: calc(35% - 10px); margin-left: 0px; margin-top: 0px; border: 1.5px solid var(--negro); background: transparent; padding: 11px 5px; color: var(--negro); font-family: Raleway; font-size: 20px; font-weight: 400; line-height: 120%; text-transform: uppercase; min-width: 128px; height: 48px; outline: unset !important; } #checkout #content-wrapper .block-promo .promo-code form .btn span{ color: var(--negro); } #checkout #content-wrapper .block-promo .promo-code form .btn:hover span{ color: var(--blanco); } #checkout #content-wrapper .block-promo .promo-code form .btn:active span{ color: var(--blanco); } #checkout #content-wrapper .block-promo .promo-code form .btn:hover{ background: var(--negro); color: var(--blanco); } #checkout #content-wrapper .block-promo .promo-code form .btn:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--destoscuro); } #checkout #content-wrapper .address-item{ border-radius: 2px; border: 1.5px solid var(--negro); background: var(--blanco); margin-bottom: 0px; } #checkout #content-wrapper .address-item .address-footer{ padding: 10px 20px; border-top: 1.5px solid var(--negro); display: flex; flex-direction: column; gap: 10px; } #checkout #content-wrapper .address-item .address-footer a, #checkout #content-wrapper .address-item .address-footer a span{ color: var(--negro) !important; font-family: Raleway; font-size: 15px; font-style: normal; font-weight: 500; line-height: 150%; text-align: left; } #checkout #content-wrapper .address-item .address-footer a{ display: flex; gap: 8px; text-decoration: unset; } #checkout #content-wrapper .address-item .addresses-container .address-footer a:hover{ text-decoration: underline; text-underline-offset: 4px; } #checkout #content-wrapper .address-item .addresses-container .address-body{ padding: 20px; } #checkout #content-wrapper .address-item .addresses-container .address-body h2{ color: var(--negro); font-family: Raleway; font-size: 22px; font-style: normal; font-weight: 600; line-height: 20px; margin-bottom: 15px; } #checkout #content-wrapper .custom-checkbox i.checkbox-checked{ color: var(--blanco) !important; } #checkout #delivery_message{ border-color: var(--negro) !important; border-radius: 2px; color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 18px; line-height: 120%; background: transparent; padding: 11px 15px; height: auto; border: 1.5px solid var(--negro); border-top-right-radius: 0px; border-bottom-right-radius: 0px; } #checkout #delivery_message{ min-height: 125px; } #checkout #delivery_message::placeholder{ color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: "Raleway"; font-size: 18px; line-height: 120%; } #checkout #checkout-delivery-step .delivery-options-list .delivery-options .delivery-option{ background: transparent; border: 0px; margin: 0px; padding: 0px; margin-bottom: 10px; } #checkout input{ color: var(--negro); font-family: Raleway; font-size: 18px; font-weight: 400; line-height: 120%; padding: 11px 15px; background: transparent; border-radius: 2px; border: 1.5px solid var(--negro); } #checkout input::placeholder{ opacity: 1; color: var(--negro); } #customer-form > div > .form-group.row:nth-child(8) .custom-checkbox > label > span:last-of-type{ margin-left: 0px; } #customer-form .help-block ul, #customer-form .help-block ul li{ margin-bottom: 0px !important; } #customer-form .text-muted, #customer-form div.form-control-comment{ display: none !important; } #identity #notifications{ width: 100%; margin: 0px !important; } #identity #notifications .notifications-container{ padding: 0px; } #registration .help-block{ margin-bottom: 30px !important; } #registration .field-password-policy .help-block{ margin-bottom: 0px !important; } .password-requirements *{ color: var(--negro); } .form-group.has-error .custom-checkbox input[type="checkbox"] + span .checkbox-checked{ color: var(--blanco) !important; } /* FIN CHECKOUT */ /* PRODUCTOS */ #product .product-container .page-content .images-container .thumb-container a{ position: relative; display: flex; width: 100%; height: 100%; } #product .pswp__img, .pswp__img{ object-fit: contain; } #product .pswp__zoom-wrap{ transition: all .3s ease; } #product .pswp__bg{ background: rgba(140, 135, 123, 0.6); opacity: 1; } #product .pswp *{ color: var(--negro); fill: var(--negro); } @media (min-width: 991px){ #product .product-container .page-content .images-container .thumb-container a:hover::after { content: "AMPLIAR"; position: absolute; bottom: 16px; right: 0px; width: 110px; height: 36px; background: var(--negro); color: #fff; display: flex; justify-content: center; align-items: center; } #product .product-container .page-content .images-container .thumb-container a:hover::before { content: "+"; position: absolute; bottom: 16px; right: 92px; width: 45px; height: 36px; background: var(--negro); color: #fff; display: flex; justify-content: center; align-items: center; font-size: 42px; font-family: 'RalewayLight'; z-index: 1; } #product .product-container .page-content .images-container .thumb-container a:hover::before { opacity: 1; } } /* FIN PRODUCTOS */ /* FOOTER */ #footer .custom-footer-block > img{ object-fit: contain; } /* FIN FOOTER */ /* CHECKBOX */ body .custom-checkbox input[type=checkbox]{ width: 13px; height: 13px; min-width: 13px; min-height: 13px; } .custom-checkbox input[type="checkbox"] + span{ width: 13px; height: 13px; min-width: 13px; min-height: 13px; } .form-control:focus{ outline: unset !important; } .custom-checkbox input[type="checkbox"]:checked + span::before{ content: ""; position: absolute; display: none; left: 4px; top: 7px; width: 5px; height: 9px; border: solid #FFF; border-width: 0 3px 3px 0; transform: rotate(45deg); } .custom-checkbox input[type="checkbox"]:checked + span::before { display: block; } .js-customer-form .custom-checkbox input[type="checkbox"]:checked + span::before{ left: 6px; } .custom-checkbox .checkbox-checked{ font-size: 0px !important; } /* FIN CHECKBOX */ /* PRUEBA SELECTS */ .form-select-wrapper { position: relative; display: inline-block; } .form-select-wrapper::after { content: ""; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(0deg); transition: transform 0.3s ease; width: 27px; height: 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='15' viewBox='0 0 27 15' fill='none'%3E%3Cpath d='M12.5317 13.2461L25.3589 0.418883L26.1368 1.1967L13.3095 14.0239L12.5317 13.2461Z' fill='%23191200'/%3E%3Cpath d='M0.777817 0L14.0532 13.2754L13.2754 14.0532L0 0.777817L0.777817 0Z' fill='%23191200'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; pointer-events: none; } .form-control-select { appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-right: 50px; } .form-select-wrapper.open::after { transform: translateY(-50%) rotate(180deg); } /* PRODUCTOS */ div .product-variants > .product-variants-item ul li{ margin-right: 10px; position: relative; } div .product-variants > .product-variants-item ul li .input-color{ left: 0px; } #product div .product-variants > .product-variants-item label .color, #product div .product-variants > .product-variants-item label > span{ margin: 0px; cursor: pointer; } #product .product-variants > .product-variants-item svg{ cursor: pointer; } #product .social-sharing li, #product .social-sharing li.facebook.icon-gray{ width: 40px; height: 40px; background-position: center; background-size: 40px; } #product .social-sharing li.whatsapp{ background-size: 20px; } #product .social-sharing li a{ width: 40px; height: 40px; } #product .social-sharing li.whatsapp:hover{ background: url(../css/compartir-producto-whatsapp-hover.svg); } #product .social-sharing li.twitter{ background: url(../css/compartir-producto-twitter.svg); } #product .social-sharing li.twitter:hover{ background: url(../css/compartir-producto-twitter-hover.svg); } #product .social-sharing li.facebook{ background: url(../css/compartir-producto-facebook.svg); } #product .social-sharing li.facebook:hover{ background: url(../css/compartir-producto-facebook-hover.svg); } .favorite-product-responsive{ display: none; } #product .product-information .product-add-to-cart .qty .input-group-append{ order: 2; } #product .product-information .product-add-to-cart .qty .bootstrap-touchspin{ order: 1; } #product .product-information .product-add-to-cart .qty .input-group-prepend{ order: 0; } #product .product-information .tel{ margin-top: 20px; } #product .product-information .tel a{ display: flex; gap: 30px; border: 1.5px solid var(--negro); border-radius: 2px; width: fit-content; padding: 15px 30px; align-items: center; text-decoration: unset; } #product .product-information .tel a .texto-wpp{ display: flex; flex-direction: column; gap: 2px; } #product .product-information .tel a .texto-wpp span{ color: var(--negro); font-family: 'Raleway'; font-size: 18px; font-weight: 400; line-height: 120%; } #product .product-information .tel a:hover{ background: var(--negro); } #product .product-information .tel a:active{ background: var(--destoscuro); border: 1.5px solid var(--destoscuro); color: var(--blanco); } #product .product-information .tel a:active svg path{ stroke: #FFF; } #product .product-information .tel a:hover svg path{ stroke: #FFF; } #product .product-information .tel a:hover .texto-wpp span{ color: var(--blanco); } #product .product-information .tel a:active .texto-wpp span{ color: var(--blanco); } #product .product-features .name{ font-family: 'RalewayLight'; } #product .product-features .value{ font-family: 'Raleway'; } .social-sharing > span{ font-family: 'Raleway'; font-weight: 500; font-size: 16px; line-height: 150%; letter-spacing: 0px; } .social-sharing ul{ margin-left: 5px; } .social-sharing ul li{ margin-left: 0px; } #product .btn-primary.add-to-cart{ border-radius: 2px; padding: 15px 20px; background: var(--negro); color: var(--blanco); font-family: 'Raleway'; font-size: 23px; font-weight: 400; line-height: 120%; text-transform: uppercase; border: 1.5px solid var(--negro); outline: unset; } #product .btn-primary.add-to-cart:hover{ background: var(--blanco); color: var(--negro); } #product .btn-primary.add-to-cart:active{ background: var(--destoscuro); color: var(--blanco); border: 1.5px solid var(--blanco); } #product .tabs .product-description *{ color: var(--negro); font-family: 'Raleway'; font-size: 16px; font-weight: 500; line-height: 150%; letter-spacing: 0.16px; } /* FIN PRODUCTOS */ /* NEWSLETTERS */ .block_newsletter .input-wrapper input::placeholder{ opacity: 1; color: var(--negro); } .block_newsletter .input-wrapper input:focus{ border: 1.5px solid var(--negro) !important; padding: 11px 15px !important; } /* FIN NEWSLETTERS */ /* RESULTADOS DE BÚSQUEDA */ body#search.page-search #wrapper > .container{ max-width: 100%; padding: 0px; } body#search.page-search #wrapper #js-product-list-header{ margin: 0px 50px; } body#search.page-search .dd-search-block{ margin-bottom: 50px; } body#search.page-search .heading-title{ margin-bottom: 20px; padding: 0px 50px; } body#search.page-search .dd-search-block h2, body#search.page-search .heading-title h2{ color: var(--negro); font-family: 'InnovarElegant'; font-size: 50px; font-weight: 400; line-height: 120%; margin-bottom: 0px; } body#search.page-search .dd-search-block h2{ padding: 0px 50px; } body#search.page-search .dd-search-block .container-search-categories, body#search.page-search .dd-search-block .container-search-cms, body#search.page-search .dd-search-block .container-search-posts{ width: 100%; display: flex; flex-direction: row; gap: 20px; align-items: center; flex-wrap: wrap; margin-top: 20px; } body#search.page-search .dd-search-block .container-search-categories{ padding-left: 50px; padding-right: 50px; } body#search.page-search .container-search-cms{ padding: 0px 50px; } body#search.page-search .dd-search-block .container-search-categories a, body#search.page-search .dd-search-block .container-search-cms a{ padding: 15px 50px; border-radius: 2px; border: 1.5px solid var(--negro); color: var(--blanco); font-size: 23px; font-family: 'Raleway'; font-weight: 400; line-height: 120%; text-transform: uppercase; text-decoration: unset; background: var(--negro); } body#search.page-search .dd-search-block .container-search-categories a:hover, body#search.page-search .dd-search-block .container-search-cms a:hover{ background: var(--blanco); color: var(--negro); } body#search.page-search .dd-search-block .container-search-categories a:active, body#search.page-search .dd-search-block .container-search-cms a:active{ background: var(--destoscuro); border: 1.5px solid var(--destoscuro); color: var(--blanco); } body#search.page-search .dd-search-block .container-search-posts{ display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; } body#search.page-search .dd-search-block .container-search-posts .blog-grid{ width: 100%; max-width: calc(33% - 11px); } body#search.page-search .dd-search-block .container-search-posts .blog-grid a{ text-decoration: unset; } body#search.page-search .dd-search-block .container-search-posts .blog-grid picture{ display: flex; overflow: hidden; position: relative; aspect-ratio: 1.65 / 1; } body#search.page-search .dd-search-block .container-search-posts .blog-grid img{ width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; border-radius: 2px; } body#search.page-search .dd-search-block .container-search-posts .blog-grid:hover img{ transform: scale(1.1); } body#search.page-search .dd-search-block .container-search-posts .blog-grid .blog-item-content{ padding-top: 15px; padding-left: 20px; padding-right: 20px; display: flex; gap: 15px; align-items: center; } body#search.page-search .dd-search-block .container-search-posts .blog-grid .blog-item-content .estacion{ display: flex; gap: 10px; color: var(--negro); text-align: center; font-family: 'RalewayLight'; font-size: 26px; font-weight: 400; line-height: unset; flex-direction: column; font-variant-numeric: lining-nums proportional-nums; text-transform: uppercase; } body#search.page-search .dd-search-block .container-search-posts .blog-grid picture .estacion{ position: absolute; bottom: 0px; display: none; gap: 10px; color: var(--negro); text-align: center; font-family: 'RalewayLight'; font-size: 26px; font-weight: 400; line-height: unset; flex-direction: column; padding: 10px; background: var(--blanco); font-variant-numeric: lining-nums proportional-nums; text-transform: uppercase; } body#search.page-search .dd-search-block .container-search-posts .blog-grid .blog-item-content .estacion .fecha, body#search.page-search .dd-search-block .container-search-posts .blog-grid picture .estacion .fecha{ color: var(--negro); text-align: center; font-family: "RalewayLight"; font-size: 40px; font-weight: 200; line-height: unset; } body#search.page-search .dd-search-block .container-search-posts .blog-grid .thumbnail-post{ overflow: hidden; } body#search.page-search .dd-search-block .container-search-posts .blog-grid .blog-item-content .estacion .fecha, body#search.page-search .dd-search-block .container-search-posts .blog-grid picture .estacion .fecha{ color: var(--negro); text-align: center; font-family: "RalewayLight"; font-size: 40px; font-weight: 200; line-height: unset; } body#search.page-search .dd-search-block .container-search-posts .blog-grid .blog-item-content h3{ color: var(--negro); font-family: Raleway; font-size: 19px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 0px; } #products .up{ display: none !important; } /* FIN RESULTADOS DE BÚSQUEDA */ /* MENÚ */ body .left-nav .cbp-vertical-on-top > .cbp-vertical > ul{ box-shadow: unset; } /* FIN MENÚ */ @media (min-width: 1200px){ .container { width: 100%; max-width: 1920px; padding-left: 50px; padding-right: 50px; } } /* @media (min-width: 1920px){ .container, #header .header-nav > .container, #module-prestablog-blog #wrapper > .container, #index .container.container-home{ max-width: 3840px; } } */ @media (max-width: 1200px) { /* MARCAS */ #manufacturer .brand-container .brand { flex: 0 0 calc(33.333% - 20px); } /* FIN MARCAS */ /* PRESTABLOG */ #module-prestablog-blog .prestablog-category-block .category-header{ flex-wrap: wrap; justify-content: center; margin-bottom: 20px; } #module-prestablog-blog .category-featured{ max-height: 850px; } /* FIN PRESTABLOG */ /* MÓDULO INSTAGRAM */ .ybc_instagram.block_instagram .container-module-instagram a{ max-width: 25%; min-width: 25%; } /* FIN MÓDULO INSTAGRAM */ } @media (max-width: 1199px){ /* RESULTADOS DE BÚSQUEDA */ body#search.page-search #wrapper #js-product-list-header{ margin: 0px 20px; } body#search.page-search .heading-title, body#search.page-search .dd-search-block h2, body#search.page-search .container-search-cms{ padding: 0px 20px; } body#search.page-search .dd-search-block .container-search-categories{ padding-left: 20px; padding-right: 20px; } /* FIN RESULTADOS DE BÚSQUEDA */ } @media (max-width: 991px){ /* MIGAS DE PAN - BREADCRUMB */ body #wrapper .breadcrumb{ display: none; } /* FIN MIGAS DE PAN - BREADCRUMB */ /* TEXTOS LEGALES */ #cms #wrapper > .container{ margin-bottom: 100px; } #cms h1{ font-size: 40px; } /* FIN TEXTOS LEGALES */ /* CONTACTO */ #contact #wrapper{ padding-bottom: 30px; } #contact .bloques-contacto{ max-width: 493px; margin-left: auto; margin-right: auto; flex-direction: column; } #contact .contact-form{ flex-direction: column; } #contact .contact-form form{ max-width: 493px; margin: 0 auto; } #contact .contact-form #map{ height: 700px !important; } /* FIN CONTACTO */ /* LOGIN */ #authentication #wrapper{ padding-top: 100px; padding-bottom: 100px; } /* FIN LOGIN */ /* MARCAS */ #manufacturer #wrapper{ padding-bottom: 100px; } #manufacturer h1{ font-size: 60px; margin-bottom: 20px; } #manufacturer .brand-container .brand { flex: 0 0 calc(50% - 20px); } #manufacturer #wrapper{ padding-bottom: 150px; } /* FIN MARCAS */ /* PRESTABLOG */ #module-prestablog-blog #prestablogfront h1{ font-size: 40px; } #module-prestablog-blog #prestablogfront #prestablogfont ul, #module-prestablog-blog #prestablogfront #prestablogfont ol{ padding-left: 20px; } #module-prestablog-blog .blog_list_1-7-grids{ gap: 50px 20px; } #module-prestablog-blog .blog_list_1-7-grids .blog-grids{ width: calc(50% - 10px); } #module-prestablog-blog .volver_blog{ margin: 30px auto; } #module-prestablog-blog .blog-grids picture .estacion{ display: flex; gap: 8px; font-size: 18px; font-family: 'Raleway'; font-size: 18px; font-style: normal; font-weight: 300; } #module-prestablog-blog .blog-grids picture .estacion .fecha{ font-size: 30px; font-family: 'Raleway'; font-size: 30px; font-style: normal; font-weight: 200; } #module-prestablog-blog .blog-grids .blog-item-content .estacion{ display: none; } #module-prestablog-blog h1.prestablogcat{ font-size: 60px; } #module-prestablog-blog .prestablog-category-block .category-header{ flex-direction: column; } #module-prestablog-blog .prestablog-category-block .category-header .cat-title h2{ font-size: 40px; letter-spacing: -0.4px; } #module-prestablog-blog .prestablog-category-block .category-header .cat-title .byfetiche { font-size: 40px; letter-spacing: -0.4px; } #module-prestablog-blog .prestablog-category-block .blog-featured-container{ display: flex; flex-direction: column; margin-bottom: 20px; } #module-prestablog-blog .prestablog-category-block .blog-featured-container .blog-item-content-featured.container-mobile{ width: 100%; padding: 10px 20px; display: flex; gap: 40px; align-items: center; } #module-prestablog-blog .prestablog-category-block .blog-featured-container .blog-item-content-featured.container-mobile .estacion{ padding: 10px; color: var(--negro); text-align: center; font-family: 'Raleway'; font-size: 18px; font-style: normal; font-weight: 300; line-height: unset; text-transform: uppercase; display: flex; flex-direction: column; gap: 10px; } #module-prestablog-blog .prestablog-category-block .blog-featured-container .blog-item-content-featured.container-mobile .estacion .fecha{ color: var(--negro); text-align: center; font-variant-numeric: lining-nums proportional-nums; font-family: 'Raleway'; font-size: 30px; font-style: normal; font-weight: 200; line-height: unset; text-transform: uppercase; } #module-prestablog-blog .prestablog-category-block .blog-featured-container .blog-item-content-featured.container-mobile h3{ color: #191200; font-family: 'Raleway'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 140%; margin-bottom: 0px; } #module-prestablog-blog .category-featured{ margin-bottom: 0px; max-height: 500px; } #module-prestablog-blog .prestablog-category-block .category-featured .blog-item-content-featured.container-desktop{ display: none; } #module-prestablog-blog .category-news-grid{ margin-bottom: 50px; } #module-prestablog-blog .category-news-grid .blog-grids:nth-child(2){ display: none; } #module-prestablog-blog .prestablog-category-block.prensa .blog-grids{ max-width: 100%; } /* FIN PRESTABLOG */ /* MI CUENTA */ #my-account #main{ margin-bottom: 100px; } #my-account #main h1{ font-size: 40px; text-align: center; } /* FIN MI CUENTA */ /* DATOS PERSONALES */ #identity #main, #addresses #main, #address #main, #discount #main, #module-psgdpr-gdpr #main, #order-slip #main, #order-follow #main, #module-lgcookieslaw-disallow #main, #history #main, #order-detail #main, #password #main{ margin-bottom: 10px; } #identity #main h1, #addresses #main h1, #address #main h1, #discount #main h1, #module-psgdpr-gdpr #main h1, #order-slip #main h1, #order-follow #main h1, #module-lgcookieslaw-disallow #main h1, #history #main h1, #order-detail #main h1, #password #main h1{ font-size: 40px; } /* FIN DATOS PERSONALES */ /* DISCOUNT */ #discount #main{ margin-bottom: 100px; } #discount #main table{ display: none; } #discount #main .cart-rules.responsive{ display: block; } #discount #main .cart-rules.responsive .container-cart-rule{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; align-items: center; } #discount #main .cart-rules.responsive .container-cart-rule .title{ width: 40%; background: var(--blanco); display: flex; padding: 12px 20px; } #discount #main .cart-rules.responsive .container-cart-rule .text{ display: flex; padding: 12px 20px; width: 60%; } /* FIN DISCOUNT */ /* FACTURAS */ #order-slip #main{ margin-bottom: 100px; } #order-slip #main table{ display: none; } #order-slip #main .credit-slips.responsive{ display: block; } #order-slip #main .credit-slips.responsive .container-credit-slip{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; align-items: center; } #order-slip #main .credit-slips.responsive .container-credit-slip .title{ width: 40%; background: var(--blanco); display: flex; padding: 12px 20px; } #order-slip #main .credit-slips.responsive .container-credit-slip .text{ display: flex; padding: 7px 20px; width: 60%; } #order-slip #main .credit-slips.responsive .container-credit-slip .text a{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; align-items: center; } /* FIN FACTURAS */ /* DEVOLUCIONES */ #order-follow #main{ margin-bottom: 100px; } #order-follow #main table{ display: none; } #order-follow #main .order-returns.responsive{ display: block; } #order-follow #main .order-returns.responsive .container-order-return{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; align-items: center; } #order-follow #main .order-returns.responsive .container-order-return .title{ width: 40%; background: var(--blanco); display: flex; padding: 12px 20px; } #order-follow #main .order-returns.responsive .container-order-return .text{ display: flex; padding: 7px 20px; width: 60%; } #order-follow #main .order-returns.responsive .container-order-return .text a{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; align-items: center; } /* FIN DEVOLUCIONES */ /* PEDIDOS */ #history #main{ margin-bottom: 100px; } #history #main table{ display: none; } #history #main .orders.responsive{ display: block; width: 100%; margin: 0; } #history #main .orders.responsive .container-order{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; align-items: stretch; } #history #main .orders.responsive .container-order .title{ width: 40%; background: var(--blanco); display: flex; padding: 12px 20px; align-items: center; } #history #main .orders.responsive .container-order .text{ display: flex; padding: 12px 20px; width: 60%; color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; } #history #main .orders.responsive .container-order .text a, #history #main .orders.responsive .container-order .facturas-order a{ text-decoration: underline; margin: 0px; color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; } #history #main .orders.responsive .container-order .facturas-order{ display: flex; flex-direction: column; gap: 12px; padding: 12px 20px; width: 60%; } /* FIN PEDIDOS */ /* FAVORITOS */ #view .wishlist-products-container-header{ height: 80px; margin-top: 20px; } #view .wishlist-products-container-header h1{ font-size: 60px; } #view #wrapper .container .wishlist-products-list .wishlist-products-item{ width: calc(50% - 10px); } /* FIN FAVORITOS */ /* BANNER COOKIES */ body .lgcookieslaw-reject-button-enabled .lgcookieslaw-button-container{ flex-direction: column; } .lgcookieslaw-banner-floating{ padding: 20px !important; } .lgcookieslaw-banner-floating .container .lgcookieslaw-heading{ font-size: 30px; letter-spacing: 0.6px; margin-bottom: 20px; } .lgcookieslaw-banner-floating .container .lgcookieslaw-button-container{ margin-top: 5px; gap: 10px; } .lgcookieslaw-banner-floating .container .lgcookieslaw-button-container button{ padding: 10px 20px; font-size: 18px; } .lgcookieslaw-banner-floating .container .lgcookieslaw-button-container #lgcookieslaw_customize_cookies_link{ order: 2; } .lgcookieslaw-banner-floating .container .lgcookieslaw-button-container .lgcookieslaw-button.lgcookieslaw-reject-button{ order: 1; } .lgcookieslaw-banner-floating .container .lgcookieslaw-button-container .lgcookieslaw-button.lgcookieslaw-accept-button{ order: 0; } /* FIN BANNER COOKIES */ /* MÓDULO INSTAGRAM */ .ybc_instagram.block_instagram{ margin-bottom: 200px; } .ybc_instagram.block_instagram .top_instagram{ margin-bottom: 20px; } .ybc_instagram.block_instagram .top_instagram .title-block{ font-size: 58px; margin-bottom: 20px; } .ybc_instagram.block_instagram .container-module-instagram{ flex-wrap: wrap; } .ybc_instagram.block_instagram .container-module-instagram a{ max-width: 33.33%; min-width: 33.33%; } /* FIN MÓDULO INSTAGRAM */ /* CARRITO */ #cart .cart-grid.row{ margin-bottom: 100px; } #cart .cart-grid.row .card-block{ border-bottom: 0px; } #cart .cart-grid.row .card-block h1{ font-size: 40px; text-align: center; } /* FIN CARRITO */ /* RESULTADOS DE BÚSQUEDA */ body#search.page-search #wrapper #js-product-list-header{ font-size: 30px; } body#search.page-search .dd-search-block{ margin-bottom: 30px; } body#search.page-search .dd-search-block h2, body#search.page-search .heading-title h2{ font-size: 30px; } body#search.page-search .dd-search-block .container-search-categories a, body#search.page-search .dd-search-block .container-search-cms a{ padding: 15px 30px; } body#search.page-search .dd-search-block .container-search-posts .blog-grid picture .estacion{ display: flex; gap: 8px; font-size: 18px; font-family: 'Raleway'; font-size: 18px; font-style: normal; font-weight: 300; } body#search.page-search .dd-search-block .container-search-posts .blog-grid picture .estacion .fecha{ font-size: 30px; font-family: 'Raleway'; font-size: 30px; font-style: normal; font-weight: 200; } body#search.page-search .dd-search-block .container-search-posts .blog-grid .blog-item-content .estacion{ display: none; } body#search.page-search .dd-search-block .container-search-posts .blog-grid{ max-width: calc(50% - 10px); } body#search.page-search #products{ margin-top: 30px; margin-bottom: 100px; } /* FIN RESULTADOS DE BÚSQUEDA */ } @media (max-width: 770px){ /* PRESTABLOG */ #module-prestablog-blog .blog-grid{ padding: 0px !important; } /* FIN PRESTABLOG */ } @media (max-width: 767px){ /* CONTACTO */ #contact h1{ font-size: 60px; } #contact .contact-form form label{ font-size: 20px; } #contact .contact-form #map{ height: 500px !important; } /* FIN CONTACTO */ /* LOGIN */ #authentication #wrapper{ padding-top: 30px; padding-bottom: 100px; } #authentication #main .page-header h1{ font-size: 60px; } #login-form .form-group.row .form-control-label{ font-size: 20px; } #authentication .no-account{ margin-top: 30px; } #authentication .no-account a{ padding: 15px 20px; width: 100%; } /* FIN LOGIN */ /* REGISTRO */ #registration #wrapper{ padding-top: 30px; padding-bottom: 100px; } #registration #main .page-header h1{ font-size: 60px; } #registration .form-group.row .form-control-label{ font-size: 20px; } /* FIN REGISTRO */ /* MARCAS */ #manufacturer .brand-container .brand { flex: 0 0 100%; } #manufacturer .container-title-manufacturer{ flex-wrap: wrap; justify-content: center; margin-bottom: 20px; } #manufacturer .container-title-manufacturer .block-filterpro{ order: 1; } #manufacturer h1{ order: 0; width: 100%; } #manufacturer .container-title-manufacturer .block-orderby{ order: 2; border-right: 1.5px solid var(--negro); } /* FIN MARCAS */ /* PRESTABLOG */ #module-prestablog-blog .blog_list_1-7-grids{ gap: 20px; } #module-prestablog-blog .blog_list_1-7-grids .blog-grids{ width: 100%; } #module-prestablog-blog #wrapper #content-wrapper{ padding-bottom: 80px; } #module-prestablog-blog h1.prestablog_cat_title{ font-size: 50px; } #module-prestablog-blog .category-news-grid{ flex-direction: column; } #module-prestablog-blog .prestablog-category-block .blog-featured-container a{ position: relative; } #module-prestablog-blog .prestablog-category-block .estacion-mobile{ display: block; position: absolute; bottom: 0px; background: var(--blanco); } #module-prestablog-blog .category-featured{ max-height: 350px; } #module-prestablog-blog .prestablog-category-block .estacion-mobile .estacion .fecha{ font-variant-numeric: lining-nums proportional-nums; font-family: 'Raleway'; font-size: 30px; font-weight: 300; line-height: unset; } #module-prestablog-blog .prestablog-category-block .estacion{ display: none !important; } #module-prestablog-blog .prestablog-category-block .estacion-mobile .estacion{ display: flex !important; color: var(--negro); text-align: center; font-family: 'Raleway'; font-size: 18px; font-weight: 300; line-height: unset; flex-direction: column; gap: 10px; text-transform: uppercase; padding: 10px; } #module-prestablog-blog .prestablog-category-block .blog-grids picture .estacion{ display: flex !important; } #module-prestablog-blog .prestablog-category-block .category-header .cat-title{ flex-direction: column; } #module-prestablog-blog .prestablog-category-block .category-header .cat-title .byfetiche{ margin: 0 auto; } /* FIN PRESTABLOG */ /* DATOS PERSONALES */ #identity #main h1, #addresses #main h1, #address #main h1, #discount #main h1, #module-psgdpr-gdpr #main h1, #order-slip #main h1, #module-lgcookieslaw-disallow #main h1, #history #main h1, #order-detail #main h1, #password #main h1{ text-align: center; } #identity #main .page-header, #addresses #main .page-header, #address #main .page-header, #discount #main .page-header, #module-psgdpr-gdpr #main .page-header, #order-slip #main .page-header, #module-lgcookieslaw-disallow #main .page-header, #history #main .page-header, #order-detail #main .page-header, #password #main .page-header{ justify-content: center; flex-direction: column; gap: 0px; } /* FIN DATOS PERSONALES */ /* ADDRESSES */ #addresses #content .container-addresses .addresses-container{ max-width: 100%; } /* FIN ADDRESSES */ /* DISCOUNT */ #discount #main .cart-rules.responsive .container-cart-rule{ flex-direction: column; } #discount #main .cart-rules.responsive .container-cart-rule .title{ width: 100%; } #discount #main .cart-rules.responsive .container-cart-rule .text{ width: 100%; } /* FIN DISCOUNT */ /* FACTURAS */ #order-slip #main .credit-slips.responsive .container-credit-slip{ flex-direction: column; } #order-slip #main .credit-slips.responsive .container-credit-slip .title{ width: 100%; } #order-slip #main .credit-slips.responsive .container-credit-slip .text{ width: 100%; } /* FIN FACTURAS */ /* DEVOLUCIONES */ #order-follow #main .order-returns.responsive .container-order-return{ flex-direction: column; } #order-follow #main .order-returns.responsive .container-order-return .title{ width: 100%; } #order-follow #main .order-returns.responsive .container-order-return .text{ width: 100%; } /* FIN DEVOLUCIONES */ /* GPDR */ #module-psgdpr-gdpr #main .button-container{ flex-direction: column; } /* FIN GDPR */ /* PEDIDOS */ #history #main .orders.responsive .container-order{ flex-direction: column; } #history #main .orders.responsive .container-order .title{ width: 100%; } #history #main .orders.responsive .container-order .text{ width: 100%; } /* FIN PEDIDOS */ /* HISTORIAL PEDIDOS */ #order-detail #main #order-history > table{ display: none; } #order-detail #main #order-history .responsive.history-lines{ display: block; } .page-order-detail #order-history .history-lines .history-line{ padding: 12px 20px; border: 0px; padding-left: 0px; } #order-detail #main #order-history .responsive.history-lines .date{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; } #order-detail #main .addresses{ flex-direction: column; } #order-detail #main .addresses .box{ width: 100%; } #order-detail #main .container-shipping-line{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; align-items: stretch; flex-direction: column; } #order-detail #main .container-shipping-line .title{ width: 100%; background: var(--blanco); display: flex; padding: 12px 20px; align-items: center; } #order-detail #main .container-shipping-line .text{ display: flex; padding: 12px 20px; width: 100%; color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 500; line-height: 20px; } #order-detail #main .shipping-line{ margin-bottom: 18px; } #order-detail #main .order-totals .order-total > div{ width: 50%; padding: 12px 20px; } #order-detail #main .order-totals .order-total > div.left{ text-align: right !important; color: var(--negro); font-family: Raleway; font-size: 16px; font-weight: 500; line-height: 100%; } #order-detail #main .order-totals .order-total > div.right{ color: var(--negro); font-family: Raleway; font-size: 16px; font-weight: 700; line-height: 100%; } #order-detail #main #order-return-form > .box{ margin-bottom: 50px; } #order-detail #main #order-return-form .order-items{ margin-bottom: 0px; } #order-detail #main #order-return-form .order-item{ padding: 0px; border-color: transparent; margin-bottom: 50px; } #order-detail #main #order-return-form .order-item:last-of-type{ margin-bottom: 0px; } #order-detail #main #order-return-form .order-items .container-order-item{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; align-items: center; flex-direction: column; } #order-detail #main #order-return-form .order-items .container-order-item .title{ width: 100%; background: var(--blanco); display: flex; padding: 12px 20px; } #order-detail #main #order-return-form .order-items .container-order-item .text{ display: flex; padding: 7px 20px; width: 100%; } #order-detail #main #order-return-form .order-items .container-order-item .text.title-product{ flex-direction: column; gap: 5px; } #order-detail #main #order-return-form .order-items .container-order-item .text.title-product .strong-title{ font-weight: 700; } #order-detail #main #order-return-form .order-items .container-order-item .text.title-product .ref{ font-weight: 400; } #order-detail #main #order-return-form .order-items .container-order-item .text a{ color: var(--negro); font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; display: flex; align-items: center; } #order-detail #main #order-return-form .order-items .container-order-item .text.quantity{ justify-content: space-between; flex-wrap: wrap; align-items: center; } #order-detail #main #order-return-form .order-items .container-order-item .text.quantity .s{ width: 100%; max-width: 75px; } #order-detail #main #order-return-form .order-items .container-order-item .title.check{ gap: 10px; } #order-detail #main #order-return-form .order-items .container-order-item .text.price{ font-weight: 700; } #order-detail #main #order-return-form .order-items .container-order-item input[type="checkbox"]{ width: 20px; height: 20px; border: 1.5px solid var(--negro); border-radius: 2px; appearance: none; -webkit-appearance: none; } #order-detail #main #order-return-form .order-items .container-order-item input[type="checkbox"]:checked::after { content: ''; display: block; width: 8px; height: 12px; border: solid #000; border-width: 0 2px 2px 0; transform: rotate(35deg); margin: 2px auto; } #order-detail #main #order-return-form .order-items .container-order-item .text.quantity select{ height: auto; padding: 11px 20px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=) no-repeat right .5rem center / 1.25rem 1.25rem; font-family: Raleway; font-weight: 400; font-size: 18px; line-height: 100%; color: var(--negro); border: 1.5px solid var(--negro); } /* FIN HISTORIAL PEDIDOS */ /* RECUPERAR CONTRASEÑA */ #password .forgotten-password .form-fields .form-group .email{ padding: 0px; } #password .forgotten-password .form-fields .form-group #send-reset-link, #password .forgotten-password .form-fields .form-group .form-control-submit{ width: 100%; margin: 0px; } /* FIN RECUPERAR CONTRASEÑA */ /* FAVORITOS */ #view .wishlist-products-container-header{ height: auto; margin-bottom: 20px; gap: 30px; padding: 0px 20px; } #view #wrapper .container .wishlist-products-list .wishlist-products-item{ width: 100%; } #view .wishlist-products-container-header h1{ position: static; transform: unset !important; } /* FIN FAVORITOS */ /* MÓDULO INSTAGRAM */ .ybc_instagram.block_instagram{ margin-bottom: 100px; } .ybc_instagram.block_instagram .top_instagram .title-block{ font-size: 43px; } .ybc_instagram.block_instagram .container-module-instagram a{ max-width: 50%; min-width: 50%; } /* FIN MÓDULO INSTAGRAM */ /* CARRITO MODAL */ #cart-modal .dd-cart-modal__panel .modal-content{ padding: 20px; } /* REGISTRO */ #registration .custom-checkbox > label{ padding-left: 30px; } /* CARRITO */ #cart .cart-grid .cart-items .cart-item .product-line-grid .dd-container-product .product-line-grid-body{ flex-direction: column; } #cart .cart-grid .cart-items .cart-item .product-line-grid{ flex-direction: column; } #cart .cart-grid .cart-items .cart-item .product-line-grid .product-line-grid-left{ padding-left: 0px; } /* PRODUCTOS */ .favorite-product-responsive{ display: block; position: absolute; right: 20px; top: 20px; z-index: 1; margin-left: 0px; } #product .slick-list .wishlist-button-add.dd{ display: none; } #product .return-category{ padding: 0px 20px 5px 20px; } #product div .featured-products .block-left-featured, .featured-newproduct .block-left-featured5{ padding-left: 20px; padding-right: 20px; } #product div .featured-products .products-section-title{ padding-left: 0px; padding-right: 0px; text-align: left; } #product div .featured-products .products-section-title{ margin: 0px; margin-bottom: 20px; margin-top: 50px; } #product .product-information .product-add-to-cart .product-quantity .qty{ width: 100%; justify-content: space-between; } #product .product-information .product-add-to-cart .product-quantity, #product .product-information .product-add-to-cart .product-quantity .add, #product .product-information .product-add-to-cart .product-quantity .add .add-to-cart{ width: 100%; } #product div .featured-products.featured-newproduct .products-section-title{ margin-top: 0px; } #product .product-discount{ margin-bottom: 5px; } /* FIN PRODUCTOS */ /* RESULTADOS DE BÚSQUEDA */ body#search.page-search .dd-search-block .container-search-posts .blog-grid{ max-width: 100%; } /* FIN RESULTADOS DE BÚSQUEDA */ } @media (max-width: 535px){ #module-prestablog-blog .prestablog-category-block .category-header .cat-title{ flex-wrap: wrap; justify-content: center; } } .currency-selector li a, .language-selector li a{ font-family: 'Raleway' !important; font-weight: 300 !important; font-size: 22px; line-height: 120%; text-transform: uppercase; text-align: center; transition: top 150ms ease-in-out; } @media(min-width: 1201px){ #index .currency-selector .dropdown-menu{ top: 54px !important; } #index .language-selector .dropdown-menu{ top: 74px !important; position: fixed; } #index .fuera-video .currency-selector .dropdown-menu{ top: 42px !important; } #index .fuera-video .language-selector .dropdown-menu{ top: 58px !important; position: fixed; } } @media(min-width: 768px) and (max-width: 1200px){ #index .currency-selector .dropdown-menu{ top: 47px !important; } #index .language-selector .dropdown-menu{ top: 74px !important; position: fixed; } #index .fuera-video .currency-selector .dropdown-menu{ top: 40px !important; } #index .fuera-video .language-selector .dropdown-menu{ top: 60px !important; position: fixed; } } .currency-selector.open .dropdown-menu, .language-selector.open .dropdown-menu{ display: flex !important; } @media(min-width: 1201px){ .currency-selector .dropdown-menu{ top: 43px; padding: 20px 15px !important; flex-direction: column; gap: 20px; position: absolute; right: -50px !important; width: 258px; } .language-selector .dropdown-menu{ top: 62px; padding: 20px 15px !important; flex-direction: column; gap: 20px; position: fixed; left: unset !important; right: 0 !important; width: 258px; } } .emailalerts-title{ line-height: 132% !important; } .psgdpr_consent_message span{ position: relative; } @media(min-width: 768px){ .language-selector .dropdown-menu, .currency-selector .dropdown-menu{ display: flex; opacity: 0; visibility: hidden; height: 0; transition: opacity 300ms ease-in-out, visbility 300ms ease-in-out, height 300ms ease-in-out; } .language-selector.open .dropdown-menu, .currency-selector.open .dropdown-menu{ opacity: 1; visibility: visible; height: fit-content; } } @media(max-width: 1200px) and (min-width: 768px){ .currency-selector .dropdown-menu{ top: 43px; padding: 20px 15px !important; flex-direction: column; gap: 20px; position: absolute; right: -20px !important; width: 258px; } .language-selector .dropdown-menu{ top: 45px; padding: 20px 15px !important; flex-direction: column; gap: 20px; position: absolute; right: 0 !important; left: unset !important; width: 258px; } } @media(max-width: 767px){ .currency-svg{ width: 24px !Important; height: 24px !Important; } } .language-selector .dropdown-menu{ margin-top: 0 !important; } .currency-selector .dropdown-menu, .language-selector .dropdown-menu{ border: 1.5px solid #000; margin-top: 0px; } #index .fuera-video .header-blanco .currency-selector .dropdown-menu, #index .fuera-video .header-blanco .language-selector .dropdown-menu{ border-color: #000 !important; } #index .header-blanco .currency-selector .dropdown-menu, #index .header-blanco .language-selector .dropdown-menu{ border-color:#fff !important; } #index .header-negro .currency-selector .dropdown-menu, #index .header-negro .language-selector .dropdown-menu{ border-color: #000 !important; } #iqitmegamenu-horizontal .cbp-hrmenu .cbp-links li.cbp-hrsub-haslevel2 > div > a:after{ display: none !important; } .separador{ display: flex; margin-top: 30px; margin-bottom: 30px; width: 100%; height: 1.5px; background: var(--negro); } /* ARREGLAR SUBMENUS DESKTOP */ .cbp-hrsub-wrapper .cbp-hrsub-inner{ border: 1.5px solid var(--negro); } .cbp-hrsub .cbp-hrsub-inner .row.menu_row{ border: 1.5px solid var(--negro); border-left: 0px; } .currency-svg{ max-width: 33px; max-height: 34px; } @media(min-width: 992px){ #cbp-hrmenu1 ul li:last-child{ margin-bottom: 80px; } .cbp-links.cbp-category-tree li:last-child{ margin-bottom: 80px; } } @media(min-width: 1201px){ .col-xs-7.cbp-menu-column.cbp-menu-element.menu-element-id-3{ width: 42.7vw;/*71.3 cuando haya nada*/ position: fixed; right: 0; padding: 0; margin: 0; top: 61px; border-left: 1.5px solid var(--negro); } .menu-element-id-2:not(:has(ul)){ display: none; } .cbp-links.cbp-category-tree{ overflow: auto; scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE */ } .cbp-links.cbp-category-tree::-webkit-scrollbar{ width: 0; height: 0; /* esta es para la horizontal */ } .menu-element-id-2:not(:has(ul)) + .col-xs-7.cbp-menu-column.cbp-menu-element.menu-element-id-3{ width: 72.1vw; /*71.3 cuando haya nada*/ } .cbp-links.cbp-category-tree{ width: 100%; } .col-xs-5.cbp-menu-column.cbp-menu-element.menu-element-id-2 { position: relative; width: 100%; } .cbp-hrsub-wrapper .cbp-hrsub-inner{ position: fixed !important; width: 28.02vw; top: 60px; } .cbp-hrmenu-tab.cbp-hrmenu-tab-4.cbp-hropen{ position: relative; } .col-xs-5.cbp-menu-column.cbp-menu-element.menu-element-id-2 { width: 100%; } .row.menu_row.menu-element.first_rows.menu-element-id-1{ margin: 0 !important; width: 100% !important; } .cbp-hrsub.col-xs-12.cbp-show .cbp-hrsub-inner{ width: 100%; margin: 0 ; } .cbp-hrmenu-tab.cbp-hrmenu-tab-3{ width: 100% !important; } .cbp-hrmenu .cbp-links li{ padding-left: 10px; } .cbp-category-link-w a:hover .logo-fetiche{ position: relative; top: -2px; } .cbp-fade .cbp-hrsub-wrapper { transition: none; } #cbp-hrmenu1 ul{ position: fixed !important; top: 60px !important; width: 28.02vw !important; max-width: 100% !important; height: 100%; } body:not(#index) #cbp-hrmenu1 ul{ top: 59px !important; direction: rtl; } body:not(#index) #cbp-hrmenu1 > ul{ direction: ltr; } body:not(#index) #cbp-hrmenu1 ul > *{ direction: ltr; } body:not(#index) .cbp-hrsub-wrapper .cbp-hrsub-inner{ top: 59px; } body:not(#index) .col-xs-7.cbp-menu-column.cbp-menu-element.menu-element-id-3{ top: 59px; z-index: -2; } .cbp-menu-column-inner{ height: 100%; } .cbp-menu-column-inner img{ height: 100vh; object-fit:cover; } .col-xs-5.cbp-menu-column.cbp-menu-element.menu-element-id-2 { margin: 0 !important; } .cbp-hrmenu .col-xs-5{ padding: 0; } } /* ------------------------- */ .caracteristicas-container{ width:100%; padding: 0px 15px; margin-bottom: 20px; display: flex; flex-direction: column; gap: 6px; color: var(--negro); font-variant-numeric: lining-nums proportional-nums; font-family: Raleway; font-size: 16px; font-style: normal; font-weight: 500; line-height: 150%; } .caracteristicas-container .caracteristica{ display:flex; } .caracteristicas-container .caracteristica span{ display:flex; align-items:center; width:150px; } .product-miniature .thumbnail-container { width: 100%; } .product-miniature .thumbnail-container .product-thumbnail, .product-miniature .thumbnail-container .product-thumbnail iframe { width: 100%; height: auto; aspect-ratio: 599 / 912; pointer-events:none; } #product .thumb-container.js-thumb-container iframe { width: 100%; height: auto; aspect-ratio: 960 / 1460; pointer-events:none; } /* Ocultar menú móvil en escritorio */ @media (min-width: 768px) { #iqitmegamenu-mobile-content { display: none !important; } } .fa.fa-angle-down:before{ content: "" ; display: inline-block ; width: 28px ; height: 28px ; margin-right: 8px ; background-image: url("data:image/svg+xml;utf8,") ; background-size: contain ; background-repeat: no-repeat ; margin-bottom: 20px; } .fa.fa-angle-up:before{ content: "" ; display: inline-block ; width: 28px ; height: 28px ; margin-right: 8px ; background-image: url("data:image/svg+xml;utf8,") ; background-size: contain ; background-repeat: no-repeat ; margin-bottom: 20px; rotate: 180deg; } .cbp-menu-column-inner .cbp-links.cbp-category-tree{ overflow-y: scroll; scrollbar-width: auto; scrollbar-color: #888 #eee; direction: ltr !important; } .cbp-menu-column-inner .cbp-links.cbp-category-tree::-webkit-scrollbar { width: 10px; } /* Fondo (track) */ .cbp-menu-column-inner .cbp-links.cbp-category-tree::-webkit-scrollbar-track { background: transparent; /* o white */ border: 1px solid var(--negro); border-radius: 10px; } /* Thumb */ .cbp-menu-column-inner .cbp-links.cbp-category-tree::-webkit-scrollbar-thumb { background: transparent; /* o color si quieres */ border: 1px solid var(--negro); border-radius: 10px; } /* Quitar flechas */ .cbp-menu-column-inner .cbp-links.cbp-category-tree::-webkit-scrollbar-button { display: none; width: 0; height: 0; } #checkout .customer_privacy .custom-checkbox > label{ flex-direction: column; align-items: baseline; } #checkout .customer_privacy .custom-checkbox input[type="checkbox"]{ left: 0px; } #checkout .custom-checkbox input[type="checkbox"]:checked+span::before{ top: 0px; left: 4px; } #checkout .carriere-name-container{ padding-left: 0px !important; } div .menu-element-id-2:not(:has(ul)){ display: block; } #checkout .info-delivery{ font-size: 16px; } #checkout .delivery-option > label > .row{ width: 100%; } .js-product.product .product-miniature .thumbnail-container .social-sharing{ display: none; } .product-miniature .thumbnail-container .product-thumbnail img{ width: 100%; } .caracteristicas-container { display: none; } #product #active-popup { display: none; }