.block-content-prod {
width: 31% !important;
z-index: 1;
margin-left: -7px;
}
.block-slider-content {
width: 100% !important;
}
.swiper-horizontal {
border-radius: 7px;
}
.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
background-color: #fff !important;
opacity: .9;
}
.swiper-pagination-bullet {
width: 16px;
height: 16px;
}
.section-info figure {
height: 215px;
overflow: hidden;
}
.section-info img {
height: 100%;
}
.section-info .elementor-row {
gap: 15px;
}
.section-info .elementor-animation-grow:hover {
filter: brightness(0.7);
}
.section-info .elementor-animation-grow {
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
filter 0.5s ease-out;
}
/*icon divide section svg*/
.line-with-icon {
position: relative;
width: 100%;
height: 1px;
background: #808080;
border-radius: 2px;
margin: 2.5rem 0;
}
.svg-center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
padding: 0 12px;
display: flex;
justify-content: center;
align-items: center;
}
.svg-center svg {
width: 30px;
height: auto;
display: block;
transition: transform 0.2s ease;
}
@media (max-width: 540px) {
.svg-center svg {
width: 30px;
}
.svg-center {
padding: 0 8px;
}
.line-with-icon {
margin: 1.8rem 0;
}
}
/*end icon divide section svg*/
/* Contenedor de la imagen */
.section-tutoriales {
position: relative;
}
/* Posicionamiento relativo para el overlay */
.section-tutoriales .elementor-image {
position: relative;
}
/* La imagen se mantiene al 100% de opacidad (sin cambios) */
.section-tutoriales .elementor-image img {
display: block;
width: 100%;
height: auto;
}
/* Capa negra con 50% de opacidad SOBRE la imagen */
.section-tutoriales .elementor-image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
/* Negro con 50% opacidad */
z-index: 1;
pointer-events: none;
/* Permite que los clics pasen a través de la capa */
border-radius: 7px;
}
/* Icono de play (por encima de la capa negra) */
.section-tutoriales .elementor-image::after {
content: "\f04b";
font-family: "Font Awesome 6 Free";
font-weight: 900;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 60px;
color: white;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
z-index: 2;
pointer-events: none;
}
.svg-center-prefooter {
background: transparent;
display: flex;
justify-content: center;
align-items: center;
}
.svg-center-prefooter svg {
width: 50px;
height: 50px;
display: block;
transition: transform 0.2s ease;
}
.icon-flex-content {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
column-gap: 15px;
align-items: center;
justify-content: center;
}
.product-flags .new {
display: none !important;
}
.block-product-banner .product-miniature-default .product-flags {
left: 80%;
}
.block-product-banner .product-flags .discount {
background: #808080;
font-size: 0px !important;
height: 80px;
width: 80px;
border-radius: 100%;
}
.block-product-banner .product-flags .discount:before {
content: '¡OFERTA!';
position: absolute;
top: 48%;
left: 16%;
font-size: 13px;
font-weight: 700;
/* font-family: "Barlow", Sans-serif; */
}
.product-miniature:hover {
outline: none !important;
box-shadow: none !important;
}
.block-product-banner .product-miniature-grid .product-title {
font-size: 20px;
font-weight: 300;
/* font-family: "Barlow", Sans-serif; */
line-height: 23px;
text-transform: none;
color: #000 !important;
}
.product-price-and-shipping {
display: flex;
gap: 7px;
flex-direction: row-reverse;
}
.block-product-banner .product-price-and-shipping {
justify-content: center;
margin-top: 12px;
}
.product-price-and-shipping {
justify-content: left;
}
.block-product-banner .product-price-and-shipping a span,
.block-product-banner .product-price-and-shipping span {
font-size: 24px !important;
}
.product-price-and-shipping a span,
.product-price-and-shipping span {
/* font-family: "Barlow", Sans-serif; */
font-weight: 600 !important;
line-height: 20px;
}
.product-price-and-shipping a span {
color: #000 !important;
}
.product-price-and-shipping .regular-price.text-muted {
color: #808080 !important;
}
.products-grid .product-miniature-layout-1 .products-variants {
display: none;
}
.block-content-right .elementor-icon-box-description {
text-align: left;
}
.block-category .elementor-image-box-img img {
border-radius: 7px;
}
.block-category .elementor-image-box-title a {
color: #00000085 !important;
}
.product-miniature-grid .product-title {
font-size: 18px;
/* font-family: "Barlow", Sans-serif; */
font-weight: 400;
text-transform: none;
line-height: 23px;
}
.product-price-and-shipping a span,
.product-price-and-shipping span,
.product-miniature-grid .product-price {
font-size: 16px;
}
.product-description {
text-align: left;
}
.product-flag.discount:not(.block-product-banner .product-flag.discount) {
display: none;
}
.section-marcas .block-column-1,
.section-marcas .block-column-3 {
width: 2% !important;
}
.section-marcas .block-column-2 {
width: 96% !important;
}
.icon-action-left .elementor-icon i,
.icon-action-right .elementor-icon i {
width: fit-content;
cursor: pointer;
}
.block-slider {
opacity: 1;
height: 0px;
overflow: hidden;
}
.block-slider-content .swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 17px;
}
/* Escritorio: gap entre columnas */
.block-product-ofertas .products.row,
.block-product-novedades .products.row {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 0 !important;
}
.block-product-ofertas .products.row .js-product-miniature-wrapper,
.block-product-novedades .products.row .js-product-miniature-wrapper {
width: calc(16.666% - 16.667px) !important;
/* 1/6 menos el gap */
flex: 0 0 calc(16.666% - 16.667px) !important;
max-width: calc(16.666% - 16.667px) !important;
margin: 0 !important;
}
/* Uniformar altura de imágenes en todos los widgets de productos */
.elementor-widget-prestashop-widget-ProductsList .thumbnail-container img:not(.block-content-prod .elementor-widget-prestashop-widget-ProductsList .thumbnail-container img),
.products-grid .thumbnail-container img:not(.block-content-prod .products-grid .thumbnail-container img) {
width: 100%;
height: 225px;
object-fit: cover;
object-position: center;
}
.product-functional-buttons {
display: none;
}
.img-cover-overlay img {
width: 100%;
object-fit: cover;
height: 220px
}
.img-cover-overlay .elementor-image {
height: 220px;
overflow: hidden;
}
.img-cover-overlay .elementor-animation-grow:hover {
filter: brightness(0.7);
}
.img-cover-overlay .elementor-animation-grow {
transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
filter 0.5s ease-out;
}
.content-mb-p20 p {
margin-bottom: 20px !important;
}
.content-mb-p24 p {
margin-bottom: 24px !important;
}
.content-mb-p25 p {
margin-bottom: 25px !important;
}
.content-mb-p27 p {
margin-bottom: 27px !important;
}
.content-mb-p28 p {
margin-bottom: 28px !important;
}
.content-mb-p30 p {
margin-bottom: 28px !important;
}
.svg-center-compra {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: #fff;
padding: 0 12px;
display: flex;
justify-content: center;
align-items: center;
}
.svg-center-compra svg {
width: 35px;
height: auto;
display: block;
transition: transform 0.2s ease;
}
.svg-center-compra svg path {
fill: #000000ad;
}
.svg-info,
.svg-info2 {
background: #fff;
padding: 1px;
display: flex;
}
.svg-info svg {
width: 26px;
height: auto;
display: block;
transition: transform 0.2s ease;
}
.svg-info2 svg {
width: 32px;
height: auto;
display: block;
transition: transform 0.2s ease;
}
.svg-info svg path,
.svg-info2 svg path {
fill: #808080;
}
.svg-info-col-a {
width: 7% !important;
}
.svg-info-col-b {
width: 93% !important;
}
.acordion-style .elementor-accordion-item {
margin-bottom: 20px;
}
.acordion-style .elementor-accordion-content {
padding: 25px 75px 0px 75px;
}
.acordion-style .elementor-accordion-title {
display: flex;
gap: 12px;
align-items: center;
}
.acordion-style .elementor-accordion-icon {
color: #808080;
font-size: 18px;
}
.acordion-style .elementor-accordion-title span:hover {
color: #808080;
}
.acordion-style .elementor-accordion-title.active span:hover {
color: #000000;
}
/**/
.btn-tienda-online,
.btn-tienda-madrid,
.btn-tienda-potterygym {
transition: all 0.3s ease;
border-bottom: 2px solid #f8f4ef;
color: #808080;
cursor: pointer;
}
.section-btn-tab a,
.section-btn-tab .btn-secondary :active {
background-color: transparent !important;
}
.section-tienda-madrid,
.section-taller-potterygym {
display: none;
}
/**/
.svg-newsletter {
background: transparent;
padding: 1px;
display: flex;
align-items: center;
justify-content: center;
}
.svg-newsletter svg {
width: 50px;
height: auto;
display: block;
transition: transform 0.2s ease;
}
.svg-newsletter svg path {
fill: #00000061;
}
.section-bg-banner-newslettter {
position: relative;
background-color: transparent !important;
/* Asegura que no haya color de fondo directo */
}
/* Pseudo-elemento para el fondo con gradiente y opacidad */
.section-bg-banner-newslettter::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(180deg, #000000AD 0%, #808080 100%);
opacity: 0.6;
pointer-events: none;
/* Permite hacer clic a través del pseudo-elemento */
z-index: 0;
}
/* Asegura que todo el contenido dentro de la sección esté por encima del pseudo-elemento */
.section-bg-banner-newslettter .elementor-container,
.section-bg-banner-newslettter .elementor-row,
.section-bg-banner-newslettter .elementor-column,
.section-bg-banner-newslettter .elementor-widget-wrap,
.section-bg-banner-newslettter>* {
position: relative;
z-index: 1;
}
/* Si la imagen debe mostrarse sin opacidad, también aseguramos su z-index */
.section-bg-banner-newslettter .elementor-widget-image img {
position: relative;
z-index: 1;
}
.product-torno .product-description a {
text-align: center;
/* font-family: "Barlow", Sans-serif; */
font-size: 25px;
font-weight: 300;
text-transform: none;
line-height: 20px;
color: #000 !important;
}
.product-torno .product-price-and-shipping {
justify-content: center;
}
.block-nowrap {
white-space: nowrap;
}
.block-nowrap .elementor-row {
flex-wrap: nowrap;
}
.block-nowrap .elementor-column:nth-child(1) {
width: auto;
}
.block-nowrap .elementor-column:nth-child(2) {
width: 100%;
}
.block-nowrap .elementor-column:nth-child(3) {
width: auto;
}
.product-torno .js-product-miniature-wrapper {
width: 100%;
}
/**/
.slider-banner-pott .swiper-button-next {
right: -8px;
opacity: 1;
}
.slider-banner-pott .swiper-button-prev {
left: -8px;
opacity: 1;
}
.slider-cursos-pott .swiper-button-nextñ .slider-cursos-pott .swiper-button-prev {
opacity: 1;
}
/* Contenedor relativo para cada slide */
.slider-banner-pott .swiper-slide-inner,
.slider-cursos-pott .swiper-slide-inner {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
}
/* Estilo del caption (texto debajo de la imagen) */
.slider-banner-pott .image-caption,
.slider-cursos-pott .image-caption {
text-align: left;
font-size: 16px;
font-weight: normal;
color: #fff;
margin-top: 10px;
line-height: 21px;
max-width: 100%;
word-break: break-word;
text-transform: uppercase;
width: 100%;
padding: 0 5px;
}
/* Primera línea (antes del guión) */
.slider-banner-pott .caption-line-1 {
font-weight: 600;
color: #fff;
margin-bottom: 5px;
}
.slider-cursos-pott .caption-line-1 {
font-weight: 400;
font-size: 20px;
color: #000000AD;
margin-bottom: 5px;
}
/* Segunda línea (después del guión) */
.slider-banner-pott .caption-line-2 {
font-size: 16px;
color: #fff;
font-weight: 600;
}
.slider-cursos-pott .caption-line-2 {
font-size: 16px;
color: #808080;
font-weight: 600;
}
/* Ocultas el icono actual */
.block-icon-user .elementor-icon-box-icon .fa-regular.fa-circle-user,
.block-icon-ubicacion .elementor-icon-box-icon .fa-regular.fa-circle-user,
.block-icon-calendario .elementor-icon-box-icon .fa-regular.fa-circle-user {
display: none;
}
/* Añades tu SVG como fondo */
.block-icon-user .elementor-icon-box-icon .elementor-icon {
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 26px;
height: 26px;
}
.block-icon-ubicacion .elementor-icon-box-icon .elementor-icon {
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 26px;
height: 26px;
}
.block-icon-calendario .elementor-icon-box-icon .elementor-icon {
background-image: url('data:image/svg+xml;utf8,');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 26px;
height: 26px;
}
/* Opcional: eliminar el pseudo-elemento que pueda tener */
.block-icon-user .elementor-icon i,
.block-icon-ubicacion .elementor-icon i,
.block-icon-calendario .elementor-icon i {
display: none;
}
.cms-id-16 .breadcrumb,
.cms-id-17 .breadcrumb,
.cms-id-18 .breadcrumb,
.cms-id-19 .breadcrumb {
display: none !important;
}
#back-to-top {
border-radius: 100px;
background-color: #848484;
opacity: 0.94;
}
#back-to-top:hover {
background-color: #55555e;
opacity: 1;
}
.fa-angle-up {
font-size: 14px;
}
.fa-angle-down {
font-size: 14px;
}
/*Movil*/
@media(max-width:767px) {
.block-slider-content {
width: 105% !important;
margin-left: -10px;
}
.block-content-prod {
width: 100% !important;
margin-left: 0;
z-index: initial;
padding: 0px 10%;
}
.block-content-prod .col-6 {
flex: 0 0 auto;
width: 100%;
}
.block-slider-content .elementor-container {
height: 450px;
}
.block-content-prod .product-miniature-default .product-flags {
top: 7px;
}
.block-content-prod .product-description {
padding: 15px 30px !important;
}
.block-content-right .elementor-icon-box-description {
text-align: center;
}
.block-category .elementor-row {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.block-category .elementor-column {
width: calc(50% - 7.5px) !important;
flex: 0 0 calc(50% - 7.5px) !important;
max-width: calc(50% - 7.5px) !important;
}
.block-category .elementor-column-wrap {
padding: 0 !important;
}
/* Contenedor de productos */
.block-product-ofertas .products.row,
.block-product-novedades .products.row {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 0 !important;
}
/* Cada producto */
.block-product-ofertas .products.row .js-product-miniature-wrapper,
.block-product-novedades .products.row .js-product-miniature-wrapper {
width: calc(50% - 10px) !important;
flex: 0 0 calc(50% - 10px) !important;
max-width: calc(50% - 10px) !important;
margin: 0 !important;
}
.section-info .elementor-image-box-description {
padding: 3% 5%;
}
.section-marcas .block-column-1,
.section-marcas .block-column-3 {
width: 4% !important;
}
.section-marcas .block-column-2 {
width: 92% !important;
}
.elementor-widget-prestashop-widget-ProductsList .thumbnail-container img:not(.block-content-prod .elementor-widget-prestashop-widget-ProductsList .thumbnail-container img),
.products-grid .thumbnail-container img:not(.block-content-prod .products-grid .thumbnail-container img) {
height: 200px;
}
.section-info-col .elementor-row {
flex-flow: column-reverse;
}
.acordion-style .elementor-accordion-content {
padding: 25px 15px 0 15px;
}
.section-bg-banner-newslettter .elementor-image img {
width: 100%;
}
}
/*Tablet*/
@media (min-width: 768px) and (max-width: 1023px) {
.block-category .elementor-column {
width: 25% !important;
flex: 0 0 25% !important;
max-width: 25% !important;
}
.block-content-prod {
width: 30% !important;
}
.block-product-banner .col-md-4 {
width: 100%;
padding: 10px !important;
}
.section-info-col .elementor-column.elementor-col-50 {
width: 100%;
text-align: center;
}
.block-content-right .elementor-icon-box-description {
text-align: center
}
.section-info-col .elementor-row {
flex-flow: column-reverse;
}
/* Cada producto */
.block-product-ofertas .products.row .js-product-miniature-wrapper,
.block-product-novedades .products.row .js-product-miniature-wrapper {
width: calc(50% - 10px) !important;
flex: 0 0 calc(50% - 10px) !important;
max-width: calc(50% - 10px) !important;
margin: 0 !important;
}
.section-info .elementor-column {
width: calc(50% - 7.5px) !important;
flex: 0 0 calc(50% - 7.5px) !important;
max-width: calc(50% - 7.5px) !important;
}
.block-prefooter-info-col .elementor-row {
row-gap: 30px;
}
.block-prefooter-info-col .elementor-column.elementor-col-25 {
width: 50%;
}
}
/**/
/* Tablet y móviles grandes (mayor a 400px hasta 1024px) */
/* Las dos primeras columnas en primera fila, tercera en segunda fila */
@media (min-width: 401px) and (max-width: 1023px) {
.section-btn-tab .elementor-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
/* Centrar elementos en la fila */
}
.section-btn-tab .elementor-column {
width: 50%;
flex: 0 0 50%;
}
/* Tercera columna: 50% de ancho y centrada */
.section-btn-tab .elementor-column:last-child {
width: 70%;
flex: 0 0 70%;
margin: 0 auto;
/* Centrar horizontalmente */
}
.section-btn-tab.tab-cursos .elementor-column:last-child {
width: 70%;
flex: 0 0 70%;
margin: 0 auto;
/* Centrar horizontalmente */
}
/* Tercera columna: 50% de ancho y centrada */
.section-btn-tab.tab-cursos .elementor-column:last-child {
width: 50%;
flex: 0 0 50%;
margin: 0 auto;
/* Centrar horizontalmente */
}
}
/* Ajuste específico para tablets de 600px a 1024px */
@media (min-width: 600px) and (max-width: 1024px) {
.section-btn-tab .elementor-column:last-child {
width: 70%;
flex: 0 0 70%;
margin: 10px auto 0 auto;
/* Centrado con margen superior */
}
}
/* Ajustes adicionales para mejorar la apariencia en móviles */
@media (max-width: 1024px) {
.section-btn-tab .elementor-button {
width: 100%;
}
}
@media (min-width: 464px) {
.section-btn-tab .elementor-button .elementor-button-text {
white-space: nowrap;
}
}
.page-title-for-bradcrum {
/* font-family: "Barlow", Sans-serif; */
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
line-height: 25px;
color: #5e6263;
}
.breadcrumb {
/* font-family: "Barlow", Sans-serif; */
color: #5e6263;
}
#wrapper .breadcrumb li:after {
color: #5e6263;
}
/* Todos los elementos del breadcrumb excepto el último
.breadcrumb ol li:not(:last-child) span {
font-weight: bold;
font-size: 16px;
}*/
.btn-primary {
background: #808080;
}
/* El último elemento */
.breadcrumb ol li:last-child span {
font-weight: normal;
font-size: 14.72px;
}
#wrapper>.container:has(>.breadcrumb) {
background-color: #EBE8E6;
min-width: 100% !important;
display: flex;
justify-content: center;
margin-bottom: 20px;
}
#wrapper .breadcrumb {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
#wrapper .breadcrumb .page-title-wrapper,
#wrapper .breadcrumb .row.align-items-center {
text-align: center;
display: contents;
}
#wrapper .breadcrumb {
padding: 20px 0;
max-width: 1050px;
}
#product .breadcrumb .page-title-wrapper h1 {
display: none;
}
.breadcrumb #iqitproductsnav {
display: none;
}
#wrapper {
padding-top: 0px;
}
#js-product-list-header {
display: none;
}
.product-list-subcategories .subcategory-image {
margin-top: 25px;
}
.product-list-subcategories .subcategory-image img {
object-fit: cover;
border-radius: 7px;
width: 120px;
height: 120px;
}
.product-list-subcategories .subcategory-name {
color: #5E6263 !important;
font-size: 14px;
margin: 0px 30px;
text-align: center;
display: block;
}
.products-selection .view-switcher a.current,
.products-selection .view-switcher a {
display: none;
}
.products-selection {
border: none;
}
#index .input-group-add-cart {
display: none;
}
/***/
/* Asegurar 5 productos por fila en escritorio */
@media (min-width: 1200px) {
#category .products.row {
margin-left: -15px;
margin-right: -15px;
}
.products.row .js-product-miniature-wrapper {
/* flex: 0 0 20%;
max-width: 20%; */
padding-left: 5px;
padding-right: 5px;
margin-bottom: 30px;
/* Espacio vertical entre filas */
}
}
/* Opcional: Ajustar el gap para pantallas más pequeñas */
@media (min-width: 992px) and (max-width: 1199px) {
#category .products.row .js-product-miniature-wrapper {
flex: 0 0 20%;
max-width: 20%;
padding-left: 2px;
padding-right: 2px;
margin-bottom: 24px;
}
}
/**/
/* Estilos para la descripción de categoría centrada al final */
.category-description-footer {
margin-top: 3rem;
padding-top: 2rem;
clear: both;
}
.category-footer-title {
font-size: 30px;
font-weight: 400;
margin-bottom: 1.5rem;
color: #000000;
text-align: center;
text-transform: uppercase;
/* font-family: "Barlow", Sans-serif; */
}
.category-footer-description {
max-width: 800px;
margin: 0 auto;
/* Esto centra el contenido */
text-align: center;
font-size: 16px;
line-height: 20px;
color: #6c757d;
/* font-family: "Barlow", Sans-serif; */
font-weight: 400;
}
/* Si quieres que el texto esté justificado en lugar de centrado */
.category-footer-description.text-justify {
text-align: justify;
max-width: 900px;
}
/* Para imágenes dentro de la descripción */
.category-footer-description img {
max-width: 100%;
height: auto;
display: block;
margin: 1rem auto;
/* Centra las imágenes */
}
/* Responsive para móviles */
@media (max-width: 767.98px) {
.category-footer-title {
font-size: 30px;
margin-bottom: 1rem;
}
.category-footer-description {
font-size: 18px;
padding: 0 15px;
}
}
.category-description-footer {
margin-bottom: 30px;
}
.title-description-static h1 {
/* font-family: "Barlow", Sans-serif; */
font-size: 23px;
font-weight: 400;
text-transform: none;
line-height: 32px;
color: #808080;
border-bottom: 1px solid #808080;
display: flex;
width: fit-content;
justify-content: center;
justify-self: center;
padding: 0 15px;
margin-bottom: 15px;
}
/* ============================================
MOSTRAR INPUT DE CANTIDAD Y BOTÓN (SOLO ÍCONO)
============================================ */
/* Posicionar el contenedor del botón sobre la imagen */
.thumbnail-container {
position: relative !important;
overflow: visible !important;
}
/* Contenedor principal del carrito */
.product-add-cart {
position: absolute !important;
bottom: 10px !important;
right: 10px !important;
z-index: 10 !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
top: auto !important;
left: auto !important;
}
/* Contenedor del input + botón - VISIBLE */
.product-add-cart .input-group-add-cart {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
opacity: 1 !important;
visibility: visible !important;
height: auto !important;
width: auto !important;
overflow: visible !important;
position: relative !important;
pointer-events: auto !important;
padding: 0 !important;
margin: 0 !important;
gap: 5px !important;
flex-wrap: nowrap !important;
}
/* INPUT DE CANTIDAD - VISIBLE Y ESTILIZADO */
.product-add-cart .input-group {
display: flex !important;
opacity: 1 !important;
visibility: visible !important;
height: auto !important;
width: auto !important;
min-height: auto !important;
max-height: none !important;
min-width: auto !important;
max-width: none !important;
overflow: visible !important;
position: relative !important;
pointer-events: auto !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
flex-wrap: nowrap !important;
}
/* Estilizar el input de cantidad */
.product-add-cart .input-group .form-control,
.product-add-cart .input-group input[type="number"],
.product-add-cart .input-group .input-qty {
height: 38px !important;
width: 55px !important;
border-radius: 4px !important;
font-size: 14px !important;
color: #333 !important;
}
.bootstrap-touchspin .btn-touchspin:hover {
background-color: rgba(160, 160, 160);
}
#index .input-group.bootstrap-touchspin,
#index .product-add-cart {
display: none !important;
}
/* Ocultar los botones de incremento/decremento del input (touchspin) */
/*.product-add-cart .bootstrap-touchspin,
.product-add-cart .input-group-btn-vertical,
.product-add-cart .input-group .btn-touchspin,
.product-add-cart .input-group .bootstrap-touchspin-prefix,
.product-add-cart .input-group .bootstrap-touchspin-postfix {
display: none !important;
opacity: 0 !important;
visibility: hidden !important;
height: 0 !important;
width: 0 !important;
overflow: hidden !important;
position: absolute !important;
pointer-events: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
}
*/
/* ============================================
ESTILOS PARA EL BOTÓN DE AÑADIR AL CARRITO (SOLO ÍCONO)
============================================ */
/* Estilos del botón - SOLO ÍCONO */
.product-add-cart .add-to-cart,
.product-add-cart .btn-product-list {
padding: 8px !important;
background: #808080 !important;
transition: all 0.3s ease !important;
width: 38px !important;
height: 38px !important;
font-size: 0 !important;
}
/* Ícono del carrito con :before */
.product-add-cart .btn-product-list:before {
content: "\f07a";
font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 'FontAwesome', 'WooCommerce' !important;
font-weight: 900 !important;
font-size: 18px !important;
padding: 0 !important;
color: white !important;
line-height: 1 !important;
}
/* OCULTAR el texto del botón */
.product-add-cart .btn-product-list .btn-text,
.product-add-cart .add-to-cart .btn-text {
display: none !important;
}
/* Efectos hover */
.product-add-cart .add-to-cart:hover,
.product-add-cart .btn-product-list:hover {
background: #000000AD !important;
transform: none !important;
box-shadow: none !important;
}
/* ============================================
RESPONSIVE
============================================ */
@media (max-width: 768px) {
.product-add-cart {
bottom: 8px !important;
right: 8px !important;
}
.product-add-cart .add-to-cart,
.product-add-cart .btn-product-list {
min-width: 34px !important;
min-height: 34px !important;
width: 34px !important;
height: 34px !important;
padding: 6px !important;
}
.product-add-cart .btn-product-list:before {
font-size: 16px !important;
}
.product-add-cart .input-group .form-control,
.product-add-cart .input-group input[type="number"],
.product-add-cart .input-group .input-qty {
height: 34px !important;
width: 45px !important;
min-height: 34px !important;
max-height: 34px !important;
min-width: 38px !important;
max-width: 55px !important;
font-size: 13px !important;
}
}
@media (max-width: 480px) {
.product-add-cart {
bottom: 5px !important;
right: 5px !important;
}
.product-add-cart .input-group-add-cart {
flex-direction: row !important;
gap: 3px !important;
align-items: flex-end !important;
}
.product-add-cart .add-to-cart,
.product-add-cart .btn-product-list {
min-width: 30px !important;
min-height: 36px !important;
width: 30px !important;
height: 30px !important;
padding: 4px !important;
}
.product-add-cart .btn-product-list:before {
font-size: 14px !important;
}
.product-add-cart .input-group .form-control,
.product-add-cart .input-group input[type="number"],
.product-add-cart .input-group .input-qty {
height: 30px !important;
width: 40px !important;
min-height: 36px !important;
max-height: 30px !important;
min-width: 35px !important;
max-width: 50px !important;
font-size: 12px !important;
padding: 2px 4px !important;
}
}
/* ============================================
FEEDBACK VISUAL
============================================ */
.product-add-cart .add-to-cart.added,
.product-add-cart .btn-product-list.added {
background: #28a745 !important;
transition: all 0.3s ease !important;
}
.product-add-cart .add-to-cart.added:before,
.product-add-cart .btn-product-list.added:before {
content: "\f00c" !important;
font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 'FontAwesome' !important;
font-weight: 900 !important;
}
/* ============================================
EFECTO DE CARGA
============================================ */
.product-add-cart .add-to-cart.loading,
.product-add-cart .btn-product-list.loading {
pointer-events: none !important;
opacity: 0.7 !important;
}
.product-add-cart .add-to-cart.loading:before,
.product-add-cart .btn-product-list.loading:before {
content: "\f110" !important;
font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', 'FontAwesome' !important;
font-weight: 900 !important;
animation: spin 1s linear infinite !important;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/**/
.category-products .swiper-wrapper {
display: flex;
gap: 10px;
}
.category-products .swiper-slide {
width: calc(20% - 9px) !important;
flex-shrink: 0;
}
@media(max-width:767px) {
.category-products .swiper-wrapper {
display: flex;
gap: 10px;
}
.category-products .swiper-slide {
width: calc(50% - 9px) !important;
flex-shrink: 0;
}
}
@media(min-width:767px) {
.cbp-hrmenu>ul {
display: flex;
justify-content: space-between;
}
.cbp-horizontal>ul>li>a {
padding: 0 5px;
}
#cbp-hrmenu .cbp-tab-title {
white-space: nowrap;
}
.cbp-hrmenu .cbp-submenu-aindicator {
font-size: 12px;
}
.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title,
#cbp-hrmenu-tab-4 .cbp-links li a {
color: #000 !important;
text-transform: capitalize;
font-size: 19px !important;
/* font-family: "Barlow", Sans-serif; */
padding-bottom: 7px;
}
.cbp-hrmenu .cbp-links li a:before {
font-size: 0px !important;
content: '';
}
.cbp-hrmenu .cbp-hrsub-inner a,
.cbp-hrmenu .cbp-hrsub-inner a:link,
.cbp-hrmenu .cbp-links li a,
.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title,
.cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:link {
/* font-family: "Barlow", Sans-serif; */
color: #000 !important;
font-size: 14px;
line-height: 20px;
margin-bottom: 7px;
text-transform: capitalize !important;
font-weight: 500;
}
.nav-link {
border-bottom: 3px solid transparent;
}
.nav-link:focus,
.nav-link:hover {
border-bottom: 3px solid #000;
}
.cbp-horizontal>ul>li>a {
line-height: 3.566667rem;
}
.fa-angle-up {
margin-bottom: 5px;
}
}
.cbp-hrmenu .cbp-hrsub-inner {
padding: 10px 55px !important;
}
.mobile-menu__link {
color: #000 !important;
/* font-family: "Barlow", Sans-serif; */
font-size: 18px;
font-weight: 600;
padding-top: 1rem;
padding-bottom: 1rem;
}
#iqitmegamenu-mobile li>ul.mobile-menu__submenu--accordion .mobile-menu__link {
color: #000 !important;
/* font-family: "Barlow", Sans-serif; */
font-size: 18px;
font-weight: 600;
padding-top: 0px;
padding-bottom: 0px;
margin-right: 10px;
}
.mobile-menu__tab {
border-bottom: none;
}
#iqitmegamenu-mobile li>ul.mobile-menu__submenu--accordion .mobile-menu__tab {
min-height: 2.5rem;
}
#iqitmegamenu-mobile li>ul.mobile-menu__submenu--accordion .mobile-menu__arrow {
padding: 0px;
}
.mobile-menu__close {
background-color: #eaeaeaea;
padding: 7px 15px;
margin: 3px 0;
font-size: 23px;
}
.mm-panel__header {
flex-direction: row-reverse;
}
.col-mobile-menu-push #iqitmegamenu-mobile,
.mobile-menu__header-wrapper {
background-color: transparent;
}
.mobile-menu__content {
background-color: #fff;
}
.col-mobile-menu-push #_mobile_iqitmegamenu-mobile {
width: 100%;
}
.mobile-menu__link {
width: auto !important;
white-space: nowrap;
}
.mobile-menu__arrow {
width: auto;
padding: 1rem 1.2rem;
;
}
.mobile-menu__content .flex-fill {
flex: initial !important;
}
.mobile-menu__tab--active {
background-color: #f7f7f7;
}
.mobile-menu__content ul {
padding-left: 0px !important;
padding-right: 0px !important;
}
.mobile-menu li>.mobile-menu__submenu--accordion {
padding-left: 16px !important;
padding-right: 16px !important;
}
.mobile-menu__link {
padding-left: 16px;
}
.mobile-menu__arrow {
padding-right: 16px;
}
.mobile-menu__footer {
display: none;
}
@media(min-width:768px) {
#authentication .page-content,
#password .page-content {
width: 50%;
}
#registration .page-content {
width: 60%;
}
#login-form .col-md-2.col-form-label {
width: 100%;
}
#login-form .col-md-8.js-input-column {
width: 100%;
}
}
#authentication .page-content,
#registration .page-content,
#password .page-content {
border-radius: 5px;
/* font-family: "Barlow", Sans-serif; */
color: #000;
font-size: 16px;
}
#login-form .col-md-2.col-form-label {
font-size: 16px;
}
#login-form #field-email,
#password #email {
border-radius: 100px;
font-size: 16px;
}
#password #email {
margin: 10px 0;
}
#login-form #field-password {
border-top-left-radius: 100px;
border-bottom-left-radius: 100px;
font-size: 16px;
}
#login-form .btn.btn-outline-secondary {
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
#login-form .forgot-password,
#login-form #submit-login,
#authentication .no-account,
#registration .btn.btn-primary.form-control-submit {
font-size: 16px !important;
}
#login-form .forgot-password a,
#authentication .no-account a,
#back-to-login {
color: #000;
}
#registration #customer-form input,
#registration .btn.btn-primary.form-control-submit {
border-radius: 100px;
font-size: 16px;
}
#registration #field-password {
border-top-right-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
#registration .btn.btn-outline-secondary {
border-top-right-radius: 100px;
border-bottom-right-radius: 100px;
}
#registration .form-control-comment,
#registration em {
font-size: 12px !important;
}
#password #send-reset-link {
margin-top: 10px;
font-size: 16px;
border-radius: 100px;
}
#login-form #submit-login {
border-radius: 100px;
}
#blockcart-modal {
/* font-family: "Barlow", Sans-serif; */
font-size: 16px;
}
#blockcart-modal .col.col-info .text-muted,
#blockcart-modal button {
font-size: 16px;
}
#blockcart-modal .close {
font-size: 26px;
}
#product .product-customization.js-product-customization {
display: none;
}
.content-marcas .swiper-button-next,
.content-marcas .swiper-button-prev {
visibility: hidden !important;
}
.tabs.product-tabs a {
text-decoration: none;
}
/* fondo con zoom */
.efecto-zoom {
position: relative;
overflow: hidden;
}
.efecto-zoom::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-image: inherit;
background-size: cover;
background-position: center;
transition: transform 0.5s ease;
transform: scale(1);
z-index: 1;
}
.efecto-zoom .elementor-container {
position: relative;
z-index: 2;
}
/* Zoom al pasar el mouse */
.efecto-zoom:hover::before {
transform: scale(1.2);
}
#desktop_logo img.logo.img-fluid {
width: 205px;
}
#header .col-header-right.text-right {
align-items: center;
}
#footer-container-main a:hover {
color: #a38777 !important;
}
#footer .elementor-block-title {
margin-bottom: 4px;
margin-left: 12px;
}
#prices-drop #left-column {
display: none;
}
#prices-drop .js-content-wrapper.left-column.col-12.col-md-9 {
width: 100%;
}
@media (min-width: 1140px) {
#prices-drop .js-product-miniature-wrapper.col-xl-3 {
flex: 0 0 auto;
width: 20%;
}
}
.sec-prd-reb .regular-price.text-muted {
display: none;
}
.sec-prd-reb .product-price-and-shipping {
justify-content: center;
margin-top: 10px;
}
.sec-prd-reb .product-price-and-shipping .product-price {
font-size: 18px;
}
.sec-prd-reb .product-description {
text-align: center;
}
.sec-prd-reb .product-category-name.text-muted,
.sec-prd-reb .product-description a {
color: #000 !important;
}
.sec-prd-reb .swiper-slide {
padding: 7px;
}
@media(min-width:768px) {
.sec-prd-reb .swiper-button-prev {
margin-left: -20px;
}
.sec-prd-reb .swiper-button-next {
margin-right: -20px;
}
}
@media(max-width:767px) {
.sec-prd-reb .swiper-slide {
padding: 35px;
}
}
.title-underline svg {
height: calc(100% + 20px);
left: 50%;
overflow: visible;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: calc(100% + 20px);
}
.title-underline svg path {
fill: none;
stroke-width: 9;
transition: .3s;
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
animation: drawLine 7s ease-in-out infinite;
}
.title-underline svg path {
stroke: #776358;
}
@keyframes drawLine {
0% {
stroke-dashoffset: 1000;
}
15% {
stroke-dashoffset: 0;
}
100% {
stroke-dashoffset: 0;
}
}
/* Contenedor principal */
.section-zoom-all {
position: relative;
overflow: hidden;
padding: 30px 0px 30px 0px;
background-image: none;
}
/* Pseudo-elemento que contiene la imagen de fondo */
.section-zoom-all::before {
content: "";
position: absolute;
inset: 0;
background-image: inherit;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: transform 0.5s ease;
transform: scale(1);
z-index: 0;
}
.section-zoom-all .elementor-container {
position: relative;
z-index: 2;
transition: transform 0.4s ease;
}
.section-zoom-all:hover::before {
transform: scale(1.1);
}
.section-zoom-all:hover .elementor-container {
transform: scale(1.03);
}
/* CMS */
@media (min-width: 1200px) {
.cms-id-22 .js-product-miniature-wrapper {
max-width: 50% !important;
}
}
.cms-id-22 .products-grid {
justify-content: center;
}
#footer #user_info * {
color: #5e6263 !important;
}
#product #inner-wrapper {
margin-top: 35px !important;
}
@media (max-width: 786px) {
#inner-wrapper {
margin: 0 15px;
}
}
.pagination {
margin-bottom: 1.5rem;
}
body#order-confirmation {
line-height: 2rem;
}