/* Fuentes */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/Montserrat-normal.woff2') format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Montserrat-italic';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url('../fonts/Montserrat-italic.woff2') format('woff2');
unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
body {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
line-height: 0em;
}
main {
line-height: 1.25em;
}
#main .page-header {
margin-bottom: 0rem;
}
.full_width {
margin-bottom: 50px;
width: calc(100vw - 9px);
position: relative;
margin-left: -50vw;
left: 50%;
margin-right: 0;
}
.container, .container-fluid {
max-width: 100%;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 576px) {
.container {
max-width: 100%;
width: 100%;
}
}
@media (min-width: 768px) {
.container {
max-width: 100%;
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.container {
max-width: 100%;
width: 100%;
}
}
@media (min-width: 1200px) {
.container {
width: 100%;
max-width: 100%;
padding-left: 60px;
padding-right: 60px;
}
}
@media (min-width: 1700px) {
.container {
width: 100%;
max-width: 100%;
padding-left: 200px;
padding-right: 200px;
}
}
#wrapper {
background: #fff;
}
.form-control:focus {
outline: .1875rem solid #B01E27;
}
.slider-general .products-slick .slick-arrow svg {
width: 13px;
height: 23px;
}
input.btn-primary,
.add-to-cart,
.btn.btn-primary.add-to-cart-category {
transition: 0.2s;
}
/* **************** header ********************************* */
/* ************** header fijo ************* */
main #header.header-fixed{
position: fixed;
z-index: 999;
top: 0;
left: 0;
margin: 0px auto;
width: 100%;
animation: moveUp 2s ease;
background: transparent;
box-shadow:none;
/* opacity:.9; */
opacity: 1;
}
@media (max-width: 767px) {
main #header.header-fixed{
opacity: 1;
}
}
@keyframes moveUp{
from{transform: translate(0, -215px);}
to{transform: translate(0, 0);}
}
#header {
padding-top: 8px;
background: transparent;
box-shadow:none;
line-height: 0;
padding-top: 0px;
}
#header a {
color: #FFF;
}
#header a:hover {
text-decoration: underline!important;
}
#header .top-menu a[data-depth="0"]:hover {
color: #fff;
text-decoration: none;
}
/* ************** header nav ************** */
#header{
box-shadow:none;
}
#header .header-nav {
border-bottom: #f4f4f4 0px solid;
max-height: unset;
}
#header .header-nav {
background:#0D1200;
}
#index #header .header-nav {
background: transparent;
}
main #header.header-fixed .header-nav {
background:#0D1200;
}
#index main #header.header-fixed .header-nav {
background:#0D1200;
}
#header .header-nav .header-desktop {
display: flex;
flex-wrap: wrap;
}
#header .header-nav .block-nav {
padding: 8px 0px;
}
#header .header-top {
padding: 0px;
}
.header-desktop .header-nav-left {
width: 157px;
display: flex;
align-items: center;
padding: 0px 0px 0px 15px;
}
#header .header-nav .header-desktop .right-nav {
width: calc(100% - 180px);
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
@media (min-width: 768px) and (max-width: 1300px) {
.header-desktop .header-nav-left {
padding: 0px 0px 0px 15px;
}
#header .header-nav .header-desktop .right-nav {
width: calc(100% - 180px);
justify-content: space-between;
}
}
/* header logo */
#_desktop_logo .logo,
#_mobile_logo .logo {
display: block;
}
#header .header-nav #_desktop_contact_link #contact-link,
#header .header-nav .language-selector,
#header .header-nav .user-info {
margin-top: 0;
}
#_desktop_logo img.logo {
width: 142px;
}
/* ************* header buscador **************** */
#menu-icon-desktop {
color: #fff;
}
#header #search_widget {
overflow: hidden;
}
#header #search_widget form input {
background-color: #0D1200;
border-radius: 38px;
border: 1.5px solid #fff;
line-height: 24px;
padding: 5px 20px 5px 40px;
}
#header #search_widget form input::placeholder{
color:#fff;
opacity: 1;
}
#index #header #search_widget form input {
background-color: transparent;
}
#index #header #search_widget form input::placeholder {
color:#fff;
}
#index #header #search_widget form input::-webkit-input-placeholder,
#index #header #search_widget form input:-ms-input-placeholder,
#index #header #search_widget form input::-ms-input-placeholder {
color:#fff;
}
#header #search_widget i.search{
color: #fff;
height:35px;
display:flex;
justify-content:flex-end;
align-items:center;
padding:0;
margin-left:12px;
}
#search_widget > form input[type="text"] {
color: #fff;
background-color: transparent;
border: 1px solid red;
border-radius: 0;
}
.search-widget > form input[type="text"]::placeholder {
color: #FFF;
font-size: 18px;
}
@media only screen and (min-width: 992px) {
#search_widget {
min-width: unset;
}
}
@media (min-width: 768px) and (max-width: 1299.98px) {
#search_widget {
width: 245px;
max-width: 100%;
}
}
@media (min-width: 1299.98px) and (max-width: 1375px) {
#search_widget {
width: 200px;
max-width: 100%;
}
}
/*
@media (max-width: 1299.98px) {
.block-buscador-escritorio,
.block-buscador-escritorio #search_widget {
width: 100%;
}
}
*/
@media (max-width: 767.98px) {
.block-searchmobile #search_widget {
display: none;
}
.block-searchmobile #search_widget.mostrar {
display: block;
margin-bottom: 0px;
padding: 20px 0px 0px 0px;
position: absolute;
top: 40px;
}
}
/* HEADER menú básico */
#header #_desktop_top_menu {
display: none;
}
@media (min-width: 1299.98px) {
#header #_desktop_top_menu {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-grow: 1;
}
}
/* HEADER selector idioma */
#_desktop_language_selector {
margin-right: 20px;
text-align: center;
}
.language-selector .dropdown-menu {
min-width: unset;
border-radius: 5px;
left: calc(50% - 41px);
}
.language-selector .dropdown-item {
padding: 3px 1rem;
}
#_desktop_language_selector .language-selector > button {
background-color: transparent;
}
.dropdown-toggle::after {
color: #fff;
border: 0;
content: url("data:image/svg+xml;utf8,");
width: auto;
height: auto;
}
#_desktop_language_selector .language-selector .dropdown-menu {
background-color: #fff;
border: 1px solid #000;
}
#_desktop_language_selector .language-selector .dropdown-menu .dropdown-item.active {
background-color: #B01E27;
}
@media (min-width: 768px) and (max-width: 1300px) {
#_desktop_language_selector {
margin-right: 0px;
}
}
/*
#_desktop_language_selector {
margin-right: 0px;
flex-grow: 1;
text-align: center;
}
*/
/* usuario */
#header .header-nav .user-info .account {
margin-left: 0px;
}
#header .header-nav .user-info {
margin-left: 0rem;
}
@media (min-width: 1300px) {
#header .header-nav .user-info {
margin-left: 25px;
}
}
/* carrito */
#header .header-nav .blockcart {
height: 30px;
background: transparent;
position: relative;
padding: 0;
margin-left: 0px;
}
#header .header-nav .blockcart .header {
margin-top: 0px;
}
#header .header-nav .cart-preview.active {
background: transparent;
}
#header .header-nav .header-mobile-desktop .blockcart {
padding-left: 0px;
margin-left: 0px;
}
#header .header-nav .blockcart .cart-products-count {
position: absolute;
color: #FFF;
margin-left: 5px;
top: 12px;
}
@media (min-width: 768px) {
#header .header-nav .blockcart .header {
margin-top: 6px;
}
}
@media (min-width: 1300px) {
#header .header-nav .blockcart {
margin-left: 20px;
}
}
/* ****************** header mobile ******************************** */
@media (max-width: 767.98px) {
#header .top-logo {
min-height: unset;
width: 25px;
height: 25px;
}
.mobile.header-mobile #mobile-whatsapp-link,
.mobile.header-mobile #buscador-icono-mobile,
.mobile.header-mobile #_mobile_user_info,
.mobile.header-mobile #_mobile_cart,
.mobile.header-mobile #dd_menuvertical {
width: 25px;
height: 25px;
margin: 0px;
}
.header-mobile {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
color: #fff;
padding-left: 15px;
padding-right: 15px;
}
.header-mobile .clearfix {
display: none;
}
#header .header-nav .language-selector img {
width: auto;
height: 23px;
}
#header .header-nav .blockcart .cart-products-count {
display: none;
}
#header .header-nav #_mobile_language_selector .btn.btn-sm.dropdown-toggle {
background: transparent;
padding: 0px;
}
#header .header-nav #_mobile_language_selector .dropdown-toggle::after {
display: none;
}
#dd_menuvertical > .boton {
width: 25px;
height: 25px;
padding: 0px;
}
}
/* **************** footer ********************************* */
#footer {
padding-top: 0rem;
}
#footer .link-contact img.logo {
width: 295px;
margin-top: 50px;
margin-bottom: 18px;
}
#footer .container {
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
@media (min-width: 768px) {
#footer .link-contact img.logo {
width: 470px;
margin-top: 70px;
margin-bottom: 30px;
}
#footer .container {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1200px) {
#footer .container {
padding-left: 100px;
padding-right: 100px;
}
}
@media (min-width: 1200px) and (max-width: 1700px) {
#footer .block-contact {
padding-right: 50px;
padding-left: 50px;
}
}
@media (min-width: 1700px) {
#footer .container {
padding-left: 200px;
padding-right: 200px;
}
}
.footer-container {
padding-top: 50px;
}
.footer-container .link-contact {
background: linear-gradient(0deg, rgba(176, 30, 39, 0.95) 0%, rgba(176, 30, 39, 0.95) 100%), url(../img/footer-background.jpg) lightgray 50%;
border-radius: 30px;
text-align: center;
padding-bottom: 40px;
}
.footer-container .links li {
margin-bottom: 20px;
}
.footer-container li a,
.footer-container .block-contact a {
color: #fff;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.footer-container li a:hover,
.footer-container .block-contact a:hover,
body#checkout footer a:hover {
color: #fff;
text-decoration: underline;
}
@media (min-width: 768px) {
.footer-container li a,
.footer-container .block-contact a {
font-size: 18px;
}
}
@media (min-width: 1200px) {
.footer-container {
padding-top: 80px;
}
.footer-container .link-contact {
padding-bottom: 60px;
}
.footer-container .link-contact .row {
width: 1125px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
}
/* newsletter */
.block_newsletter {
max-width: calc(100% - 25px);
height: 650px;
position: relative;
border-radius: 30px;
border: 2px solid #B01E27;
padding: 0px;
font-size: 16px;
}
.block_newsletter .newsletter-image {
padding: 0px;
}
.block_newsletter img {
max-width: 100%;
width: 272px;
height: auto;
}
.block_newsletter p#block-newsletter-label {
color: #1D1D1B;
font-size: 25px;
font-weight: 700;
line-height: 120%;
padding: 0px;
}
.block_newsletter form input {
height: 36px;
}
.block_newsletter form input[type="email"]:focus {
border: 3px #1D1D1B solid;
}
.block_newsletter form input.btn-primary {
padding: 0px 30px;
font-size: 16px;
font-weight: 700;
line-height: 24px;
width: 100%;
background-color: #1d1d1b;
border-radius: 200px;
text-transform: capitalize;
margin-top: 30px;
}
.block_newsletter form .btn-primary:hover,
.block_newsletter form .btn-primary:hover,
.block_newsletter form .btn-primary.disabled:hover,
.block_newsletter form .btn-primary:disabled:hover {
background-color: #B01E27;
border-color: #B01E27;
}
.block_newsletter p {
color: #1D1D1B;
text-align: center;
font-size: 18px;
font-weight: 500;
line-height: 120%;
}
.block_newsletter .custom-checkbox label {
color: #1D1D1B;
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
margin-top: 20px;
display: flex;
align-items: center;
}
.block_newsletter .custom-checkbox a {
color: #1D1D1B;
text-decoration: underline;
}
.block_newsletter .custom-checkbox a:hover {
color: #B01E27;
text-decoration: underline;
}
.block_newsletter form input[type="email"] {
border-radius: 200px;
border: 2px solid #1D1D1B;
background: #FFF;
padding: 11px 15px;
}
.block_newsletter form input[type="email"]:focus {
padding: 11px 33px;
}
.block_newsletter .custom-checkbox input[type="checkbox"] + span {
border: 2px #000 solid;
border-radius: 3px;
}
.block_newsletter input::placeholder,
.block_newsletter textarea::placeholder {
color: #1D1D1B;
}
.block_newsletter .newsletter-form {
margin-top: 20px;
}
@media (min-width: 768px) {
.block_newsletter {
height: 409px;
}
.block_newsletter img {
width: 345px;
border-radius: 28px;
}
}
@media (min-width: 1200px) {
.block_newsletter {
height: 246px;
position: relative;
padding: 71px 60px 71px 0;
max-width: calc(100% - 30px);
}
.block_newsletter .newsletter-image {
position: absolute;
left: 0;
bottom: 0;
padding: 0px;
}
.block_newsletter .newsletter-title-form {
margin-left: 25%;
}
.block_newsletter .newsletter-form {
margin-top: 5px;
}
.block_newsletter .newsletter-input {
display: flex;
}
.block_newsletter .newsletter-input .input-wrapper {
width: 100%;
}
.block_newsletter form input.btn-primary {
width: 131px;
margin-top: 0px;
}
.block_newsletter p#block-newsletter-label {
font-size: 30px;
text-align: left;
}
.block_newsletter p {
font-size: 20px;
text-align: left;
}
}
@media (max-width: 1199.98px) {
.block_newsletter .newsletter-title-form {
display: flex;
flex-wrap: wrap;
justify-content: center;
height: 391px;
flex-direction: column;
}
}
@media (max-width: 767.98px) {
.block_newsletter {
display: flex;
flex-wrap: wrap;
}
.block_newsletter .newsletter-title-form {
order: -1;
}
}
/* social */
.block-social ul {
justify-content: center;
margin-bottom: 50px;
}
.block-social ul li {
border-radius: 40px;
background-color: transparent;
margin-right: 26px;
}
.block-social ul li.facebook {
background-image: url(../css/facebook.svg);
}
.block-social ul li.instagram {
background-image: url(../css/instagram.svg);
}
.block-social ul li.facebook:hover {
background-image: url(../css/facebook-hover.svg);
}
.block-social ul li.instagram:hover {
background-image: url(../css/instagram-hover.svg);
}
.block-social ul li a {
background: transparent;
}
.block-social ul li:hover {
background-color: transparent;
}
.block-contact a {
color: #fff;
}
@media (min-width: 768px) {
.block-social ul {
margin-bottom: 80px;
}
}
@media (max-width: 767px) {
.block-social ul li {
margin-bottom: 0rem;
margin-right: 26px;
}
}
/* link list */
@media (max-width: 767px) {
.footer-container .links ul {
background-color: transparent;
}
.footer-container .links ul > li {
border-bottom: 0px solid #fff;
}
.footer-container .links ul > li a {
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
.footer-container .links li {
margin-bottom: 0px;
}
}
/* footer after */
#footer .divider-line {
display: flex;
align-items: center;
justify-content: center;
margin: 50px 0;
}
#footer .line {
flex-grow: 1;
height: 2px;
background-color: #aa1d23;
border: none;
}
#footer .linea-ancha {
width: 62px;
height: 62px;
margin: 0 50px;
border-radius: 50%;
border: 0px solid #aa1d23;
padding: 4px;
border-radius: 50%;
padding: 4px;
}
@media (min-width: 768px) {
#footer .linea-ancha {
margin: 0 80px;
}
}
@media (min-width: 1200px) {
#footer .divider-line {
width: 100vw;
margin: 80px 0 80px -200px;
}
}
/* footer ayudas y copyright */
.footer-container .row {
margin-right: 0px;
margin-left: 0px;
}
.img-simple {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-right
}
.img-doble {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.img-simple img,
.img-doble img {
margin-bottom: 20px;
object-fit: contain;
padding: 0px 10px;
}
.footer-container p {
color: #333;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 21px;
text-align: center;
}
.footer-design a {
color: #000;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px;
}
/* ***************************** home **************************** */
#dd_inicioproductosdestacados .products-slick .slick-arrow svg path {
stroke: #fff;
}
#dd_inicioproductosdestacados article .h3.product-title,
#dd_inicioproductosdestacados .product-miniature .product-price-and-shipping,
#dd_inicioproductosdestacados .product-miniature .regular-price {
color: #FFF;
}
#dd_inicioproductosdestacados .product-miniature .btn.btn-primary.add-to-cart-category {
width: 100%;
background: #fff;
border-radius: 200px;
color: #000;
text-transform: none;
}
.slider-general .slick-dots {
bottom: -50px;
}
.slider-general .slick-dots li button {
background: #fff;
border: 1px solid #000;
}
.slider-general .slick-dots li button::before {
color: transparent;
}
.slider-general .slick-dots li.slick-active button {
background-color: #B01E27;
border: 0px solid #FFF;
}
#dd_inicioproductosdestacados.slider-general .slick-dots li button {
border: 1px solid #FFF;
}
#dd_inicioproductosdestacados.slider-general .slick-dots li.slick-active button {
border: 1px solid #FFF;
}
@media (max-width: 1199.98px) {
#index .products-slick .slick-arrow {
display: none;
}
}
/* ***************************** migas de pan **************************** */
.breadcrumb {
margin-bottom: 2rem;
}
.breadcrumb li {
color: #1D1D1B;
text-align: center;
font-size: 16px;
font-weight: 500;
line-height: 120%;
}
#wrapper .breadcrumb li:last-child {
color: #1D1D1B;
font-weight: 700;
}
@media (min-width: 768px) {
.breadcrumb {
margin-bottom: 3rem;
}
}
/* ***************************** categoria **************************** */
#category .block-category h1 {
font-size: 40px;
font-weight: 300;
line-height: 120%;
text-transform: unset;
}
#category .block-category img {
max-width: 100%;
width: 100%;
height: auto;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
#category #js-product-list-header .col-lg-6,
#category .block-category {
padding: 0px;
}
.category-cover.cover-noempty {
/* background-image: url('../../../../img/c/categoria-default.webp'); */
background-image: url('../../../../img/c/fondo-banner-categorias.webp');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
#category #js-product-list-footer {
margin-bottom: 150px;
}
@media (min-width: 768px) {
#category .block-category h1 {
font-size: 45px;
}
}
@media (min-width: 1200px) {
#category .block-category {
display: flex;
align-items: center;
}
#category #js-product-list-footer {
margin-bottom: 200px;
}
}
/* ***************************** filtro ********************************** */
/* bordes */
.btn.compact-toggle.external {
width: calc( 100% - 30px);
border-radius: 200px;
background: #1D1D1B;
margin: 0px 15px 30px 15px;
}
.horizontal-layout .af_subtitle,
.horizontal-layout .has-selection .af_subtitle {
border-color: #B01E27;
color: #B01E27;
border-radius: 300px;
}
.horizontal-layout .closed .af_subtitle {
border-color: #1D1D1B;
color: #1D1D1B;
}
.horizontal-layout .af_filter_content {
border: 1.5px solid #1D1D1B;
margin-top: 6px;
border-radius: 20px;
}
.horizontal-layout .closed .af_filter_content {
border: 1.5px solid #1D1D1B;
}
.horizontal-layout .af_subtitle.toggle-content::before,
.horizontal-layout .has-selection .af_subtitle.toggle-content::before {
border: 1.5px solid #B01E27;
border-width: 2px 0px 0px 2px;
}
.closed .af_subtitle.toggle-content::before,
.horizontal-layout .has-selection.closed .af_subtitle.toggle-content::before {
border: 2px solid #1D1D1B;
border-width: 0px 2px 2px 0px;
}
.horizontal-layout .has-selection .af_filter_content {
border-color: #1D1D1B;
}
.horizontal-layout .has-selection .af_subtitle {
color: #1D1D1B;
}
/* filtro botón filtrar móbil */
.btn.compact-toggle.external {
display: flex;
justify-content: center;
text-transform: none;
}
.compact-toggle.type-1 .compact-toggle-icon {
order: 2;
margin-left: 12px;
}
/* filtro en mobile */
.af_filter {
border-bottom: 0px solid #D0D5DB;
margin-bottom: 20px;
}
.af_subtitle.toggle-content {
border-radius: 300px;
border: 1px solid #B01E27;
color: #B01E27;
padding: 10px 30px;
line-height: 20px;
}
.closed .af_subtitle.toggle-content {
color: #1D1D1B;
border: 1px solid #1D1D1B;
padding: 10px 30px;
font-size: 16px;
}
.af_filter_content {
border: 1.5px solid #1D1D1B;
margin-top: 6px;
border-radius: 20px;
padding: 20px;
}
#amazzing_filter.horizontal-layout .af_subtitle {
font-size: 16px;
text-transform: capitalize;
border: 1.5px solid;
}
.af_subtitle.toggle-content::before {
border: 2px solid #B01E27;
border-width: 2px 0px 0px 2px;
right: 30px;
}
.af_filter label {
font-size: 16px;
}
.horizontal-layout .af_subtitle.toggle-content::before {
right: 30px;
}
.active .af-checkbox-label::after,
.active .af-radio-label::after {
content: '';
width: 16px;
height: 16px;
left: -1px;
top: 4px;
position: absolute;
border-radius: 5px;
background-image: url('check.svg');
background-size: contain;
}
.selectedFilters.inline .cf {
padding: 10px 20px;
border-radius: 20px;
}
.foldered .af-toggle-child::after {
color: #B01E27;
}
.af_filter .count {
color: #1D1D1B;
}
.selectedFilters.inline .clearAll {
padding: 10px 20px;
border-radius: 10px;
}
#amazzing_filter.compact-offset-left .compact-close::after {
display: none;
}
.has-compact-filter #amazzing_filter .title_block {
background: #fff;
height: 40px;
padding: 5px 0px;
}
#amazzing_filter .compact-close {
padding: 20px 30px;
}
#amazzing_filter .filtrarpor {
color: #1D1D1B;
font-size: 20px;
font-weight: 700;
line-height: 130%;
}
@media (min-width: 992px) {
.btn.compact-toggle.external {
display: none;
}
.active .af-checkbox-label::after, .active .af-radio-label::after {
left: 19px;
top: 11px;
}
}
@media (max-width: 991.98px) {
#amazzing_filter .viewFilteredProducts {
color: #fff;
border-radius: 200px;
background: #1D1D1B;
}
}
/* fin */
/* ordenar y total productos */
.total-products p,
.sort-by-row {
color: #1D1D1B;
}
.brands-sort .select-title,
.products-sort-order .select-title,
.suppliers-sort .select-title {
border: 1.5px solid #1D1D1B;
border-radius: 300px;
padding: 10px 20px;
}
.products-sort-order .dropdown-menu {
width: calc(100% - 30px);
border-radius: 20px;
border: 1.5px solid #1D1D1B;
background: #fff;
}
.horizontal-layout .af_filter_content {
padding: 10px 0px;
}
.horizontal-layout .af_filter_content > ul {
padding: 0px;
margin: 0 0px;
}
.horizontal-layout .af_filter_content > ul li {
padding: 10px 20px;
}
.brands-sort .select-list:hover,
.products-sort-order .select-list:hover,
.suppliers-sort .select-list:hover {
color: #B01E27;
background: transparent;
}
.brands-sort .dropdown-menu,
.products-sort-order .dropdown-menu,
.suppliers-sort .dropdown-menu {
margin-top: 7px;
}
.btn-unstyle.select-title.select-title::after,
.btn-unstyle.select-title[aria-expanded="false"]::after {
content: "";
position: absolute;
right: 45px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 7px;
height: 7px;
border: 1.5px solid #1D1D1B;
border-width: 0px 2px 2px 0px;
}
.btn-unstyle.select-title[aria-expanded="true"]::after {
transform: translateY(-50%) rotate(-135deg);
border-color: #B01E27;
}
.btn-unstyle.select-title[aria-expanded="true"] {
color: #B01E27;
border-color: #B01E27;
}
.btn-unstyle.select-title i {
display: none;
}
/* subcategorias */
#subcategories {
border-top: 0px solid #f6f6f6;
padding: 0px;
}
#subcategories ul {
justify-content: center;
margin: 0 0 0 0px;
}
#subcategories ul li {
width: 100%;
min-width: unset;
text-align: center;
max-width: 100%;
margin: 0px 0px 40px 0px;
padding: 0px 0px;
}
#subcategories ul li a {
display: flex;
flex-direction: column;
text-align: center;
color: #fff;
padding: 0px;
border: 2px solid #fff;
border-radius: 20px;
}
#subcategories ul li:hover a {
border: 2px solid #1D1D1B;
border-radius: 20px;
}
#subcategories ul li .subcategory-image {
position: relative;
overflow: hidden;
border-radius: 5px;
}
#subcategories ul li .subcategory-image a {
padding: 0px;
border: 0px solid #f6f6f6;
}
#subcategories ul li:hover .subcategory-image a {
padding: 0px;
border: 0px solid #24b9d7;
}
#subcategories ul li .subcategory-image a img {
border-radius: 8px;
}
#subcategories ul li h2 {
border-radius: 300px;
background: #B01E27;
padding: 10px;
color: #fff;
text-align: center;
font-size: 18px;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
min-height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
#subcategories ul li:hover h2 {
transition: background-color 0.3s ease 0.1s;
background: #000;
}
@media (min-width: 768px) {
#subcategories ul li {
width: calc(100%/2 - 0px);
}
#subcategories ul li {
padding: 0px 10px;
}
#subcategories ul li a {
padding: 20px;
}
#subcategories ul li:nth-child(4n+1) {
padding-left: 0;
}
#subcategories ul li:nth-child(4n) {
padding-right: 0;
}
}
@media (min-width: 1200px) {
#subcategories ul li {
width: calc(100%/4 - 0px);
}
#subcategories ul li h2 {
font-size: 21px;
}
}
/* Miniaturas de productos */
.product-miniature {
border-radius: 15px;
transition: 0.4s;
}
.products .js-product.product {
margin-bottom: 50px;
}
.product-miniature .thumbnail-top {
margin-top: 20px;
}
.product-miniature .thumbnail-container {
background: transparent;
padding: 0 20px;
transition: 0.4s;
}
.product-miniature .thumbnail-container a {
padding-bottom: 0px;
}
.product-miniature .thumbnail-container img {
border-radius: 15px;
}
.product-miniature:hover .thumbnail-container img {
transform: scale(1.2);
transition: 0.4s;
}
.product-miniature .product-description {
background: transparent;
display: flex;
flex-direction: column;
/* height: 150px; */
height: auto;
overflow: hidden;
justify-content: space-between;
transition: 0.4s;
}
article .h3.product-title {
color: #1D1D1B;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 19.2px;
height: 60px;
overflow: hidden;
}
.product-miniature .product-price-and-shipping {
font-weight: 700;
color: #1D1D1B;
text-align: center;
display: flex;
justify-content: center;
flex-direction: column;
}
.product-miniature .product-price-and-shipping .regular-price {
opacity: 0.5;
font-size: 20px;
font-weight: 700;
line-height: 110%;
text-decoration-line: line-through;
}
.product-miniature:hover .product-price-and-shipping .regular-price {
color: #C3C3C3;
opacity: 1;
}
.product-miniature .product-price-and-shipping .regular-price span {
font-size: 16px;
}
.product-miniature .product-price-and-shipping .price {
font-size: 30px;
line-height: 110%;
}
.product-miniature .product-price-and-shipping .price p{
color: #B01E27;
}
.product-miniature .product-price-and-shipping .price .price-tax-inc {
margin-left: 10px;
}
.product-miniature .message-available {
color: #008819;
text-align: center;
font-size: 15px;
font-weight: 500;
line-height: 16.726px;
margin: 12px 0px;
}
#index #dd_inicioproductosdestacados .product-miniature .message-available {
color: #fff;
}
.product-miniature .message-available {
margin: 12px 0px;
}
.product-miniature .btn.btn-primary.add-to-cart-category {
width: 100%;
background: #000;
border-radius: 200px;
text-transform: unset;
transition: 0.4s;
}
.product-miniature .highlighted-informations,
.product-miniature .highlighted-informations .quick-view {
display: none;
}
.product-miniature:hover {
background: #000;
transition: 0.4s;
}
.product-miniature:hover .thumbnail-top {
border-radius: 15px;
transition: 0.4s;
}
article:hover .h3.product-title {
color: #fff;
}
.product-miniature:hover .product-price-and-shipping {
color: #fff;
}
#product .product-miniature:hover span {
color: #fff;
}
.product-miniature:hover .btn.btn-primary.add-to-cart-category {
background: #fff;
color: #000;
transition: 0.4s;
}
.product-miniature:hover .btn.btn-primary.add-to-cart-category:hover,
#dd_inicioproductosdestacados .product-miniature:hover .btn.btn-primary.add-to-cart-category:hover {
background: #B01E27;
color: #fff;
transition: 0.4s;
}
.product-miniature .btn.btn-primary.add-to-cart-category i {
display: none;
}
@media (min-width: 768px) {
#index .product-miniature {
margin: 0 10px;
}
}
@media (min-width: 1200px) {
#category .products .js-product.product,
#module-ambjolisearch-jolisearch .products .js-product.product {
width: 20%;
}
}
/* banderas miniaturas */
.product-miniature .product-flags {
top: 2px;
}
.product-miniature .product-flags li.product-flag {
border-radius: 0 22px 22px 0;
padding: 3px 22px 3px 22px;
min-width: unset;
min-height: unset;
width: max-content;
}
.product-flags li.product-flag.on-sale {
text-align: center;
background: #D50059;
width: max-content;
margin-top: 0.625rem!important;
}
.product-flags li.product-flag.discount {
display: none;
background: #008819;
}
.product-flags li.product-flag.out_of_stock {
background: #393939;
}
.product-miniature .product-flags li.product-flag.discount {
display: none;
}
/* volver arriba en mobile */
#products .up .btn-secondary {
display: none;
}
/* descripcion larga */
.category-additional-description p {
color:#262626;
font-size: 18px;
font-weight: 400;
line-height: 150%;
}
/* slider */
.products.slide {
display: flex;
flex-direction: row;
flex-wrap: wrap;
position: relative;
}
.slick-list {
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-initialized .slick-slide {
display: block;
float: left;
height: 100%;
min-height: 1px;
}
/* slider flechas */
.icon-next {
right: 0;
transform: translateX(100%);
}
.icon-prev {
left: 0;
transform: translateX(-100%);
}
.icon-next:focus {
box-shadow: unset
}
.icon-prev:focus {
box-shadow: unset
}
.icon-next i {
background: 0 0;
color: #404141
}
.icon-prev i {
background: 0 0;
color: #404141
}
.slick-arrow {
position: absolute;
top: 0;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
z-index: 1;
padding-right: 0;
padding-left: 0
}
.slick-initialized .slick-arrow>i {
font-size: 22px
}
.slick-initialized span > i {
cursor: pointer;
transform: scale(1.5);
color: #24b9d7;
transition: color 0.15s ease;
}
.slick-initialized span > i:hover {
color: #18798d;
}
.slick-initialized span > i:active {
color: #1d93ab;
}
/* slider dots */
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: 0 0
}
.slick-dots li button::before {
font-family: slick;
font-size: 12px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: 1;
color: #000
}
.slick-dots li.slick-active button::before {
color: #ff811c;
opacity: 1
}
.featured-products .products.slick-slider {
position: relative;
}
/* slider general */
.slider-general .products-slick .slick-prev {
left: 0%;
}
.slider-general .products-slick .slick-next {
right: 0%;
}
.slider-general .products-slick .slick-arrow {
width: 30px;
height: 30px;
}
.slider-general .products-slick .slick-arrow > i, .slider-general .products-slick .slick-arrow svg {
width: 30px;
height: 30px;
}
@media (min-width: 1200px) {
#product .slider-general .products-slick .slick-arrow {
top: 50%;
}
}
/* ***** NEWSLETTER ******** */
/* ************ authentication ******************* */
#authentication .tab-account {
display: flex;
flex-wrap: wrap;
margin-right: 0px;
margin-left: 0px;
}
#authentication .tab-account > div,
#authentication .tab-account > div a {
text-align: center;
font-size: 18px;
font-weight: 700;
color: #2F2D3C;
text-transform: uppercase;
}
#authentication .tab-accoun-left {
background-color: #DBE6E0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 16px;
}
#authentication .tab-accoun-right {
background-color: #DBE6E0;
padding: 0px;
}
#authentication .tab-accoun-right a {
padding: 16px;
background-color: #FFF9F4;
border-bottom-left-radius: 10px;
width: 100%;
display: block;
}
/* Login */
/* Login -> Header */
#authentication #main > header > h1 {
text-align: center;
font-weight: 400;
font-size: 30px;
margin-bottom: 30px;
margin-top: 40px;
}
/* Login -> Layout, tamaño, colores, textos del form */
#registration .form-control,
#authentication .form-control{
background-color: #fff;
background: #fff;
color: #1d1d1b;
}
#authentication .form-control::placeholder,
#registration .form-control::placeholder {
color: #1d1d1b;
opacity: 1;
font-size: 16px;
font-weight: 700;
}
#authentication .input-group.focus {
outline:none;
}
#registration #content.page-content.card.card-block,
#authentication #content.page-content.card.card-block {
width: 100%;
max-width: 500px;
background: transparent;
padding:0;
}
#authentication #content > section.login-form{
border-radius: 10px;
border-top-left-radius: 0px;
padding: 15px 0px;
margin-top: 0;
}
#authentication #login-form > div > div.form-group.row{
display: flex;
flex-direction: column;
}
#authentication #login-form > div > div.form-group.row > label{
text-align: left;
white-space: wrap;
color: #2F2D3C;
font-weight: 500;
font-size: 18px;
}
#authentication .custom-checkbox span {
flex: unset;
}
#authentication #main .page-content,
#registration #main .page-content {
margin-bottom: 0rem;
}
#authentication #main .page-footer,
#registration #main .page-footer {
margin-bottom: 0rem;
}
@media(min-width:480px){
#authentication #login-form > div > div.form-group.row > label{
white-space: nowrap;
}
}
#authentication #login-form > div > div.form-group.row > div.col-md-6.js-input-column{
width: 100%;
}
#authentication #field-password,
#authentication #field-email{
border-radius: 51px;
border: 2px solid #2F2D3C;
}
#authentication #login-form > div > div:nth-child(3) > div.col-md-6.js-input-column > div{
outline: unset;
}
#authentication #field-email:focus,
#authentication #field-password:focus{
outline: none;
}
#authentication #content .forgot-password{
text-align: left;
text-decoration: underline;
}
#authentication #content .forgot-password > a{
color: #2F2D3C;
font-weight: 500;
font-size: 16px;
}
#authentication #content .forgot-password > a:hover {
text-decoration: underline;
color: #B01E27;
}
#authentication #submit-login{
text-transform: unset;
color: #FFF;
background-color: #1D1D1B;
border-radius: 20px;
font-size: 16px;
font-weight: 700;
line-height: 24px;
}
#authentication #submit-login:hover {
background-color: #B01E27;
}
/* Login y Registro -> Para el ojo de mostrar contraseña */
#registration #field-password + .input-group-btn > .btn,
#authentication #field-password + .input-group-btn > .btn { /* Closed eye */
font-size:0;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
display: flex;
align-items: center;
z-index: 99;
width: 24px;
height: 24px;
border: none;
background: url('data:image/svg+xml;utf8,') no-repeat center center;
background-size: contain;
cursor: pointer;
outline: none;
}
#registration #field-password[type="password"] + .input-group-btn > .btn,
#authentication #field-password[type="password"] + .input-group-btn > .btn { /* Open eye */
background: url('data:image/svg+xml;utf8,') no-repeat center center;
}
#login-form > footer{
margin-top: 20px;
margin-bottom: 15px;
text-align: center;
}
/* Login -> Para el mensaje de "¿No tienes cuenta?" */
#authentication #content > hr {
display: none;
}
#authentication #content > div {
margin-top: 40px;
}
#authentication #content > div > a{
color: #2F2D3C;
font-weight: 500;
font-size: 16px;
}
#authentication #content > div > a:hover {
text-decoration: underline;
color: #B01E27;
}
#authentication #submit-login {
width: 100%;
transition: 0.4s;
}
.page-customer-account #content .no-account {
margin-bottom: 100px;
}
.page-customer-account #content .no-account span {
text-decoration: underline;
}
@media (min-width: 768px) {
#authentication #main > header > h1 {
font-size: 35px;
margin-bottom: 50px;
}
.page-customer-account #content .no-account {
margin-bottom: 150px;
}
}
@media (min-width: 1200px) {
#authentication #main > header > h1 {
font-size: 40px;
margin-top: 60px;
}
.page-customer-account #content .no-account {
margin-bottom: 200px;
}
}
/* Registro */
/* Registro -> Header */
#registration #main > header > h1 {
text-align: center;
font-weight: 400;
font-size: 30px;
margin-bottom: 30px;
margin-top: 40px;
}
/* Registro -> Layout, tamaño, colores, textos del form */
#registration #customer-form{
padding: 20px 0px;
}
#registration #content > section > p,
#registration #content > section > p > a {
display: flex;
flex-direction: column;
align-items: center;
color: #2F2D3C;
font-weight: 500;
font-size: 16px;
line-height: 140%;
}
#registration #content > section > p > a {
text-decoration: underline;
}
#registration #content > section > p > a:hover {
text-decoration-line: underline;
color: #B01E27;
}
#registration #content > section > p {
margin-bottom: 50px;
}
#registration #customer-form > div > div.form-group.row,
#registration #customer-form > div > div.field-password-policy > div.form-group.row {
display: flex;
flex-direction: column;
}
#registration #customer-form > div > div.form-group {
margin-bottom: 1.5rem;
}
#registration #customer-form > div > div.form-group input {
margin-bottom: 0.5rem;
}
#registration #customer-form > div > div > label,
#registration #customer-form > div > div.field-password-policy > div > label{
text-align: left;
white-space: wrap;
font-weight: 600;
font-size: 18px;
padding:0;
}
#registration #customer-form > div > div > label,
#registration .field-password-policy label {
display: none;
}
#registration #customer-form > div > div > div.col-md-6.js-input-column,
#registration #customer-form > div > div.field-password-policy > div > div.col-md-6.js-input-column {
width: 100%;
padding:0;
}
#registration #field-birthday,
#registration #field-lastname,
#registration #field-firstname,
#registration #field-email,
#registration #field-password,
#registration #field-company,
#registration #field-siret{
border-radius: 51px;
border: 2px solid #1D1D1B;
}
#registration #field-birthday:focus,
#registration #field-lastname:focus,
#registration #field-firstname:focus,
#registration #field-email:focus,
#registration #field-password:focus,
#registration #field-company:focus,
#registration #field-siret:focus,
#registration .input-group.focus {
outline: none;
}
#registration #customer-form > div > div.field-password-policy > div > div.col-md-6.js-input-column > div.input-group.js-parent-focus{
outline: unset;
}
#registration .form-group .form-control-comment {
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #000;
}
#registration .form-group .js-input-column .form-control-comment {
padding-left: 0px;
padding-right: 0px;
}
/* Registro -> Fecha de nacimiento*/
#registration #customer-form > div > div:nth-child(6) > div.col-md-3.form-control-comment{
display: none;
}
/* Registro -> Aceptar política, suscripción boletín, etc... */
#registration #customer-form > div > div:nth-child(n+7){
margin-bottom:0;
margin-top:0;
}
#registration #customer-form a {
color: #1D1D1B;
text-decoration-line: underline;
}
#registration #customer-form a:hover {
color: #B01E27;
}
#registration #customer-form em {
padding-left: 30px;
display: block;
font-weight: 400;
}
.custom-checkbox input[type="checkbox"] + span {
border: 1px #000 solid;
border-radius: 3px;
}
#registration #customer-form > div > div:nth-child(n+7) > div > span > label,
#registration #customer-form > div > div:nth-child(8) > div.col-md-6.js-input-column > span > label > a > strong{
color: #1D1D1B;
font-weight: 500;
line-height: 140%;
font-size: 16px;
left: 0px;
padding-left: 0px;
}
#registration #customer-form > div > div:nth-child(8) > div.col-md-6.js-input-column > span > label > a > strong{
text-decoration: underline;
font-weight: 700;
}
#registration .radio-inline > span,
#registration #customer-form > div > div:nth-child(n+7) > div.col-md-6.js-input-column > span > label > span{
border: 2px solid #1D1D1B;
}
#registration .custom-radio input[type=radio]:checked+span{
top: .1rem;
left: .05rem;
}
/* Registro -> Botón Crear cuenta */
#registration #customer-form > footer{
margin-top: 30px;
margin-bottom: 80px;
display: flex;
flex-direction: column;
align-items: center;
}
#registration .form-control-submit{
float: unset !important;
text-transform: unset;
color: #FFF;
background-color: #1D1D1B;
border-radius: 50px;
border: 1px solid #1D1D1B;
padding: 13px 50px
width: 100%;
transition: 0.4s;
}
#registration .form-control-submit:hover {
color: #000;
background-color: #FFF;
border-radius: 20px;
border: 1px solid #1D1D1B;
}
@media(min-width:480px) {
#registration #customer-form > div > div > label,
#registration #customer-form > div > div.field-password-policy > div > label{
white-space: nowrap;
}
}
@media (min-width: 768px) {
#authentication #main > header > h1 {
font-size: 35px;
margin-bottom: 50px;
}
#registration #customer-form > footer{
margin-top: 50px;
margin-bottom: 130px;
}
}
@media (min-width: 1200px) {
#registration #main > header > h1 {
font-size: 40px;
margin-top: 60px;
}
#registration #customer-form > footer{
margin-bottom: 180px;
}
}
/* ************************ url producto ********************* */
#product #product-modal .modal-content .modal-body .product-cover-modal,
#product .product-cover img {
border-radius: 30px;
border: 1.5px solid var(--NEGRO, #1D1D1B);
}
#product .product-images > li.thumb-container .thumb.selected,
#product .product-images > li.thumb-container .thumb:hover {
border: #24b9d7 3px solid;
border: 2px solid #B01E27;
border-radius: 10px;
}
#product .product-cover .layer {
border-radius: 30px;
}
#product #content .product-flags {
top: 15px;
}
#product #content {
max-width: unset;
}
#product h1 {
color: #1D1D1B;
font-size: 23px;;
font-weight: 700;
line-height: 130%;
}
#product .product-discount .regular-price {
font-size: 27px;
font-weight: 700;
line-height: 110%;
}
#product .has-discount.product-price,
#product .current-price-value span.price-tax-excl {
color: #1D1D1B;
font-size: 41px;
font-weight: 700;
line-height: 110%;
}
#product .current-price-value {
display: flex;
flex-direction: column;
}
#product .current-price-value p {
color: var(--COLOR-CORPORATIVO, #B01E27);
text-align: left;
font-family: Figtree;
font-size: 22.5px;
font-style: normal;
font-weight: 600;
line-height: 110%; /* 24.75px */
letter-spacing: 0.45px;
margin-top: 15px;
}
#product .current-price-value .price-tax-inc {
margin-left: 10px;
}
#product .has-discount.product-price {
width: 100%;
}
#product .has-discount.product-price .current-price {
display: flex;
justify-content: space-between;
}
#product a.module-ayuda2:focus {
color: #fff;
text-decoration: unset;
}
@media (max-width: 767.98px) {
#product .has-discount.product-price .current-price {
display: block;
}
#product .module-ayuda2 {
margin-left: 0px;
margin-top: 10px;
width: 230px;
justify-content: center;
}
}
#product .product-information .product-description {
color: #1D1D1B;
font-size: 16px;
font-weight: 500;
line-height: 150%;
margin-bottom: 30px;
}
#product .product-information .product-description a {
color: #1D1D1B;
text-decoration: underline;
}
#product .product-condition span {
color: #fff;
padding: 5px 23px;
border-radius: 30px;
background: #008819;
margin-left: 8px;
}
#product .product-shipping-cost {
margin: 15px 0px;
}
#product .product-variants.js-product-variants {
margin: 40px 0px;
}
#product .product-variants-item {
display: flex;
align-items: center;
flex-direction: row;
gap: 15px;
}
#product .product-variants-item span.control-label {
width: fit-content;
margin: 0;
}
#product .product-variants > .product-variants-item select {
width: fit-content;
margin: 0;
margin-right: 0px;
align-self: flex-start;
padding-right: 100px;
max-width: 75%;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 30px;
border-color: #1D1D1B;
margin-right: 20px;
}
#product .product-variants ul label {
margin-bottom: 0px;
}
#product .product-variants ul label span {
border-radius: 30px;
}
#product .product-quantity .qty {
border: 2px solid #B01E27;
border-radius: 43px;
}
#product .product-quantity input#quantity_wanted {
border: 0;
width: 3rem;
color: #081B68;
}
#product .product-quantity .qty .input-group-btn.input-group-prepend,
#product .product-quantity .qty .input-group-btn.input-group-append {
width: auto;
height: auto;
}
#product .product-quantity .qty .input-group-btn.input-group-prepend button.btn.js-touchspin,
#product .product-quantity .qty .input-group-btn.input-group-append button.btn.js-touchspin {
background: transparent;
color: #1D1D1B;
font-weight: 700;
/*font-size: 16px;*/
font-size: 22px;
padding: 6px 20px;
}
#product .product-quantity .input-group-btn-vertical {
display: none;
}
#product .product-quantity input#quantity_wanted {
border: 0;
color: #081B68;
width: 3rem;
height: 41px;
border-color: #081B68;
border-radius: 43px;
text-align: center;
color: #1D1D1B;
font-size: 20px;
font-weight: 600;
}
#product .product-actions .add-to-cart {
display: flex;
align-items: center;
text-transform: none;
background-color: #000;
border-radius: 25px;
font-size: 16px;
width: max-content;
padding: 0px 1.35rem 0px 0px;
transition: 0.2s;
}
#product .product-actions .add-to-cart:hover {
background-color: #B01E27;
transition: 0.2s;
}
#product .product-actions .add-to-cart span {
padding: 0.5rem 1.35rem;
color: #fff;
font-weight: 700;
}
#product .social-sharing li {
background-color: #1D1D1B;
}
#product .social-sharing li.whatsapp {
background-color: transparent;
}
#product .whatsapp.icon-gray:hover,
#product .whatsapp::before {
background-image: url(../css/icon-whatsapp.svg);
}
#product .whatsapp.icon-gray {
background-image: url(../css/icon-whatsapp.svg);
}
#product .whatsapp::before {
content: "";
}
#product .gdpr_consent a {
color: #000;
text-decoration: underline;
}
#product .gdpr_consent a:hover {
color: #B01E27;
text-decoration: underline;
}
#product .js-mailalert input.form-control {
border-radius: 20px;
background: #fff;
border: 1px solid #000;
}
#product .js-mailalert .btn-primary.js-mailalert-add {
border-radius: 20px;
background: #000;
border: 1px solid #000;
text-transform: unset;
}
#product .tabs {
padding: 1.25rem 0rem;
}
@media (min-width: 1200px) {
#product .tabs {
width: 1058px;
margin-right: auto;
margin-left: auto;
}
}
#product .tabs .nav-tabs {
border-bottom: #B01E27 3px solid;
}
#product .nav-tabs .nav-link {
padding-left: 0px;
}
#product .tabs .nav-tabs .nav-link.active,
#product .tabs .nav-tabs .nav-link:hover {
color: #B01E27;
font-size: 25px;
font-weight: 600;
line-height: 150%;
border-bottom: #B01E27 2px solid;
}
#product .product-information,
#product .tabs,
#product .product-information div,
#product .tabs div,
#product .product-information p,
#product .tabs p,
#product .product-information p span,
#product .tabs p span,
#product .product-information span,
#product .product-information .product-variants span,
#product .tabs span {
font-size: 16px;
color: #000;
font-weight: 400;
line-height: 150%;
}
#product .product-information span {
color: #FFF;
}
#product .product-information .product-description span {
color: #000;
}
#product .product-information .product-additional-info span {
color: #000;
}
#product .product-information .product-variants ul {
margin-bottom: 0px;
}
#product .product-information span#product-availability {
color: #000;
}
#product .product-information span.delivery-information {
color: #008819;
font-size: 16px;
font-weight: 600;
border-radius: 30px;
border: 1.5px solid #008819;
padding: 5px 23px;
}
#product .product-information .product-description ul li,
#product .tabs .product-description ul li {
display: block;
}
#product .product-information .product-shipping-cost {
display: flex;
align-items: center;
}
#product .product-information .product-shipping-cost span {
color: #000;
font-weight: 700;
padding: 5px 23px;
}
#product .product-information .product-shipping-cost span:nth-of-type(2) {
color: #000;
font-weight: 700;
padding: 0px;
}
#product .product-information .product-shipping-cost p {
border-radius: 30px;
background: #D50059;
color: #fff;
padding: 5px 23px;
margin-left: 10px;
margin-bottom: 0px;
}
#product .product-accessories,
#product .featured-products {
margin-top: 100px;
}
#product .product-accessories h2,
#product .featured-products h2 {
color: #1D1D1B;
text-align: center;
font-size: 35px;
font-weight: 500;
line-height: 120%;
margin-bottom: 20px
}
#product .product-accessories {
position: relative;
}
#product .tabs .product-description a {
color: #000;
text-decoration: underline;
}
@media (min-width: 768px) {
#product h1 {
font-size: 25px;
}
#product .product-information .product-description {
margin-bottom: 40px;
}
#product .product-description .product-description,
#product .tabs .product-description,
#product .product-information .product-description div,
#product .tabs .product-description div,
#product .product-information .product-description p,
#product .tabs .product-description p,
#product .product-information .product-description p span,
#product .tabs .product-description p span,
#product .product-information .product-description span,
#product .tabs .product-description span {
font-size: 18px;
}
#product .product-accessories,
#product .featured-products {
margin-top: 100px;
}
#product .product-accessories h2,
#product .featured-products h2 {
margin-bottom: 50px
}
}
@media (min-width: 1200px) {
#product .product-accessories,
#product .featured-products {
margin-top: 100px;
}
}
/* ******************* modal carrito ********************* */
#blockcart-modal .modal-content {
border-radius: 25px;
}
#blockcart-modal .modal-header {
border-top-right-radius: 25px;
border-top-left-radius: 25px;
}
#blockcart-modal .modal-body {
border-radius: 25px;
padding-bottom: 15px;
}
#blockcart-modal .product-price {
margin-bottom: 1rem;
margin-top: 1rem;
line-height: 120%;
}
#blockcart-modal .modal-body .divide-right span {
margin-top: 0.5rem;
}
#blockcart-modal .cart-content {
padding: 0px 16px 0px 16px;
}
#blockcart-modal .cart-content p {
margin-bottom: 1rem;
line-height: 120%;
}
#blockcart-modal .cart-content p.cart-products-count {
color: #000;
}
#blockcart-modal .cart-content .cart-content-btn {
margin-top: 2rem;
}
#blockcart-modal .cart-content p.product-total {
background-color: #fff;
}
#blockcart-modal .product-name {
color: #000;
}
#blockcart-modal .cart-content-btn .btn-secondary {
border-radius: 200px;
background: transparent;
color: #B01E27;
border: 2px solid #B01E27;
transition: 0.4s;
text-transform: none;
}
#blockcart-modal .cart-content-btn .btn-secondary:hover {
background: #B01E27;
color: #fff;
border: 2px solid #B01E27;
transition: 0.4s;
}
#blockcart-modal .cart-content-btn .btn-primary {
border-radius: 200px;
background: #B01E27;
color: #fff;
border: 2px solid #B01E27;
transition: 0.4s;
display: flex;
align-items: center;
}
#blockcart-modal .cart-content-btn .btn-primary:hover {
background: transparent;
color: #B01E27;
border: 2px solid #B01E27;
transition: 0.4s;
}
@media (max-width: 767.98px) {
#blockcart-modal .cart-content {
padding: 3rem 0px 0px 0px;
margin-bottom: 0rem;
}
#blockcart-modal .cart-content .cart-content-btn {
flex-direction: column;
width: 100%;
}
#blockcart-modal .cart-content .cart-content-btn .btn {
margin-bottom: 1rem;
width: 100%;
}
}
/* **************** carrito ********************** */
#cart h1 {
color: #1D1D1B;
text-align: center;
font-size: 30px;
font-weight: 400;
line-height: 120%;
text-transform: none;
}
#cart .card.cart-summary {
border-radius: 30px;
border: 1.5px solid #E3E3E3;
}
#cart .cart-grid-body .cart-overview {
padding: 0rem 0rem;
}
#cart .cart-items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#cart .cart-item {
border-radius: 30px;
border: 1.5px solid #E3E3E3;
margin-bottom: 20px;
}
#cart .cart-grid-body .product-line-info a.label {
color: #1D1D1B;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 19.2px;
}
#cart .product-line-grid-body > .product-line-info > span.label,
#cart .product-line-grid-body > .product-line-info > span.value {
color: #1D1D1B;
font-size: 16px;
font-weight: 600;
line-height: 22.4px;
}
#cart .product-line-grid-body > .product-line-info > span.value {
font-weight: 400;
}
#cart .quanty-price {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#cart .product-line-grid-left {
margin-bottom: 30px;
}
#cart .cart-item .product-price {
margin: 20px 0px;
}
#cart .cart-item .product-discount .regular-price {
color: #1D1D1B;
text-align: center;
font-weight: 700;
line-height: 110%;
opacity: 0.5;
}
#cart .cart-item .has-discount .discount {
display: none;
}
#cart .cart-item .current-price .price {
color: #1D1D1B;
text-align: center;
font-weight: 700;
line-height: 110%;
}
/* boton cantidad */
#cart .input-group-btn-vertical {
display: contents;
}
#cart .bootstrap-touchspin {
border: 2px solid #B01E27;
border-radius: 30px;
background: #fff;
}
#cart .bootstrap-touchspin {
display: flex;
justify-content: center;
width: 180px;
}
#cart .bootstrap-touchspin-down {
order: 1;
height: 41px;
display: flex;
align-self: center;
padding: 0;
align-items: center;
padding: 0 10px;
width: auto;
color: #1D1D1B;
margin-top: 0px;
}
#cart .js-cart-line-product-quantity {
order: 2;
height: 41px;
display: flex;
align-self: center;
padding: 0;
align-items: center;
text-align: center;
background-color: transparent;
border: 0px solid rgba(0,0,0,.25);
width: 3rem;
color: #1D1D1B;
font-size: 20px;
font-weight: 600;
line-height: 140%;
}
#cart .bootstrap-touchspin-up {
order: 3;
height: 41px;
display: flex;
align-self: center;
padding: 0;
align-items: center;
padding: 0 10px;
width: auto;
color: #1D1D1B;
}
#cart .bootstrap-touchspin-up:hover,
#cart .bootstrap-touchspin-down:hover {
color: #B01E27;
}
#cart .bootstrap-touchspin .input-group-btn-vertical i {
position: relative;
top: -2px;
left: 0;
font-size: 20px;
font-weight: 600;
}
#cart .bootstrap-touchspin .btn-touchspin {
background-color: transparent;
border: 0px solid rgba(0,0,0,.25);
}
#cart .bootstrap-touchspin .input-group-btn-vertical .touchspin-down::after {
content: "\2013";
}
#cart .bootstrap-touchspin .input-group-btn-vertical .touchspin-up::after {
content: "\2b";
}
#cart .bootstrap-touchspin .input-group-btn-vertical .touchspin-down {
top: -4px;
}
#cart .product-line-grid-right .qty {
margin: 30px 0px;
}
#cart .product-line-grid-right .price {
color: #1D1D1B;
text-align: center;
font-size: 30px;
font-weight: 700;
line-height: 110%;
}
#cart .remove-from-cart {
margin-top: 0px;
}
#cart .remove-from-cart i {
color: #B01E27;
line-height: 45px;
}
#cart .continue-shopping {
display: flex;
height: 36px;
padding: 10px 30px;
justify-content: center;
align-items: center;
gap: 10px;
border-radius: 30px;
border: 1.5px solid #1D1D1B;
width: max-content;
color: #1D1D1B;
font-size: 16px;
font-weight: 700;
margin-top: 20px;
margin-bottom: 50px;
transition: 0.4s;
}
#cart .continue-shopping:hover {
border: 1.5px solid #B01E27;
color: #B01E27;
transition: 0.4s;
}
#cart .card-block.checkout .btn-primary {
border-radius: 200px;
background: #000;
color: #fff;
border: 2px solid #000;
text-transform: unset;
margin-top: 15px;
font-family: 'Montserrat';
font-weight: 700;
transition: 0.4s;
}
#cart .card-block.checkout .btn-primary:hover {
background: #B01E27;
border: 2px solid #B01E27;
transition: 0.4s;
}
.block-promo .promo-code-button {
padding: 1rem 0 0 0;
}
.block-promo .promo-code-button a {
color: #000;
font-size: 15px;
font-weight: 700;
line-height: 100%;
text-decoration-line: underline;
}
.block-promo .promo-input {
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
border: #000 1px solid;
}
.block-promo .promo-input + button {
margin-top: -2px;
margin-left: -1px;
text-transform: capitalize;
border: 2px solid #000;
background: #000;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.block-promo .promo-code-button.cancel-promo {
color: #000;
}
@media (min-width: 768px) {
#cart h1 {
font-size: 35px;
}
#cart .cart-item {
width: 49%;
}
}
@media (min-width: 992px) {
#cart .cart-item {
width: 32%;
}
}
@media (min-width: 1200px) {
#cart h1 {
font-size: 40px;
}
#cart .card.cart-container{
border-radius: 30px;
border: 1.5px solid #E3E3E3;
}
#cart .cart-item {
border-radius: 0px;
border: 0px solid #E3E3E3;
border-bottom: 1px solid #E3E3E3;
width: 100%;
}
#cart .cart-item .product-line-grid-left {
margin-bottom: 0px;
}
#cart .cart-item .product-line-grid {
display: flex;
align-items: center;
}
#cart .cart-item .product-line-grid-right .qty {
margin: 0px 0px;
}
#cart .cart-item:last-child {
border-bottom: none;
}
#cart .bootstrap-touchspin {
width: auto;
}
}
@media (max-width: 1199px) {
.product-line-grid-body {
margin-bottom: 1rem;
text-align: center;
}
.product-line-grid-left {
display: flex;
justify-content: center;
padding-left: 0px;
padding-right: 40px;
}
#cart .block-promo .promo-input + button {
margin-top: -3px;
}
#cart .cart-item {
padding: 30px;
}
#cart .cart-item .product-line-grid-body {
padding: 0px;
text-align: left;
margin-bottom: 0px;
}
#cart .cart-item .product-line-grid-body .product-line-info {
margin-bottom: 30px;
}
#cart .cart-item .product-line-grid-body .product-line-info.product-price {
margin-top: 0px;
margin-bottom: 0px;
}
#cart .cart-item .product-line-grid-right{
padding: 0px;
}
#cart .cart-item .product-price {
margin-bottom: 0px;
}
#cart .product-line-grid-right .qty {
margin-bottom: 30px;
}
#cart .product-line-grid-right .product-price {
margin-top: 0px;
}
#cart .bootstrap-touchspin {
width: 220px;
}
}
@media (max-width: 767.98px) {
#cart .continue-shopping {
margin-left: auto;
margin-right: auto;
}
#cart #promo-code {
font-size: 12px;
}
#cart .block-promo .promo-input + button {
margin-top: -2px;
}
}
/* ************************* blog ***************************** */
/* blog home */
#index .prestablogswip {
margin-bottom: 80px;
}
#index .prestablogswip h2.title {
color: #1D1D1B;
text-align: center;
font-size: 25px;
font-weight: 500;
line-height: 120%;
margin-bottom: 30px;
}
#index #blog_list_1-7 .block_cont {
border-radius: 20px;
}
#index #blog_list_1-7 .block_top img {
border-radius: 20px;
max-width: 100%;
height: auto;
}
#index #blog_list_1-7 .block_top h3 {
color: #1D1D1B;
font-size: 16px;
font-weight: 500;
line-height: 120%;
}
#index #blog_list_1-7 .block_bas .date_blog-cat,
#index #blog_list_1-7 .block_bas .prestablog_desc,
#index #blog_list_1-7 .block_cont .prestablog_more {
display: none;
}
#index .prestablogswip .bloglistswip {
padding-bottom: 50px !important;
}
#index #blog_list_1-7 .swiper-pagination-bloglist {
width: 100%;
height: 40px;
}
#index #blog_list_1-7 .swiper-pagination-bullet {
background: transparent;
border: 1px solid #1D1D1B;
width: 12px;
height: 12px;
opacity: 1;
}
#index .prestablogswip #blog_list_1-7 .swiper-pagination-bullet.swiper-pagination-bullet-active {
background-color: #B01E27 !important;
border: 1px solid #B01E27;
color: #fff !important;
width: 32px;
height: 12px;
border-radius: 37px;
}
#module-prestablog-blog ul#blog_list_1-7 li .block_bas a {
color: #1D1D1B;
}
@media (min-width: 768px) {
#index .prestablogswip {
margin-bottom: 130px;
}
#index .prestablogswip h2.title {
font-size: 35px;
}
}
@media (min-width: 768px) and (max-width: 1199.98px) {
#index .prestablogswip {
width: 100vw;
margin-left: 0;
left: -40px;
margin-right: 0;
position: relative;
}
#index .prestablogswip #blog_list_1-7 .blog-grid.swiper-slide {
margin-right: 50px!important;
}
}
@media (min-width: 1200px) {
#index .prestablogswip {
margin-bottom: 180px;
}
#index .prestablogswip #blog_list_1-7 .blog-grid.swiper-slide:hover .block_cont,
#module-prestablog-blog ul#blog_list_1-7 li:hover .block_cont {
background-color: #000;
border-radius: 20px;
}
#index #blog_list_1-7 .block_top img,
#module-prestablog-blog ul#blog_list_1-7 li .block_top img {
border-radius: 20px;
transform: scale(1);
}
#index #blog_list_1-7 .blog-grid:hover .block_bas a,
#module-prestablog-blog ul#blog_list_1-7 li:hover .block_bas a {
color: #FFF;
}
#index .prestablogswip #blog_list_1-7 .blog-grid.swiper-slide:nth-child(3n + 1),
#module-prestablog-blog ul#blog_list_1-7 li:nth-child(3n + 1) {
padding-left: 0;
}
#index .prestablogswip #blog_list_1-7 .blog-grid.swiper-slide:nth-child(3n),
#module-prestablog-blog ul#blog_list_1-7 li:nth-child(3n + 1):nth-child(3n) {
padding-right: 0;
}
#index #blog_list_1-7 .block_cont,
#module-prestablog-blog ul#blog_list_1-7 .block_cont {
padding: 20px 20px 0px 20px;
}
}
/* url blog */
#module-prestablog-blog #content-wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
#module-prestablog-blog h1.prestablogcat {
order: -1;
color: #1D1D1B;
text-align: center;
font-family: Montserrat;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 120%;
margin-bottom: 30px;
}
#prestablog_menu_cat nav ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
background-color: transparent !important;
margin: 30px auto;
}
#module-prestablog-blog #blog_list_1-7 {
margin-bottom: 100px;
}
#blog_list_1-7 li {
width: 100%;
}
#prestablog_menu_cat nav ul li {
margin: 0 15px;
display: inline-block;
padding: 8px 30px;
border-radius: 200px;
background: #1D1D1B;
}
#prestablog_menu_cat nav ul li,
#prestablog_menu_cat nav ul li a {
color: #FFFFFF;
text-align: center;
font-family: Montserrat;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 100%;
text-decoration: none;
height: 32px;
transition: 0.4s;
}
#prestablog_menu_cat nav ul li a {
padding: 0;
}
#prestablog_menu_cat nav ul li a:hover {
color: #FFF;
}
#blog_list_1-7 .block_top {
padding: 0px;
}
#blog_list_1-7 .blog-grid .block_bas {
padding: 10px 0px 10px 0px;
color: #1D1D1B;
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 120%;
}
#blog_list_1-7 .blog-grid .block_bas h2,
#blog_list_1-7 .blog-grid .block_bas h3 {
font-weight: 500;
}
#blog_list_1-7 li:hover .block_cont {
box-shadow: unset;
-webkit-box-shadow: unset;
}
#blog_list_1-7 li:hover .block_top {
border-radius: 20px;
}
#blog_list_1-7 li .block_cont .block_top img {
border-radius: 20px;
max-width: 100%;
height: auto;
}
#blog_list_1-7 .block_cont, .prestablog .block_cont {
border: 0px solid #DADADA;
}
@media (min-width: 768px) {
#module-prestablog-blog h1.prestablogcat {
font-size: 35px;
margin-bottom: 50px;
}
#module-prestablog-blog #blog_list_1-7 {
margin-bottom: 150px;
}
#prestablog_menu_cat nav ul {
margin: 50px auto;
}
#blog_list_1-7 li {
width: 50%;
}
}
@media (min-width: 1200px) {
#module-prestablog-blog h1.prestablogcat {
font-size: 40px;
}
#module-prestablog-blog #blog_list_1-7 {
margin-bottom: 200px;
}
#blog_list_1-7 li {
width: 33%;
}
}
@media (max-width: 770px) {
#prestablog_menu_cat #menu-mobile {
display: none;
}
#prestablog_menu_cat nav {
display: flex;
}
#prestablog_menu_cat nav ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
background-color: transparent !important;
margin: 15px auto;
flex-direction: column;
}
#prestablog_menu_cat nav ul li {
margin: 10px auto;
}
}
/* blog post */
#prestablogfront {
display: flex;
flex-wrap: wrap;
flex-direction: column;
width: 1100px;
max-width: 100%;
padding: 0;
border: 0px solid #DADADA;
}
#prestablogfront h1#prestablog_article {
order: -1;
color: #1D1D1B;
text-align: center;
font-family: Montserrat;
font-size: 25px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
#prestablogfront picture {
margin: 50px auto;
}
#prestablogfront picture img {
border-radius: 20px;
max-width: 100%;
height: auto;
}
#prestablogfront .date,
#prestablogfront .info_blog {
display: none;
}
.prestablogExtra {
border: 0px solid #DADADA;
}
@media (min-width: 768px) {
#prestablogfront h1#prestablog_article {
font-size: 30px;
}
}
@media (min-width: 1200px) {
#prestablogfront h1#prestablog_article {
font-size: 40px;
}
}
@media (max-width: 767.98px) {
#blog_list_1-7 li {
padding: 0px;
}
}
/* ***************** cms ********************** */
/* ******** cms ************** */
#cms .page-cms a {
color: #1D1D1B;
text-decoration: underline;
}
#cms .page-cms a:hover {
color: #B01E27;
}
#cms .page-header h1 {
color: #1D1D1B;
text-align: center;
font-family: Montserrat;
font-size: 30px;
font-style: normal;
font-weight: 400;
line-height: 120%;
}
#cms .page-content {
width: 1058px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
text-align: left;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
}
#cms .page-content h2 {
margin-top: 20px;
margin-bottom: 15px;
font-size: 25px;
font-weight: 500;
}
#cms .page-content h3 {
font-size: 20px;
font-weight: 500;
}
#cms .page-content strong {
font-weight: 600;
}
#cms .page-content div,
#cms .page-content p,
#cms .page-content span,
#cms .page-content.page-cms ul{
color: #262626;
font-size: 16px;
font-style: normal;
line-height: 150%;
}
@media (min-width: 768px) {
#cms .page-header h1 {
font-size: 35px;
}
#cms .page-content div,
#cms .page-content p,
#cms .page-content span,
#cms .page-cms-9 span {
font-size: 18px;
}
#cms .page-cms-9 h2 {
font-size: 28px;
}
#cms .page-cms-9 p {
font-size: 20px;
}
}
@media (min-width: 1200px) {
#cms .page-header h1 {
font-size: 40px;
}
}
.fancybox__slide {
padding: 48px 23px 8px 15px;
}
.fancybox__content {
max-width: 100%!important;
width: calc(100% - 30px);
padding: 15px;
}
.fancybox__content > .carousel__button.is-close {
top: 20px;
right: 20px;
color: var(--fancybox-color, #000);
}
#cms .page-content.page-cms-9 h2 {
font-size: 20px;
font-weight: 700;
text-align: center;
}
#cms .page-content.page-cms-9 p {
font-size: 16px;
text-align: center;
margin-bottom: 30px;
}
#cms .page-content.page-cms-4 .slider-general .slick-dots li.slick-active {
width: 32px;
}
#cms.cms-id-4 .page-header h1 {
margin-bottom: 30px;
}
#cms.cms-id-4 #footer {
margin-top: 80px;
}
@media (min-width: 768px) {
.fancybox__content {
width: 720px!important;
}
#cms.cms-id-4 .page-header h1 {
margin-bottom: 50px;
}
#cms.cms-id-4 #footer {
margin-top: 130px;
}
}
@media (min-width: 992px) {
#cms .page-content.page-cms-9 h2 {
font-size: 28px;
}
#cms .page-content.page-cms-9 p {
font-size: 20px;
}
#cms.cms-id-4 #footer {
margin-top: 180px;
}
}
/* ****** cms bloque enlaces lateral ************ */
#cms .block-political-left {
display: flex;
flex-wrap: wrap;
flex-direction: column;
padding-right: 0px;
padding-left: 0px;
max-width: 100%;
}
#cms .block-political-left ul {
margin-bottom: 0px;
padding: 30px 37.5px;
list-style: none;
border: 1px solid #FFF;
border-radius: 20px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-content: center;
}
#cms .block-political-left ul li {
display: flex;
height: 36px;
justify-content: center;
align-items: center;
gap: 10px;
text-align: center;
margin-bottom: 20px;
}
#cms .block-political-left ul li a {
color: #B01E27;
text-align: center;
font-size: 18px;
font-weight: 400;
line-height: 24px;
width: max-content;
padding: 7px 32px 7px 32px;
}
#cms .block-political-left ul li.link-active a {
background: #B01E27;
border-radius: 10px;
color: #FFF;
font-weight: 700;
}
#cms .block-political-left ul li:hover a {
background: #B01E27;
border-radius: 10px;
color: #FFF;
font-weight: 700;
}
/* sobre nosotros */
.page-cms-4 .nosotros-autor {
text-align: right;
margin-top: 25px;
margin-bottom: 50px;
}
.page-cms-4 .slick-list {
border-radius: 30px;
}
.page-cms-4 .imagen {
object-fit: contain;
max-width: 100%;
height: auto;
border-radius: 30px;
}
/* ********************************** contacto *********************************** */
#contact h1 {
color: #1D1D1B;
font-weight: 400;
font-size: 30px;
line-height: 120%;
text-align: center;
}
#contact .row-contact {
margin-right: 0px;
margin-left: 0px;
}
#contact .cabecera-contact,
#contact .cabecera-contact p {
color: #1D1D1B;
font-weight: 400;
font-size: 16px;
line-height: 24px;
margin: 30px auto 0px auto;
text-align: center;
}
#contact #left-column {
margin-top: 30px;
}
#contact #content-wrapper {
margin-top: 30px;
padding-right: 0px;
padding-left: 0px;
}
#contact #left-column .contact-rich .block {
width: 100%;
border-radius: 20px;
border: 2px solid #B01E27;
margin-bottom: 20px;
padding: 40px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
justify-content: center;
background: #B01E27;
}
#contact #left-column .contact-rich .block .icon {
margin-right: 0px;
}
#contact #left-column .contact-rich .block svg {
width: 50px;
height: 50px;
}
#contact #left-column .contact-rich .block .data {
color: #fff;
font-weight: 800;
font-size: 20px;
line-height: 24px;
text-align: center;
margin-top: 20px;
}
#contact #left-column .contact-rich .block .data a {
color: #FFF;
font-weight: 500;
font-size: 16px;
line-height: 130%;
}
#contact .block-mapa {
margin-bottom: 100px;
}
#contact .block-mapa iframe {
max-width: 100%;
border-radius: 20px;
width: 100%;
height: 450px;
}
@media (max-width: 1200px) {
#contact #left-column {
margin-left: -30px;
margin-right: -30px;
width: calc(100% + 60px);
}
}
@media (min-width: 768px) {
#contact h1 {
font-size: 35px;
}
#contact h2 {
max-width: 410px;
margin: 25px auto 50px auto;
}
#contact #left-column {
margin-top: 50px;
}
#contact #left-column .contact-rich .section-block {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#contact #left-column .contact-rich .block {
width: 32%;
}
#contact #left-column .contact-rich .block .data {
font-size: 25px;
text-align: center;
}
#contact #left-column .contact-rich .block .data a {
font-size: 16px;
}
#contact #content-wrapper {
margin-top: 50px;
}
#contact .block-mapa {
margin-bottom: 150px;
}
}
@media (min-width: 1200px) {
#contact h1 {
font-size: 40px;
}
#contact h2 {
font-size: 20px;
line-height: 30px;
max-width: 540px;
margin: 30px auto 60px auto;
}
#contact #left-column .contact-rich .section-block {
flex-direction: column;
}
#contact #left-column .contact-rich .block {
width: 100%;
}
#contact .block-mapa {
margin-bottom: 200px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
#contact #left-column .contact-rich .block {
padding: 20px;
}
}
/* formulario de contacto */
#contact #main .page-content {
background: transparent;
padding-top: 0px;
}
#contact .formulario-conmutable.oculto{
display:none;
}
#contact .asunto{
margin-bottom:1rem;
}
#contact .asunto .selector{
width:100%;
font-size:16px;
font-weight:400;
line-height:26px;
background:#FFF;
color:#1D1D1B;
border:1px solid #000;
border-radius:38px;
padding: .5rem 1rem;
margin:0;
}
#contact .asunto .selector::placeholder{
color:#7a7a7a;
}
#contact .asunto {
position: relative;
display: inline-block;
width: 100%;
}
#contact .asunto .selector {
appearance: none; /* Importante */
-moz-appearance: none;
-webkit-appearance: none;
padding-right: 20px; /* espacio para la flecha */
border: 1.5px solid #1D1D1B;
background-color: #fff;
}
#contact .asunto::after {
content: "";
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 8px;
height: 8px;
border: 2px solid #1D1D1B;
border-width: 0px 2px 2px 0px;
pointer-events: none;
}
#contact .pfg-forms .form-group select,
.page-cms-9 .pfg-forms .form-group select {
background: #FFF url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAPklEQVR4Ae3TwREAEBQD0V/6do4SXPZg7EsBhsQ8IEmSMOsiuEfg3gL3oXC7wK0bd1G4o8X9F4yIkyQfSrIByQBjp7QuND8AAAAASUVORK5CYII=") no-repeat scroll right .5rem center/1.25rem 1.25rem;
border: 1px solid #000;
border-radius: 38px;
}
#contact .pfg-forms .form-group > label,
.page-cms-9 .pfg-forms .form-group > label {
text-align: left;
display: none;
}
#contact .pfg-forms .form-group input,
.page-cms-9 .pfg-forms .form-group input {
font-size: 16px;
font-weight: 400;
line-height: 24px;
background: #FFF;
color: #1D1D1B;
border: 1.5px solid #000;
border-radius: 38px;
}
#contact .pfg-forms .form-group input::placeholder,
#contact .pfg-forms .form-group textarea::placeholder,
.page-cms-9 .pfg-forms .form-group input::placeholder,
.page-cms-9 .pfg-forms .form-group textarea::placeholder {
color: #1D1D1B;
opacity: 1;
}
#contact .pfg-forms .form-group label.input,
.page-cms-9 .pfg-forms .form-group label.input {
text-align: left;
color: #1D1D1B;
font-size: 16px;
font-weight: 500;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
}
#contact .pfg-forms .form-group label input,
.page-cms-9 .pfg-forms .form-group label input {
width: 20px;
}
#contact .pfg-forms .form-group label.input span,
.page-cms-9 .pfg-forms .form-group label.input span {
width: calc( 100% - 30px);
padding-left: 10px;
}
#contact .pfg-forms .form-group textarea:focus,
.pfg-forms .form-group select:focus,
.page-cms-9 .pfg-forms .form-group textarea:focus {
outline: .1875rem solid transparent;
}
#contact .pfg-forms .form-group textarea,
#contact .pfg-forms .form-group select,
.page-cms-9 .pfg-forms .form-group textarea,
.page-cms-9 .pfg-forms .form-group select{
background: #FFF;
border: 1.5px solid #000;
border-radius: 38px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
color: #1D1D1B;
}
#contact .pfg-forms .form-group textarea,
.page-cms-9 .pfg-forms .form-group textarea {
padding-top: 20px;
}
.page-cms-9 .pfg-forms .form-group textarea {
height: 200px;
}
#contact .form-product-politicas label a,
.page-cms-9 .form-product-politicas label a {
text-decoration: underline;
color: #1D1D1B;
}
#contact .form-product-politicas label a:hover,
.page-cms-9 .form-product-politicas label a.hover {
text-decoration-line: underline;
color: #B01E27;
}
#contact .pfg-forms .btn-primary,
.page-cms-9 .pfg-forms .btn-primary {
width: calc(100% - 30px);
margin: 0px 0px 0px 0px;
padding: 8px 30px;
border: 1px solid #1D1D1B;
border-radius: 200px;
background: #1D1D1B;
font-weight: 700;
font-size: 16px;
line-height: 24px;
text-transform: none;
transition: 0.4s;
}
.page-cms-9 .pfg-forms .btn-primary span {
color: #fff!important;
}
#contact .pfg-forms .btn-primary:hover,
.page-cms-9 .pfg-forms .btn-primary:hover {
color: #FFF;
border: 1px solid #B01E27;
background: #B01E27;
}
.pfg-forms .form-group input:focus,
.pfg-forms .form-group textarea:focus,
.pfg-forms .form-group select:focus {
outline: .1875rem solid #B01E27;
}
@media (max-width: 1199.98px) {
#contact #main .page-content,
#contact #main .page-content .form-group,
#contact #main .page-content .form-group .col-md-12,
#contact #main .page-content .form-group .form-control,
.page-cms-9 .form-group,
.page-cms-9 .form-group .col-md-12,
.page-cms-9 .form-group .form-control {
padding-left: 0px;
padding-right: 0px;
margin-right: 0px;
margin-left: 0px;
}
}
@media (min-width: 768px) {
#contact .pfg-forms .btn-primary,
.page-cms-9 .pfg-forms .btn-primary {
margin: 0px 0px 50px 0px;
}
.page-cms-9 .pfg-forms .form-group input,
.page-cms-9 .pfg-forms .form-group textarea,
.page-cms-9 .pfg-forms .form-group select {
font-size: 18px;
}
}
@media (min-width: 1200px) {
#contact #left-column {
}
#contact #content-wrapper {
}
#contact .pfg-forms .form-group,
.page-cms-9 .pfg-forms .form-group {
padding-right: 0px;
padding-left: 0px;
margin-left: 0px;
}
#contact .pfg-forms .form-group .col-md-12,
.page-cms-9 .pfg-forms .form-group .col-md-12 {
padding-right: 0px;
padding-left: 0px;
}
#contact .pfg-forms .btn-primary,
.page-cms-9 .pfg-forms .btn-primary {
width: calc(100% - 90px);
margin: 0px 60px 30px 30px;
}
}
/* ********** GRACIAS ****************** */
#module-dd_gracias-gracias h1,
#module-dd_graciasregistro-graciasregistro h1 {
font-size: 28px;
font-weight: 400;
line-height: 120%;
text-align: left;
color: #000;
width: 100%;
margin-bottom: 0px;
}
#module-dd_gracias-gracias #main .page-header,
#module-dd_graciasregistro-graciasregistro #main .page-header {
margin: 2rem 0 1rem;
}
#module-dd_gracias-gracias #main .card,
#module-dd_graciasregistro-graciasregistro #main .card {
background: #FFF;
}
#module-dd_gracias-gracias #main .page-content.page-gracias.image-gracias,
#module-dd_graciasregistro-graciasregistro #main .page-content.page-graciasregistro.image-gracias {
background: transparent;
padding: 0px;
margin-bottom: 0px;
height: auto;
}
#module-dd_gracias-gracias .page-gracias.image-gracias img,
#module-dd_graciasregistro-graciasregistro .page-graciasregistro.image-gracias img {
max-width: 100%;
width: 268px;
height: auto;
object-fit: contain;
border-radius: 16px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 50px;
}
#module-dd_gracias-gracias .page-gracias p,
#module-dd_graciasregistro-graciasregistro .page-graciasregistro p {
font-size: 16px;
line-height: 120%;
font-weight: 400;
text-align: center;
}
#module-dd_gracias-gracias #main .botones-gracias,
#module-dd_graciasregistro-graciasregistro #main .botones-gracias{
width: 60%;
display: flex;
flex-wrap: wrap;
height: auto;
}
#module-dd_gracias-gracias #main .botones-gracias p,
#module-dd_graciasregistro-graciasregistro #main .botones-gracias p {
width: 100%;
text-align: left;
color: #000;
font-size: 16px;
font-weight: 400;
line-height: 120%;
margin: 30px 0px;
}
#module-dd_gracias-gracias .link-gracias,
#module-dd_graciasregistro-graciasregistro .link-gracias {
display: flex;
flex-wrap: wrap;
width: 100%;
}
#module-dd_gracias-gracias .link-product,
#module-dd_gracias-gracias .link-index,
#module-dd_graciasregistro-graciasregistro .link-product,
#module-dd_graciasregistro-graciasregistro .link-index {
text-align: center;
display: flex;
}
#module-dd_gracias-gracias .link-product a,
#module-dd_gracias-gracias .link-index a,
#module-dd_graciasregistro-graciasregistro .link-product a,
#module-dd_graciasregistro-graciasregistro .link-index a {
text-transform: unset;
font-weight: 600;
border-radius: 40px;
border: 1px solid #FFF;
font-size: 16px;
font-weight: 700;
padding: 8px 33px;
width: 100%;
}
#module-dd_gracias-gracias .link-product a,
#module-dd_graciasregistro-graciasregistro .link-product a {
color: #FFF;
background-color: #000;
transition: 0.4s;
}
#module-dd_gracias-gracias .link-index a,
#module-dd_graciasregistro-graciasregistro .link-index a {
color: #FFF;
background-color: #0D1200;
margin-top: 15px;
transition: 0.4s;
}
#module-dd_gracias-gracias .link-product a:hover,
#module-dd_graciasregistro-graciasregistro .link-product a:hover {
background-color: #B01E27;
border: 1px solid #B01E27;
}
#module-dd_gracias-gracias .link-index a:hover,
#module-dd_graciasregistro-graciasregistro .link-index a:hover {
color: #FFF;
background-color: #B01E27;
border: 1px solid #B01E27;
}
@media (min-width: 768px) {
#module-dd_gracias-gracias h1,
#module-dd_graciasregistro-graciasregistro h1 {
font-size: 30px;
}
#module-dd_gracias-gracias .image-gracias,
#module-dd_graciasregistro-graciasregistro .image-gracias {
float: left;
width: 50%;
height: 350px;
display: flex;
justify-content: flex-end;
align-items: center;
box-sizing: border-box;
}
#module-dd_gracias-gracias .image-gracias img,
#module-dd_graciasregistro-graciasregistro .image-gracias img {
width: 50%;
height: 350px;
object-fit: cover;
float: left;
}
#module-dd_gracias-gracias .page-header,
#module-dd_gracias-gracias .botones-gracias,
#module-dd_graciasregistro-graciasregistro .page-header,
#module-dd_graciasregistro-graciasregistro .botones-gracias {
width: 50%;
height: 175px;
float: right;
box-sizing: border-box;
padding: 10px;
}
#module-dd_gracias-gracias #main .page-header,
#module-dd_graciasregistro-graciasregistro #main .page-header {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
margin: 0rem 0 0rem;
}
#module-dd_gracias-gracias .botones-gracias,
#module-dd_graciasregistro-graciasregistro .botones-gracias {
display: flex;
align-items: center;
justify-content: flex-start;
text-align: center;
}
#module-dd_gracias-gracias .link-index,
#module-dd_graciasregistro-graciasregistro .link-index {
margin-left: 15px;
}
#module-dd_gracias-gracias .link-index a,
#module-dd_graciasregistro-graciasregistro .link-index a {
margin-top: 0px;
}
}
@media (min-width: 1200px) {
#module-dd_gracias-gracias #main .card,
#module-dd_graciasregistro-graciasregistro #main .card {
width: 900px;
margin-top: 35px;
margin-right: auto;
margin-left: auto;
}
#module-dd_gracias-gracias h1,
#module-dd_graciasregistro-graciasregistro h1 {
font-size: 40px;
}
#module-dd_gracias-gracias .page-gracias,
#module-dd_graciasregistro-graciasregistro .page-graciasregistro {
margin-left: 0px;
margin-right: 0px;
max-width: unset;
}
#module-dd_gracias-gracias .first-row,
#module-dd_graciasregistro-graciasregistro .first-row {
max-width: 830px;
margin-left: auto;
margin-right: auto;
}
#module-dd_gracias-gracias .image-gracias,
#module-dd_graciasregistro-graciasregistro .image-gracias {
width: 40%;
}
#module-dd_gracias-gracias .page-header,
#module-dd_gracias-gracias .botones-gracias,
#module-dd_graciasregistro-graciasregistro .page-header,
#module-dd_graciasregistro-graciasregistro .botones-gracias {
width: 60%;
}
#module-dd_gracias-gracias #main .botones-gracias p,
#module-dd_graciasregistro-graciasregistro #main .botones-gracias p {
font-size: 20px;
}
}
@media (max-width: 1199.98px) {
#module-dd_gracias-gracias #main .botones-gracias,
#module-dd_graciasregistro-graciasregistro #main .botones-gracias {
width: calc(50% - 10px);
display: flex;
flex-wrap: wrap;
flex-direction: column;
height: auto;
margin-left: 10px;
}
#module-dd_gracias-gracias #main .botones-gracias p,
#module-dd_graciasregistro-graciasregistro #main .botones-gracias p {
margin: 25px 0px;
}
#module-dd_gracias-gracias .link-product a,
#module-dd_gracias-gracias .link-index a,
#module-dd_graciasregistro-graciasregistro .link-product a,
#module-dd_graciasregistro-graciasregistro .link-index a {
padding: 8px 22px;
margin-top: 15px;
}
}
@media (max-width: 991.98px) {
#module-dd_gracias-gracias #main .page-content.page-gracias.image-gracias,
#module-dd_graciasregistro-graciasregistro #main .page-content.page-graciasregistro.image-gracias {
margin-left: auto;
}
#module-dd_gracias-gracias .page-gracias.image-gracias img,
#module-dd_graciasregistro-graciasregistro .page-graciasregistro.image-gracias img {
margin-right: 0px;
}
#module-dd_gracias-gracias .page-header,
#module-dd_gracias-gracias .botones-gracias,
#module-dd_graciasregistro-graciasregistro .page-header,
#module-dd_graciasregistro-graciasregistro .botones-gracias {
width: calc( 50% - 10px);
margin-right: auto;
}
#module-dd_gracias-gracias .page-header,
#module-dd_gracias-gracias .botones-gracias,
#module-dd_graciasregistro-graciasregistro .page-header,
#module-dd_graciasregistro-graciasregistro .botones-gracias {
height: 150px;
}
#module-dd_gracias-gracias .link-product,
#module-dd_gracias-gracias .link-index,
#module-dd_graciasregistro-graciasregistro .link-product,
#module-dd_graciasregistro-graciasregistro .link-index {
width: 260px;
margin-left: 0px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
#module-dd_gracias-gracias #main .page-content.page-gracias.image-gracias,
#module-dd_graciasregistro-graciasregistro #main .page-content.page-graciasregistro.image-gracias {
width: calc( 33% - 10px);
margin-right: 25px;
}
#module-dd_gracias-gracias #main .botones-gracias,
#module-dd_graciasregistro-graciasregistro #main .botones-gracias {
width: calc(64% - 10px);
}
#module-dd_gracias-gracias .link-gracias, #module-dd_graciasregistro-graciasregistro .link-gracias {
width: 100%;
}
#module-dd_gracias-gracias .link-product a,
#module-dd_gracias-gracias .link-index a,
#module-dd_graciasregistro-graciasregistro .link-product a,
#module-dd_graciasregistro-graciasregistro .link-index a {
padding: 8px 22px;
margin-top: 15px;
margin-right: 22px;
}
#module-dd_gracias-gracias .link-product,
#module-dd_gracias-gracias .link-index,
#module-dd_graciasregistro-graciasregistro .link-product,
#module-dd_graciasregistro-graciasregistro .link-index {
width: auto;
}
}
@media (max-width: 767.98px) {
#module-dd_gracias-gracias #main .page-content.page-gracias.image-gracias,
#module-dd_gracias-gracias .page-header,
#module-dd_gracias-gracias .botones-404,
#module-dd_graciasregistro-graciasregistro #main .page-content.page-graciasregistro.image-gracias,
#module-dd_graciasregistro-graciasregistro .page-header,
#module-dd_graciasregistro-graciasregistro .botones-404 {
width: 100%;
}
#module-dd_gracias-gracias #main .page-content.page-gracias.image-gracias img,
#module-dd_graciasregistro-graciasregistro #main .page-content.page-graciasregistro.image-gracias img {
max-width: 100%;
width: 126px;
margin-top: 0px;
margin-bottom: 30px;
}
#module-dd_gracias-gracias #main .botones-gracias,
#module-dd_graciasregistro-graciasregistro #main .botones-gracias {
width: 100%;
margin-left: 0px;
}
#module-dd_gracias-gracias .link-product,
#module-dd_gracias-gracias .link-index,
#module-dd_graciasregistro-graciasregistro .link-product,
#module-dd_graciasregistro-graciasregistro .link-index {
width: 100%;
}
}
@media (max-width: 767.98px) {
#module-dd_gracias-gracias #main .card,
#module-dd_graciasregistro-graciasregistro #main .card {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 35px;
}
#module-dd_gracias-gracias .image-gracias,
#module-dd_graciasregistro-graciasregistro .image-gracias{
display: contents;
}
#module-dd_gracias-gracias .image-gracias img,
#module-dd_graciasregistro-graciasregistro .image-gracias img {
order: 1;
}
#module-dd_gracias-gracias #main .botones-gracias,
#module-dd_graciasregistro-graciasregistro #main .botones-gracias {
display: contents;
}
#module-dd_gracias-gracias #main .botones-gracias h1,
#module-dd_graciasregistro-graciasregistro #main .botones-gracias h1 {
order: 2;
text-align: center;
}
#module-dd_gracias-gracias #main .botones-gracias p,
#module-dd_graciasregistro-graciasregistro #main .botones-gracias p {
order: 3;
text-align: center;
}
#module-dd_gracias-gracias .link-gracias,
#module-dd_graciasregistro-graciasregistro .link-gracias {
order: 4;
}
}
/* ********************* marcas ******************************** */
/* subcategorias */
#manufacturer h1 {
color: #1D1D1B;
text-align: center;
font-size: 30px;
font-weight: 400;
line-height: 120%;
margin-bottom: 30px;
}
#manufacturer ul.brand-block {
border-top: 0px solid #f6f6f6;
justify-content: center;
}
#manufacturer ul.brand-block li {
width: 100%;
min-width: unset;
margin: 10px;
text-align: center;
}
#manufacturer ul.brand-block li .brand-img a {
padding: 0px;
border: 0px solid #f6f6f6;
}
#manufacturer ul.brand-block li:hover .brand-img a {
padding: 0px;
border: 0px solid #24b9d7;
}
#manufacturer ul.brand-block li .brand-img a img {
border-radius: 8px;
}
#manufacturer ul.brand-block h2 {
border-radius: 300px;
background: #B01E27;
padding: 10px;
}
#manufacturer ul.brand-block li:hover h2 {
background: #000;
}
#manufacturer ul.brand-block h2 a {
color: #fff;
text-align: center;
font-size: 21px;
font-weight: 500;
line-height: 120%;
}
#manufacturer #main ul li.brand {
width: 100%;
margin: 10px;
border: 1px solid #fff;
border-radius: 20px;
}
#manufacturer #main ul .brand:hover {
box-shadow: unset;
border: 1px solid #000;
}
#manufacturer .brand-infos p {
display: none;
}
#manufacturer #footer {
margin-top: 100px;
}
@media (min-width: 768px) {
#manufacturer h1 {
font-size: 35px;
margin-bottom: 50px;
}
#manufacturer #main ul li.brand {
width: calc(50% - 20px);
}
#manufacturer #footer {
margin-top: 150px;
}
}
@media (min-width: 1200px) {
#manufacturer h1 {
font-size: 40px;
}
#manufacturer #main ul li.brand {
width: calc(25% - 20px);
}
#manufacturer #footer {
margin-top: 200px;
}
}
/* Back to top */
#back-top {
/*bottom: calc( 50% - 70px);*/
bottom: 25px;
display: none;
position: fixed;
right: 10px;
z-index: 90;
border-radius: 50%;
background-color: #000;
border: 2.5px solid #1D1D1B;
cursor: pointer;
}
.rtl #back-top {
left: 10px;
right: auto;
}
#back-top:hover {
background-color: #fff;
}
#back-top:hover svg path {
stroke: #000;
}
#back-top a {
margin: 2px;
width: 50px;
height: 50px;
line-height: 34px;
border-radius: 50%;
text-align: center;
color: white;
position: relative;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-content: center;
}
#back-top:hover a svg {
display: none;
}
#back-top a svg.svg-hover {
display: none;
}
#back-top:hover a svg.svg-hover {
display: block;
}
/* ************************** checkout ********************** */
body#checkout main #header.header-fixed {
position: unset;
}
body#checkout header {
text-align: center;
padding: 25px 0px;
}
body#checkout .header-top-right {
margin: 15px 0px;
padding: 0px 20px;
}
@media (max-width: 767px) {
body#checkout section.checkout-step {
padding: 0;
}
body#checkout section.checkout-step .content {
padding: 0px;
}
}
/* checkout */
#checkout #checkout-personal-information-step .login-checkout .nav-link {
color: #fff;
background: #000;
font-size: 16px;
font-weight: 700;
padding: 10px 25px;
border-radius: 30px;
}
#checkout #checkout-personal-information-step .login-checkout .nav-link:hover {
background: #B01E27;
}
#checkout #content-wrapper > #content > div.row {
display: flex;
flex-direction: row;
gap: 60px;
max-width: 100%;
margin: 0 auto;
}
#checkout #content-wrapper > #content > div.row:after {
display: none;
}
#checkout .cart-grid-body,
#checkout .cart-grid-right {
border: 2px solid #E3E3E3;
border-radius: 16px;
margin: 0;
height: fit-content;
padding: 50px 30px;
}
#checkout .cart-grid-body {
width: 60%;
}
#checkout .cart-grid-right {
width: 40%;
}
#checkout .cart-grid-right .card-block.cart-summary-subtotals-container.js-cart-summary-subtotals-container {
border-color: #1D1D1B;
border-width: 2px;
}
#checkout .cart-grid-right .cart-summary-subtotals-container .cart-summary-line#cart-subtotal-shipping > span.label,
#checkout .cart-grid-right .cart-summary-subtotals-container .cart-summary-line#cart-subtotal-products > span.label {
font-weight: 700;
font-size: 16px;
color: #1D1D1B;
}
#checkout .cart-grid-right .cart-summary-subtotals-container .cart-summary-line#cart-subtotal-shipping > span.value,
#checkout .cart-grid-right .cart-summary-subtotals-container .cart-summary-line#cart-subtotal-products > span.value {
font-weight: 800;
font-size: 22px;
color: #1D1D1B;
}
#checkout .cart-grid-right .cart-summary-totals .cart-summary-line {
display: none;
}
#checkout .cart-grid-right .cart-summary-totals .cart-summary-line.cart-total {
display: block;
}
#checkout .cart-grid-right .cart-summary-totals .cart-summary-line.cart-total span.label {
font-weight: 700;
font-size: 22px;
color: #1D1D1B;
}
#checkout .cart-grid-right .cart-summary-totals .cart-summary-line.cart-total span.value {
font-weight: 800;
font-size: 30px;
color: #1D1D1B;
}
#checkout .block-promo {
margin: 0;
}
#checkout .block-promo .cart-voucher > p > a {
text-decoration: underline;
font-weight: 400;
font-size: 15px;
vertical-align: middle;
color: #1D1D1B;
}
#checkout .block-promo .cart-voucher > p > a:hover {
color: #B01E27;
}
#checkout .block-promo .promo-code form {
display: flex;
flex-direction: column;
position: relative;
}
#checkout .block-promo .promo-code .promo-input {
border: 2px solid #1D1D1B;
border-radius: 51px;
width: 100%;
position: relative;
z-index: 1;
}
#checkout .block-promo .promo-code button {
border-color: #1D1D1B;
border-radius: 3000px;
background-color: #1D1D1B;
margin: 0;
max-width: 30%;
width: 100%;
position: absolute;
right: 0;
z-index: 2;
padding: 0.5rem 0;
}
#checkout .block-promo .cancel-promo {
color: #1D1D1B;
}
#checkout div[paypal-messaging-banner] {
margin: 20px;
}
#checkout .cart-grid-body section.checkout-step h1.step-title,
#checkout .cart-grid-body section.checkout-step h1.step-title span.step-number {
background-color: transparent;
font-weight: 700;
font-size: 25px;
text-align: left;
color: #1D1D1B;
text-transform: none;
margin: 0;
border: 0px solid #232323;
border-radius: unset;
}
body#checkout section.checkout-step.-reachable h1 span.step-number {
border: 0;
display: inline-flex;
}
body#checkout div.cart-grid-body section.checkout-step h1.step-title {
border-bottom: 2px solid #1D1D1B;
border-top: 0;
opacity: 1;
}
#checkout #js-checkout-summary > div.card-block.cart-summary-totals.js-cart-summary-totals > div.cart-summary-line.cart-total::after {
display: none;
}
@media (max-width: 1699px) {
#checkout #content-wrapper > #content > div.row {
flex-direction: column;
}
#checkout .cart-grid-body,
#checkout .cart-grid-right {
margin: auto;
width: 100%;
}
}
@media (max-width: 767px) {
#checkout #wrapper > div.container {
margin: 0;
width: 100%;
}
#checkout .cart-grid-body {
padding-left: 10px;
padding-right: 10px;
}
#checkout div[paypal-messaging-banner] {
margin: 0px;
}
#checkout .cart-grid-right .cart-summary-totals .cart-summary-line.cart-total {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#checkout .cart-grid-right .cart-summary-totals .cart-summary-line.cart-total .label {
width: 100%;
max-width: 50%;
text-align: left;
}
#checkout .cart-grid-right .cart-summary-totals .cart-summary-line.cart-total .label > span {
white-space: nowrap;
font-size: 16px;
font-weight: 400;
}
#checkout .cart-grid-right .cart-summary-totals .cart-summary-line.cart-total span.value {
max-width: 50%;
font-size: 36px;
}
}
@media (max-width: 520px) {
#checkout .cart-grid-right .cart-summary-totals .cart-summary-line.cart-total span.label {
font-size: 16px;
}
#checkout .cart-grid-right .cart-summary-totals .cart-summary-line.cart-total .label > span {
font-size: 12px;
}
#checkout .cart-grid-right .cart-summary-totals .cart-summary-line.cart-total span.value {
font-size: 23px;
}
}
/* Informacion personal */
#checkout #checkout-personal-information-step > div > ul {
align-items: center;
display: flex;
justify-content: center;
gap: 100px;
}
#checkout #checkout-personal-information-step .content {
padding: 0;
}
#checkout #checkout-personal-information-step > div > ul > li:nth-child(2) {
display: none;
}
#checkout #checkout-personal-information-step > div > ul > li:nth-child(3) {
margin: 0;
}
#checkout #checkout-personal-information-step > div > ul > li > a {
font-weight: 500;
font-size: 16px;
color: #1D1D1B;
}
#checkout #checkout-personal-information-step > div > ul > li > a.nav-link.active {
position: relative;
font-weight: 700;
font-size: 16px;
}
#checkout #checkout-personal-information-step > div > ul > li > a.nav-link.active > hr {
border: 1px solid #1D1D1B;
width: calc(100% + 40px);
position: absolute;
left: -20px;
}
#checkout #checkout-personal-information-step #customer-form .form-group label {
font-weight: 600;
font-size: 18px;
color: #122128;
}
#customer-form > div > div.field-password-policy > div > div.col-md-3.form-control-comment,
#checkout #checkout-personal-information-step #customer-form .form-group span.form-control-comment {
font-weight: 400;
font-size: 16px;
}
#checkout #checkout-personal-information-step #customer-form p.form-informations span {
font-weight: 500;
font-size: 18px;
line-height: 150%;
color: #1D1D1B;
font-style: initial;
}
#checkout #checkout-personal-information-step #customer-form p.form-informations span:last-child {
font-weight: 400;
font-size: 16px;
}
#checkout #checkout-personal-information-step #customer-form > footer,
#checkout #checkout-personal-information-step #customer-form > footer > button {
width: 100%;
}
#checkout #checkout-personal-information-step #customer-form > footer > button {
border-radius: 30px;
background-color: #1D1D1B;
transition: 0.2s;
}
#checkout #checkout-personal-information-step #customer-form > footer > button:hover {
background-color: #B01E27;
}
#checkout .cart-grid-right .cart-summary-products > p,
#checkout .cart-grid-right .cart-summary-products > p > a {
font-weight: 700;
font-size: 16px;
color: #1D1D1B;
}
#checkout #checkout-personal-information-step #login-form .forgot-password {
width: fit-content;
margin: 15px auto;
}
#checkout #checkout-personal-information-step #login-form .forgot-password a {
color: #1D1D1B;
}
#checkout #checkout-personal-information-step #login-form > footer > button {
width: 100%;
border-radius: 30px;
background-color: #1D1D1B;
transition: 0.2s;
}
#checkout #checkout-personal-information-step #login-form > footer > button:hover {
background-color: #B01E27;
}
@media (max-width: 767px) {
#checkout #checkout-personal-information-step > div > ul {
flex-direction: column;
gap: 10px;
}
}
/* Direccion */
#checkout-personal-information-step > div > div > form > button {
width: 100%;
border-radius: 30px;
background-color: #1D1D1B;
transition: 0.2s;
}
#checkout-personal-information-step > div > div > form > button:hover {
background-color: #B01E27;
}
#checkout #checkout-addresses-step .content {
padding: 30px 0;
}
#checkout #checkout-addresses-step .form-group.row select {
border-radius: 38px;
border: 2px solid #1D1D1B;
padding-right: 16px;
padding-left: 16px;
background-color: #fff;
}
#checkout .form-group.check-id_country .js-input-column,
#checkout .form-group.check-id_state .js-input-column,
#address .form-group.check-id_country .js-input-column,
#address .form-group.check-id_state .js-input-column {
position: relative;
display: inline-block;
width: 100%;
}
#checkout .form-group.check-id_country .js-input-column select,
#checkout .form-group.check-id_state .js-input-column select,
#address .form-group.check-id_country .js-input-column select,
#address .form-group.check-id_state .js-input-column select {
appearance: none; /* Importante */
-moz-appearance: none;
-webkit-appearance: none;
padding-right: 20px; /* espacio para la flecha */
border: 2px solid #1D1D1B;
background-image: none!important;
background-color: #fff;
}
#checkout .form-group.check-id_country .js-input-column::after,
#checkout .form-group.check-id_state .js-input-column::after,
#address .form-group.check-id_country .js-input-column::after,
#address .form-group.check-id_state .js-input-column::after{
content: "";
position: absolute;
right: 40px;
top: 50%;
transform: translateY(-50%) rotate(45deg);
width: 8px;
height: 8px;
border: 2px solid #1D1D1B;
border-width: 0px 2px 2px 0px;
pointer-events: none;
}
#checkout #checkout-addresses-step div.form-group.row label {
font-weight: 600;
font-size: 14px;
color: #122128;
text-align: left;
}
#checkout #checkout-addresses-step #delivery-address footer > button {
width: 100%;
border-radius: 30px;
background-color: #1D1D1B;
transition: background 0.2s;
}
#checkout #checkout-addresses-step #delivery-address footer > button:hover {
background-color: #B01E27;
}
body#checkout #content-wrapper a {
color: #232323;
}
body#checkout #content-wrapper a:hover {
color: #B01E27;
text-decoration: underline;
}
body#checkout .footer-container li a:hover {
color: #fff;
}
#checkout #payment-confirmation .btn-primary.disabled {
opacity: 0.4;
}
#checkout #checkout-addresses-step .btn-primary.continue,
#checkout #checkout-delivery-step .continue.btn-primary,
#checkout #payment-confirmation .btn-primary {
color: #fff;
background: #000;
font-weight: 700;
padding: 10px 25px;
border-radius: 30px;
}
#checkout #checkout-addresses-step .btn-primary.continue:hover,
#checkout #checkout-delivery-step .continue.btn-primary:hover,
#checkout #payment-confirmation .btn-primary:hover {
background: #B01E27;
}
body#checkout section.checkout-step .delivery-options > .row {
border-right: -0rem solid #c3c3c3;
border-radius: 15px;
}
#checkout .js-customer-form {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#checkout .form-group label,
#checkout .form-group .js-input-column {
width: 100%;
}
#checkout .form-group .js-input-column input {
border: 2px solid #1D1D1B;
border-radius: 51px;
background-color: white;
}
.form-control:focus {
color: #232323;
background-color: #fff;
outline: .1875rem solid #B01E27;
}
body#checkout section.checkout-step .address-item.selected {
border: #B01E27 3px solid;
border-radius: 15px;
}
.custom-radio input[type="radio"]:checked + span {
background-color: #B01E27;
}
#checkout .product-price {
color: #1D1D1B;
}
#checkout .input-group .input-group-btn > .btn[data-action="show-password"] {
border-radius: 30px;
}
#checkout .input-group.inputpassword.focus {
outline: 0px solid;
}
#checkout .form-control:focus {
color: #232323;
background-color: #fff;
outline: 2px solid #B01E27;
}
body#checkout a:hover {
color: #1a8196;
}
.floating-label {
position: relative;
margin-bottom: 1.5rem;
}
.floating-label .form-control {
padding: 30px 20px 10px 20px;
border: 2px solid #1D1D1B;
border-radius: 51px;
background-color: white;
}
.floating-label .form-control.js-visible-password {
padding: 20px 20px 20px 20px;
}
.floating-label label {
position: absolute;
top: 21px;
left: 33px;
font-size: 1rem;
color: #122128;
transition: 0.2s ease all;
pointer-events: none;
background: transparent;
padding: 0 0.25rem;
width: auto
}
.floating-label span.custom-checkbox label {
position: inherit;
pointer-events: unset;
}
/* Cuando el input tiene foco o contenido */
.floating-label .form-control:focus + label,
.floating-label .form-control:focus ~ label,
.floating-label .form-control:not(:placeholder-shown) + label,
.floating-label .form-control:not(:placeholder-shown) ~ label,
#checkout #checkout-personal-information-step #customer-form .form-group.floating-label .form-control:not(:placeholder-shown) + label,
#checkout #checkout-personal-information-step #customer-form .form-group.floating-label .form-control:not(:placeholder-shown) ~ label,
#registration #customer-form .form-group.floating-label .form-control:not(:placeholder-shown) + label,
#registration #customer-form .form-group.floating-label .form-control:not(:placeholder-shown) ~ label{
top: 10px;
left: 33px;
font-size: 0.75rem;
color: #333;
}
.floating-label select.form-control:not([size]):not([multiple]) {
height: auto;
}
/* ****************** confirmación de pedido ************************* */
#order-confirmation .card-block p a {
color: #B01E27;
}
/* ***************** mi cuenta *********************** */
/* ********* mi cuenta ********** */
#my-account .page-content {
width: 1100px;
margin-left: auto;
margin-right: auto;
max-width: 100%;
text-align: left;
padding: 1.25rem 0px;
}
#my-account h1 {
font-size: 30px;
font-weight: 400;
text-align: center;
margin-top: 20px;
color: #000;
}
#my-account h1 p{
font-size: 16px;
line-height: 19px;
font-weight: 400;
margin-top: 20px;
color: #000;
}
#my-account .first-row {
margin-right: 0px;
margin-left: 0px;
}
#my-account.page-my-account #content .links {
padding: 0px 17px;
}
#my-account #account-pedidos,
#my-account #account-resumen,
#my-account #account-contacto,
#my-account #account-otros {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-top: 15px;
}
#my-account .section-pedidos,
#my-account .section-resumen,
#my-account .section-contacto,
#my-account .section-otros {
width: 100%;
display: flex;
flex-wrap: wrap;
margin-left: 0px;
margin-right: -15px;
}
#my-account.page-my-account #content .links .section-pedidos a,
#my-account.page-my-account #content .links .section-resumen a,
#my-account.page-my-account #content .links .section-contacto a,
#my-account.page-my-account #content .links .section-otros a {
padding-left: 0px;
padding-right: 0px;
}
#my-account.page-my-account #content .links h2 {
font-size: 20px;
font-weight: 700;
color: #000;
line-height: 120%;
margin-bottom: 20px;
text-align: center;
width: 100%;
}
#my-account.page-my-account #content .links a {
text-transform: unset;
}
#my-account.page-my-account #content .links a span.link-item {
height: 100%;
min-height: 130px;
background: #fff;
border-radius: 30px;
border: 1px solid #B01E27;
display: flex;
flex-direction: column;
padding: 15px 30px;
align-items: center;
font-size: 16px;
line-height: 140%;
font-weight: 500;
color: #000;
fill: #B01E27;
stroke: #B01E27;
text-transform: uppercase;
}
#my-account.page-my-account #content .links a span.link-item:hover {
background: #B01E27;
color: #fff;
}
#my-account.page-my-account #content .links a span.link-item:hover svg path,
#my-account.page-my-account #content .links a span.link-item:hover svg path {
fill: #fff;
stroke: #fff;
}
#my-account.page-my-account #content .links a span.link-item i,
#my-account.page-my-account #content .links a span.link-item img {
color: #1D1D1B;
}
#my-account.page-my-account #content .links a span.link-item i,
#my-account.page-my-account #content .links a span.link-item svg,
#my-account.page-my-account #content .links a span.link-item img {
width: 76px;
margin-right: 10px;
}
#my-account.page-my-account #content .links a span.link-item:hover i,
#my-account.page-my-account #content .links a span.link-item:hover svg,
#my-account.page-my-account #content .links a span.link-item:hover img {
color: #fff;
}
#my-account.page-my-account .page-footer {
margin-top: 50px;
margin-bottom: 100px;
text-align: center;
}
#my-account.page-my-account .page-footer a {
text-transform: unset;
color: #fff;
background-color: #000;
border-radius: 20px;
font-size: 16px;
font-weight: 700;
line-height: 150%;
padding: 8px 30px;
border: 1px solid #000;
width: 365px;
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
#my-account.page-my-account .page-footer a:hover {
background-color: #B01E27;
border: 1px solid #B01E27;
}
#my-account.page-my-account hr,
hr.hrfullwidth {
margin: 0;
border: none;
height: 1px;
background-color: #FFF;
position: relative;
left: 50%;
transform: translateX(-50%);
width: calc(100vw - 17px);
margin-top: 25px;
margin-bottom: 5px;
}
@media (min-width: 768px) {
#my-account h1 {
font-size: 35px;
}
#my-account .section-pedidos,
#my-account .section-resumen,
#my-account .section-contacto,
#my-account .section-otros {
margin-left: -15px;
}
#my-account.page-my-account #content .links {
padding: 0px 0px;
margin: 0px;
}
#my-account.page-my-account #content .links .section-pedidos a,
#my-account.page-my-account #content .links .section-resumen a,
#my-account.page-my-account #content .links .section-contacto a,
#my-account.page-my-account #content .links .section-otros a {
padding-left: 15px;
padding-right: 15px;
}
#my-account.page-my-account #content .links h2 {
text-align: left;
}
#my-account.page-my-account #content .links a span.link-item {
padding: 24px 30px;
min-height: 150px;
}
#my-account.page-my-account .page-footer {
margin-bottom: 150px;
}
}
@media (min-width: 1200px) {
#my-account h1 {
font-size: 40px;
}
#my-account h1 p {
font-size: 20px;
}
#my-account.page-my-account #content .links a span.link-item {
padding: 30px 30px;
}
#my-account.page-my-account .page-footer {
margin-bottom: 200px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
#my-account .page-content .row {
margin-right: 0px;
margin-left: 0px;
}
#my-account .section-pedidos {
margin-right: 0px;
}
#my-account.page-my-account #content .links .section-pedidos a ,
#my-account.page-my-account #content .links .section-resumen a {
padding-left: 0px;
padding-right: 0px;
width: 48%;
}
#my-account .section-pedidos,
#my-account .section-resumen,
#my-account .section-contacto,
#my-account .section-otros {
margin-left: 0px;
margin-right: 0px;
justify-content: space-between;
}
}
/* ********** PAGE NO FOUND ****************** */
#pagenotfound h1 {
color: #1D1D1B;
text-align: center;
font-size: 30px;
font-weight: 400;
line-height: 120%;
}
#pagenotfound .block-error404 {
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-bottom: 100px;
}
#pagenotfound .error404-viewall {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 30px;
}
#pagenotfound .error404-viewall a {
padding: 8px 30px;
border-radius: 200px;
background: #1D1D1B;
color: #FFF;
text-align: center;
margin-bottom: 30px;
font-weight: 700;
font-size: 16px;
line-height: 24px;
transition: 0.4s;
}
#pagenotfound .error404-viewall a:hover {
background-color: #B01E27;
border-color: #B01E27;
}
#pagenotfound .bloque-imagenes img {
max-width: 100%;
}
@media (min-width: 768px) {
#pagenotfound h1 {
font-size: 40px;
}
#pagenotfound .block-error404 {
margin-bottom: 150px;
}
#pagenotfound .error404-viewall {
justify-content: center;
}
#pagenotfound .error404-viewall a.tienda-link {
margin-right: 30px;
}
}
@media (min-width: 992px) {
#pagenotfound h1 {
text-align: left;
}
#pagenotfound .block-error404 {
flex-direction: row;
align-items: center;
margin-bottom: 200px;
}
#pagenotfound .error404-viewall {
justify-content: flex-start;
margin-top: 50px;
}
}
@media (max-width: 767.98px) {
#pagenotfound .error404-viewall a {
width: 100%;
}
}
/* ****************** buscador jolisearch ************************ */
/* subcategorias */
#module-ambjolisearch-jolisearch .categories {
justify-content: center;
}
#module-ambjolisearch-jolisearch .categories li .subcategory-image a {
padding: 0px;
border: 0px solid #f6f6f6;
}
#module-ambjolisearch-jolisearch .categories li:hover .subcategory-image a {
padding: 0px;
border: 0px solid #24b9d7;
}
#module-ambjolisearch-jolisearch .categories li .subcategory-image a img {
border-radius: 8px;
}
#module-ambjolisearch-jolisearch .categories h2 {
border-radius: 300px;
background: #B01E27;
padding: 10px;
color: #fff;
text-align: center;
font-size: 21px;
font-weight: 500;
line-height: 120%;
text-transform: uppercase;
}
#module-ambjolisearch-jolisearch .categories {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#module-ambjolisearch-jolisearch .categories a {
width: 100%;
min-width: unset;
margin: 10px;
text-align: center;
}
@media (max-width: 767.98px) {
#module-ambjolisearch-jolisearch .categories a {
margin: 0px;
}
}
/*
@media (min-width: 768px) {
#module-ambjolisearch-jolisearch .categories a {
width: calc(100%/2 - 20px);
}
}
@media (min-width: 1200px) {
#module-ambjolisearch-jolisearch .categories a {
width: calc(100%/4 - 20px);
}
}
*/
/* url buscador */
#module-ambjolisearch-jolisearch .js-content-wrapper .categories {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 25px;
}
#module-ambjolisearch-jolisearch .search-title-categories {
width: 195px;
border-radius: 45px;
margin: 0px 15px 25px 15px;
}
#module-ambjolisearch-jolisearch .js-content-wrapper .categories .search-title-categories .block-category {
min-height: unset;
padding: 0px;
border-radius: 45px;
}
#module-ambjolisearch-jolisearch .search-title-categories .block-category h2 {
text-transform: none;
color: #0D1200;
background-color: #FFF;
padding: 15px 0px;
text-align: center;
margin-bottom: 0px;
border-radius: 45px;
font-size: 25px;
font-weight: 600;
}
#module-ambjolisearch-jolisearch #js-product-list-header {
text-align: center;
text-transform: unset;
color: #000;
font-size: 30px;
font-weight: 400;
line-height: 120%;
}
#module-ambjolisearch-jolisearch .btn-unstyle.select-title {
background: #fff;
border: 1px solid #000;
border-radius: 27px;
width: max-content;
padding-right: 50px;
color: #000;
}
#module-ambjolisearch-jolisearch .btn-unstyle.select-title i {
padding-left: 30px;
}
#module-ambjolisearch-jolisearch #products .total-products p {
text-align: left;
color: #000;
}
#module-ambjolisearch-jolisearch .products-selection .sort-by {
color: #000;
}
#module-ambjolisearch-jolisearch .pagination > div:first-child {
color: #000;
}
#module-ambjolisearch-jolisearch #js-product-list-top.products-selection {
margin-bottom: 30px;
}
#module-ambjolisearch-jolisearch .products-selection .sort-by-row {
justify-content: flex-end;
}
@media (min-width: 768px) {
#module-ambjolisearch-jolisearch #js-product-list-header {
font-size: 35px;
}
#module-ambjolisearch-jolisearch #products .products-sort-order {
width: auto;
}
#module-ambjolisearch-jolisearch .search-title-categories {
margin: 0px 15px;
}
}
@media (min-width: 1200px) {
#module-ambjolisearch-jolisearch #js-product-list-header {
font-size: 40px;
margin-top: 40px;
}
#module-ambjolisearch-jolisearch .js-content-wrapper .categories {
margin-top: 40px;
margin-bottom: 30px;
}
}
@media (max-width: 767.98px) {
#module-ambjolisearch-jolisearch .categories {
flex-direction: column;
align-content: center;
}
#module-ambjolisearch-jolisearch .products-sort-order .select-title {
width: 100%;
}
}
/* modal buscador */
.ui-menu.ui-jolisearch {
background-color: #fff;
border-radius: 30px;
margin-top: 20px;
}
.ui-widget-content {
border: 1px solid #fff;
background: #0D1200 url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
color: #000;
}
.ui-menu.ui-jolisearch .jolisearch-body aside[role="complementary"] li {
background-color: #fff;
color: #000;
}
.ui-menu.ui-jolisearch .jolisearch-body h4 {
border-bottom: 1px solid #000;
color: #000;
}
.ui-widget-content a {
color: #000;
}
.ui-menu.ui-jolisearch .jolisearch-body aside[role="complementary"] .items-count {
color: #000;
}
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product {
background-color: #fff;
}
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product .jolisearch-product .product-price {
color: #000;
}
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product:hover {
background-color: transparent;
border: 1px solid transparent;
}
.ui-menu.ui-jolisearch .jolisearch-body aside[role="complementary"] li:hover {
background-color: transparent;
border: transparent;
border: 1px solid transparent;
}
.ui-menu.ui-jolisearch .jolisearch-body aside[role="complementary"] li:hover a {
color: #B01E27;
}
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .more-results a:hover {
background-color: transparent;
border: transparent;
border: 1px solid transparent;
color: #B01E27;
}
.ui-menu.ui-jolisearch .jolisearch-body section[role="main"] .product .jolisearch-product .product-price {
font-weight: 800;
font-size: 16px;
line-height: 20px;
}
#checkout .custom-checkbox input[type="checkbox"]:checked + span .checkbox-checked {
display: block;
}
/* formulario nueva dirección en mi cuenta */
#address .address-form .btn-primary {
padding: 0px 30px;
font-size: 16px;
font-weight: 700;
height: 36px;
line-height: 24px;
width: 100%;
background-color: #1d1d1b;
border-radius: 200px;
text-transform: capitalize;
margin-top: 30px;
transition: 0.2s;
}
#address .address-form .btn-primary:hover {
background-color: #B01E27;
border-color: #B01E27;
}
@media (min-width: 1200px) {
#address .address-form .btn-primary {
width: 131px;
margin-top: 0px;
}
}
/* ********* checkbox **************************** */
.custom-checkbox input[type="checkbox"] + span,
input[type="checkbox"]#field_politicas,
input[type="checkbox"]#field_newsletter {
border: 2px #000 solid;
display: inline-block;
width: 16px;
height: 16px;
}
.custom-checkbox input[type="checkbox"] + span .checkbox-checked {
color: #fff;
background: #B01E27;
border-radius: 3px;
width: 16px;
height: 16px;
margin: -1px;
font-size: 14px;
}
.custom-checkbox input[type="checkbox"]:hover + span {
border: 2px #B01E27 solid;
width: 16px;
height: 16px;
}
#registration .custom-checkbox input[type="checkbox"] + span .checkbox-checked {
width: 14px;
height: 14px;
}
input[type="checkbox"]#use_same_address:checked,
input[type="checkbox"]#field_politicas:checked,
input[type="checkbox"]#field_newsletter:checked {
accent-color: #B01E27;
border: 2px solid #000;
border-radius: 3px;
width: 16px;
height: 16px;
}
#contact .pfg-forms .form-group input:focus,
#contact .pfg-forms .form-group textarea:focus,
#contact .pfg-forms .form-group select:focus {
outline: 0rem solid #B01E27;
}
/* *********** footer de urls de mi cuenta *************** */
#content-wrapper .alert.alert-info {
border-radius: 30px;
}
#content-wrapper footer.page-footer {
margin-bottom: 60px;
}
#content-wrapper footer.page-footer a.account-link {
color: #000;
}
#content-wrapper footer.page-footer a.account-link:hover {
color: #B01E27;
}
@media (min-width: 768px) {
#content-wrapper footer.page-footer {
margin-bottom: 100px;
}
}
#identity #customer-form > div > div:nth-child(n+7) > div > span > label,
#identity #customer-form > div > div:nth-child(8) > div.col-md-6.js-input-column > span > label > a > strong{
color: #1D1D1B;
font-weight: 500;
line-height: 140%;
font-size: 16px;
left: 0px;
padding-left: 0px;
}
/* Login y Registro -> Para el ojo de mostrar contraseña */
#identity #field-password + .input-group-btn > .btn,
#identity #field-password + .input-group-btn > .btn,
#identity #field-new_password + .input-group-btn > .btn,
#identity #field-new_password + .input-group-btn > .btn { /* Closed eye */
font-size:0;
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
display: flex;
align-items: center;
z-index: 99;
width: 24px;
height: 24px;
border: none;
background: url('data:image/svg+xml;utf8,') no-repeat center center;
background-size: contain;
cursor: pointer;
outline: none;
}
#identity #field-password[type="password"] + .input-group-btn > .btn,
#identity #field-new_password[type="password"] + .input-group-btn > .btn { /* Open eye */
background: url('data:image/svg+xml;utf8,') no-repeat center center;
}
#identity #field-password,
#identity #field-new_password {
border-radius: 51px;
border: 2px solid #2F2D3C;
}
#identity #field-password:focus,
#identity #field-new_password:focus {
color: #232323;
background-color: #fff;
outline: .1875rem solid #B01E27;
}
#identity #customer-form a {
color: #1D1D1B;
text-decoration-line: underline;
}
#identity #customer-form .btn-primary {
text-transform: unset;
color: #FFF;
background-color: #2F2D3C;
border-radius: 50px;
border: 1px solid #2F2D3C;
}
#identity #customer-form .btn-primary:hover {
color: #000;
background-color: #FFF;
border-radius: 20px;
border: 1px solid #2F2D3C;
}
/* selectores */
.page-content.page-cms .products-selection ul,
.page-content.page-cms .products-selection ul .select-title,
.page-content.page-cms .products-selection ul .sort-by,
.products-selection .page-content.page-cms ul,
.products-selection .page-content.page-cms ul .select-title,
.products-selection .page-content.page-cms ul .sort-by,
.products-selection .sort-by-row,
.products-selection .sort-by-row .select-title,
.products-selection .sort-by-row .sort-by,
.products-selection p,
.products-selection p .select-title,
.products-selection p .sort-by {
font-size: 16px;
}
#product .product-container.js-product-container .scroll-box-arrows i.left {
left: -15px;
bottom: 10px;
font-size: 40px;
}
#product .product-container.js-product-container .scroll-box-arrows i.right {
right: -15px;
bottom: 10px;
font-size: 40px;
}
.fancybox__container {
--carousel-button-svg-filter: unset!important;
}
#products .infinite-scroll .dynamic-product-count {
display: none;
}
.page-cms-9 .pfg-forms .form-group input[type="checkbox"] {
appearance: none; /* Quitamos estilo del navegador */
-webkit-appearance: none;
width: 18px;
height: 18px;
border: 1.5px solid #000; /* Borde oscuro */
border-radius: 3px; /* Esquinas */
cursor: pointer;
position: relative;
padding: 0px;
}
.page-cms-9 .pfg-forms .form-group input[type="checkbox"]:checked {
background-color: #b30000; /* Color al marcar */
border-color: #b30000;
}
.page-cms-9 .pfg-forms .form-group input[type="checkbox"]:checked::after {
content: "✔";
color: white;
font-size: 12px;
position: absolute;
left: 1px;
top: -6px;
font-weight: bold;
}
@media (min-width: 768px) and (max-width: 1200px) {
#dd_inicioproductosdestacados.slider-general .products-slick .slick-list,
#dd_inicioproductosdestacados2.slider-general .products-slick .slick-list {
margin-left: 40px;
}
}
#index .bloglistswip .blog-grid:hover .block_top img {
transform: scale(1.2);
transition: 0.4s;
}
#module-prestablog-blog #prestablogfont p,
#module-prestablog-blog #prestablogfont ul,
#module-prestablog-blog #prestablogfont li,
#module-prestablog-blog #prestablogfont ol {
margin: 0 0 15px;
color: #1D1D1B;
font-size: 18px;
}
#module-ambjolisearch-jolisearch .hrfullwidth {
display: none;
}
@media screen and (max-width: 767px) {
#cart .card-block {
padding: 1.25rem 1.25rem .5rem;
}
}
#module-psgdpr-gdpr .psgdprinfo17 a {
color: #1D1D1B;
text-decoration: underline;
}
#module-psgdpr-gdpr .psgdprinfo17 a:hover {
color: #B01E27;
}
#module-psgdpr-gdpr #exportDataToPdf.btn-primary,
#module-psgdpr-gdpr #exportDataToCsv.btn-primary {
color: #fff;
background-color: #000;
border-color: transparent;
border-radius: 20px;
text-transform: Uppercase;
text-decoration: unset;
}
#module-psgdpr-gdpr #exportDataToPdf.btn-primary:hover,
#module-psgdpr-gdpr #exportDataToCsv.btn-primary:hover {
background-color: #B01E27;
}
#address h1 {
text-align: center;
margin-bottom: 50px;
}
#address #content-wrapper #main {
width: 100%;
max-width: 500px;
background: transparent;
padding: 0;
margin: 0 auto;
}
@media (max-width: 767.98px) {
.fancybox__slide {
padding: 8px 23px 8px 15px!important;
}
#pfg-form-5.pfg-forms .form-group textarea {
height: 140px;
}
.fancybox__content {
padding: 15px 5px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
#fancybox-1 .fancybox__content {
height: 650px!important;
}
.fancybox__slide {
padding: 8px 23px 8px 15px!important;
}
}
#index .prestablogswip .nivo-directionNav {
display: none;
}
#product-modal.js-product-images-modal .modal-content .modal-body .image-caption {
display: none;
}
#dd_menuvertical .menu .categorias {
margin-bottom: 30px;
}
#product #module-dd_gracias-gracias #blockEmailSubscription_displayFooterBefore {
display: none;
}
footer .block_newsletter .custom-checkbox label {
align-items: start;
}
footer .block_newsletter .newsletter-form {
width: 100%;
}
footer .block_newsletter .custom-checkbox input[type="checkbox"] + span {
width: 70px;
margin-right: 10px;
}
@media (min-width: 1200px) {
.block_newsletter {
height: 650px;
}
}
@media (min-width: 1600px) {
.block_newsletter {
height: 465px;
}
}
@media (max-width: 1199.98px) and (min-width: 768px) {
footer .block_newsletter .custom-checkbox input[type="checkbox"] + span {
width: 175px;
}
}
@media (max-width: 1199.98px) {
.block_newsletter {
display: flex;
flex-wrap: wrap;
height: unset;
padding-top: 40px;
padding-bottom: 40px;
}
.block_newsletter .newsletter-title-form {
height: unset;
}
}
@media (max-width: 767.98px) {
footer .block_newsletter .custom-checkbox input[type="checkbox"] + span {
width: 200px;
}
}
#module-redsysdeferred-payment .btn-primary.pay-all {
color: #fff;
background: #000;
font-weight: 700;
padding: 10px 25px;
border-radius: 30px;
}
#product #main .block-error404 .bloque-imagenes img{
width: 100%;
}
#blog_list_1-7 li{
transition: background .2s ease-in, scale .2s ease-in !important;
cursor: pointer;
}
#blog_list_1-7 li .block_cont{
border-radius: 20px;
}
#blog_list_1-7 li .image img{
transition: transform .2s ease-in;
}
#blog_list_1-7 li:hover .imagen img{
transform: scale(1.1) !important;
}
#blog_list_1-7 .block_top img, #blog_list_1-7 a, .block_cont, #blog_list_1-7 li *{
transition: all .2s ease-in-out !important;
}
.header-nav #_desktop_currency_selector .currency-selector{
margin: 0px;
margin-right: 20px;
display: flex;
align-items: center;
gap: 5px;
color: #FFF;
}
.header-nav #_desktop_currency_selector .currency-selector button{
display: flex;
align-items: center;
}
.header-nav #_desktop_currency_selector .currency-selector button span{
color: #FFF;
}
.header-nav #_desktop_currency_selector .currency-selector button i{
margin: 0px;
width: 24px;
height: 24px;
color: #FFF;
display: block;
line-height: 100%;
}
.header-nav #_desktop_currency_selector .currency-selector ul{
color: rgb(255, 255, 255);
background-color: #fff;
border: 1px solid #000;
border-radius: 5px;
}
.header-nav #_desktop_currency_selector .currency-selector ul li {
color: #FFF;
line-height: 120%;
}
.header-nav #_desktop_currency_selector .currency-selector ul li a{
color: #0D1200;
}