COLECCIÓN MATCHDAY

*:focus{ outline:none; } .flickity-enabled:focus { outline: none; } /* Eliminar focus azul en todos los navegadores */ .flickity-prev-next-button:focus { outline: none; box-shadow: none; border: none; } /* Eliminar tap highlight en dispositivos móviles */ .flickity-prev-next-button { -webkit-tap-highlight-color: transparent; /* Para Safari en iOS */ -webkit-focus-ring-color: transparent; /* Para algunos navegadores de Android */ } .flickity-button{background-color:none!important;} /* Ocultar los iconos predeterminados de Flickity */ .flickity-prev-next-button .flickity-button-icon { display: none !important; /* Ocultar los iconos SVG predeterminados */ } /* Flechas de navegación personalizadas con texto */ .products-flickity .flickity-prev-next-button { top: 40%!important; transform: translateY(-40%) !important; background: none !important; padding: 0.25em !important; -webkit-tap-highlight-color: transparent; } /* Flechas de navegación personalizadas con texto */ .flickity-prev-next-button { position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; font-size: 1.5em!important; color: #000; background: none; /* Sin fondo */ border: none; cursor: pointer; user-select: none; text-decoration: none; padding: 0.5em; opacity: 1; -webkit-tap-highlight-color: transparent; /* Elimina el círculo azul en móviles */ } /* Flecha izquierda () */ .flickity-prev-next-button.next { right: 10px; } /* Texto para las flechas */ .flickity-prev-next-button::before { content: ”; /* Flecha derecha */ } /* Hover sobre las flechas (sin fondo ni opacidad) */ .flickity-prev-next-button:hover { background: none; /* Elimina cualquier fondo en hover */ opacity: 1; /* Sin cambio de opacidad */ } /* Eliminar el borde/círculo azul al hacer click o focus */ .flickity-prev-next-button:focus { outline: none; /* Sin borde al hacer focus */ box-shadow: none; /* También elimina sombras de enfoque si las hubiera */ } .descuento { position: relative; } .descuento a:before { content: ”; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; } .clickable-container:hover { filter: saturate(100%); } .clickable-container:hover:before { transform: scale(1.00); } .gb-container.clickable-container { position: relative; } .gb-container .clickable-container a:before { content: ”; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; } .inside-wc-product-image { width: 100%; } p.enlacecategorias { margin-bottom: 0px; border: 1px solid white; padding: 1% 20%; } /* Móvil: 6 divs, con márgenes */ @media (max-width: 767px) { .gallery-cell { width: calc((100% / 6) – 6%); /* Muestra 6 celdas con un margen de 2% en cada lado */ margin: 0 3%; /* Márgenes a los lados de cada celda */ } .js-flickity.escudosflick { height: 80px; } .gallery-cell img { height: auto; /* La altura se adapta al ancho disponible */ object-fit: contain; /* Mantiene las proporciones */ } } /* Tablet: 8 divs, con márgenes */ @media (min-width: 768px) and (max-width: 1199px) { .gallery-cell { width: calc((100% / 8) – 6%); /* Muestra 8 celdas con un margen de 2% en cada lado */ margin: 0 3%; /* Márgenes a los lados de cada celda */ } .gallery-cell img { height: auto; /* La altura se adapta al ancho disponible */ object-fit: contain; } } /* Desktop: 10 divs, con márgenes */ @media (min-width: 1200px) { .gallery-cell { width: calc((100% / 10) – 5%); /* Muestra 10 celdas con un margen de 2% en cada lado */ margin: 0 2.5%; /* Márgenes a los lados de cada celda */ } .gallery-cell img { height: auto; /* La altura se adapta al ancho disponible */ object-fit: contain; } } .escudosflick .flickity-prev-next-button { position: absolute; top: 40%!important; transform: translateY(-40%)!important;} h2.gb-headline.gb-headline-a6e71449.gb-headline-text { margin-bottom: 3em; }