×

注意!页面内容来自https://www.forumsport.com/es-es/,本站不储存任何内容,为了更好的阅读体验进行在线解析,若有广告出现,请及时反馈。若您觉得侵犯了您的利益,请通知我们进行删除,然后访问 原网页

< scoped="" type="text/css"> .page-productGrid #main-page-container .main-grid-container { display: flex; flex-direction: column; } .page-productGrid #main-page-container .main-grid-container .review-grid-container { order: 1; } .page-search #main-page-container .main-grid-container { display: flex; flex-direction: column; } .page-search #main-page-container .main-grid-container .review-grid-container { order: 1; }

< scoped="" type="text/css"> @media (min-width: 1025px) { .page-productDetails .price-tag-container { flex-wrap: wrap; } .model-features-card .nfs-flash-offer-promotion-container { margin-bottom: 1em; } .page-fashionProductDetails .model-brand-card-container .model-brand-card .product-fetures .model-features-card .small-12.show-for-large-up { display: flex !important; flex-direction: column; flex-wrap: wrap; } .page-fashionProductDetails .model-brand-card-container .model-brand-card .product-fetures .model-features-card .small-12.show-for-large-up .price-tag-big { width: max-content; } } < scoped="" type="text/css"> @media (max-width: 1024px) { .page-fashionProductDetails .gallery-image .vertical-dots { top: 40% !important; } .pageType-ProductPage .block-padding-card .product_gallery_wrapper .product-image-gallery .product-gallery .gallery-image.slick-slider { margin: 0 !important; } .pageType-ProductPage .block-padding-card .product_gallery_wrapper .product-image-gallery { padding: 0 20px !important; } } < scoped="" type="text/css"> .page-productGrid .product-preview-grid .product-add-cart-button .-add-cart-grid.-switch-button { pointer-events: none; } .page-search .product-preview-grid .product-add-cart-button .-add-cart-grid.-switch-button { pointer-events: none; }

< type="text/css"> .facet__list__text .facet-ellipsis::first-letter { text-transform: none !important; } .facet__list__text .facet-ellipsis{ text-transform: none !important; }

< type="text/css"> @media screen and (max-width: 1440px) { .componenteGrid.columnas-5-2 .columna { width: calc(1/4*100%) !important; } .componenteGrid.imagen-texto-gris .columna>a { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .componenteGrid.imagen-texto-gris.columnas-5-2 .columna { width: calc(1/3*100%) !important; ; } .componenteGrid.imagen-texto-gris .columna .imagen { max-width: none !important; margin: 15px 15px 0 !important; } .componenteGrid.imagen-texto-gris.columnas-5-2 .columna .imagen { max-width: none; margin-bottom: 0; } .componenteGrid.imagen-texto-gris .columna .textoImagen { padding: 15px !important; } } @media (max-width: 768px) { .componenteGrid.image-card .columna { width: calc(1/1*100%) !important; } .componenteGrid.columnas-4 .columna { width: calc(1/2*100%) !important; } .componenteGrid .columna { width: calc(1/3*100%) !important; } .componenteGrid.columnas-3-1.columnas-3 .columna { width: 50% !important; } .componenteGrid.columnas-8-2 .columna .componenteGrid.columnas-5-2 .columna { width: calc(1/2*100%) !important; } .componenteGrid.iconos.columnas-8-2 .columna { width: calc(1/3*100%) !important; } .componenteGrid.iconos .textoImagen h3 { font-size: 14px; } .componenteGrid.imagen-texto-gris.columnas-5-2 .columna { width: calc(1/2*100%) !important; } .componenteGrid.botones .columna .componenteGrid.columnas-5-2 .columna .componenteGrid.columnas-8-2 .columna .componenteGrid.columnas-10-2 .columna { width: calc(1/2*100%) !important; } .logos.componenteGrid { max-width: 90% !important; } .componenteGrid.logos .columna { width: calc(1/4*100%) !important; } .desktop-image { display: none; } .componenteGrid.botones>div { margin-bottom: 10px; } } @media screen and (max-width:640px) { .componenteGrid.imagen-texto-gris .columna { width: calc(1/2*100%) !important; } .componenteGrid.columnas-3-1.columnas-3 .columna { width: 100% !important; } .componenteGrid .columna .texto-partido { display: block; } } @media (min-width: 769px) { .logos.componenteGrid .circulos.componenteGrid { max-width: 75% !important; } } /*ICONOS - LOGIKALINE*/ .componenteGrid.iconos { max-width: 900px; } .componenteGrid.iconos .textoImagen h3 { font-size: 18px; } /*COLUMNA DESTACADA ROJA*/ .componenteGrid.imagen-texto-gris .columna.destacado a { background: #000000; color: white; } .componenteGrid.imagen-texto-gris .columna.destacado .imagen { margin: 0 !important; max-width: 48%; } .componenteGrid.imagen-texto-gris .columna.destacado .textoImagen { padding: 15px; max-width: none !important; } /**/ /*COLORES SAN VALENTÍN*/ .componenteGrid.imagen-texto-gris.san-valentin { max-width: none; } .componenteGrid.imagen-texto-gris.san-valentin .columna a { border: 3px solid #0070B1; background: #fff; color: #0070B1; } .componenteGrid.imagen-texto-gris.san-valentin .columna .textoImagen { color: #0070B1; } /*IMÁGENES EN BLANCO Y NEGRO*/ .componenteGrid.blanco-negro img { -webkit-filter: grayscale(1) !important; filter: grayscale(1) !important; } /*BLOQUE MÁS ESTRECHO*/ .estrecho { max-width: 960px !important; } /*BLOQUE IMAGE CARD*/ .componenteGrid.image-card { margin-top: 25px !important; margin-bottom: 25px !important; padding-top: 10px !important; } .componenteGrid.image-card.estrecho.columnas-2 { max-width: 700px !important; } .componenteGrid.image-card.estrecho .columna { max-width: 300px; } .componenteGrid.image-card .columna:hover img { transform: none !important; } .componenteGrid.image-card .image-card-title { display: block; width: 100%; font-size: 28px !important; margin-bottom: 20px; } .componenteGrid.image-card .columna { text-align: center; } .componenteGrid.image-card .columna a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .componenteGrid.image-card .columna a .componenteGrid.image-card .columna p { max-width: 882px; margin: 0 auto; } .componenteGrid.image-card .columna .textoImagen .componenteGrid.image-card .columna .descripcion-imagen { text-align: justify !important; } .componenteGrid.image-card .columna .titulo-imagen { font-weight: bold !important; font-size: 20px !important; text-transform: none !important; margin-bottom: 5px !important; } .componenteGrid.image-card .columna .descripcion-imagen { font-size: 14.5px !important; text-transform: none !important; line-height: 24px; } .componenteGrid.image-card .columna:hover .descripcion-imagen .componenteGrid.image-card .columna a:hover .descripcion-imagen { text-decoration: none !important; } /*BLOQUES GRISES CON IMAGEN IZQUIERDA + TEXTO DERECHA*/ .componenteGrid.imagen-texto-gris { max-width: 90%; margin-top: 25px; } .componenteGrid.imagen-texto-gris .columna { display: -webkit-box; display: -ms-flexbox; display: flex; } .componenteGrid.imagen-texto-gris a { background: #f1f1f1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .componenteGrid.imagen-texto-gris2 .columna { background: #f1f1f1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 15px; } /*COLORES REBAJAS*/ .colores-rebajas>div>* .colores-rebajas>div a .componenteGrid.botones.fondo-gris.colores-rebajas .componenteGrid.imagen-texto-gris.colores-rebajas a .componenteGrid.botones.fondo-gris.colores-rebajas .textoImagen { background: #ff0000 !important; color: #ffffff !important; } .componenteGrid.botones.fondo-gris.colores-rebajas .columna>a { border-color: #ff0000; } .componenteGrid.botones.fondo-gris.colores-rebajas .columna>a:hover .componenteGrid.botones.fondo-gris.colores-rebajas .columna>a:hover .textoImagen { background-color: #ff0000 !important; color: #ffffff !important; } /*COLORES BLACK FRIDAY*/ .colores-bf>div>* .colores-bf>div a .componenteGrid.botones.fondo-gris.colores-bf .componenteGrid.imagen-texto-gris.colores-bf a .componenteGrid.botones.fondo-gris.colores-bf .textoImagen { background: #000000 !important; color: #ffed00 !important; } .componenteGrid.botones.fondo-gris.colores-bf .columna>a { border-color: #ffed00; } .componenteGrid.botones.fondo-gris.colores-bf .columna>a:hover .componenteGrid.botones.fondo-gris.colores-bf .columna>a:hover .textoImagen { background-color: #ffed00 !important; color: #000000 !important; } /*COLORES CYBER MONDAY*/ .colores-cm>div>* .colores-cm>div a .componenteGrid.botones.fondo-gris.colores-cm .componenteGrid.imagen-texto-gris.colores-cm a .componenteGrid.botones.fondo-gris.colores-cm .textoImagen { background: #08132f !important; color: #42cfeb !important; } .componenteGrid.botones.fondo-gris.colores-cm .columna>a { border-color: #42cfeb; } .componenteGrid.botones.fondo-gris.colores-cm .columna>a:hover .componenteGrid.botones.fondo-gris.colores-cm .columna>a:hover .textoImagen { background-color: #42cfeb !important; color: #08132f !important; } /*COLORES HALLOWEEN*/ .colores-hlw>div>* .colores-hlw>div a .componenteGrid.botones.fondo-gris.colores-hlw .componenteGrid.imagen-texto-gris.colores-hlw a .componenteGrid.botones.fondo-gris.colores-hlw .textoImagen { background: #000000 !important; color: #FE5E00 !important; } .componenteGrid.botones.fondo-gris.colores-hlw .columna>a { border-color: #FE5E00; } .componenteGrid.botones.fondo-gris.colores-hlw .columna>a:hover .componenteGrid.botones.fondo-gris.colores-hlw .columna>a:hover .textoImagen { background-color: #000000 !important; color: #FE5E00 !important; } /*COLORES HALLOWEEN2*/ .colores-hlw2>div>* .colores-hlw2>div a .componenteGrid.botones.fondo-gris.colores-hlw2 .componenteGrid.imagen-texto-gris.colores-hlw2 a .componenteGrid.botones.fondo-gris.colores-hlw2 .textoImagen { background: #FE5E00 !important; color: #000000 !important; } .componenteGrid.botones.fondo-gris.colores-hlw2 .columna>a { border-color: #000000; } .componenteGrid.botones.fondo-gris.colores-hlw2 .columna>a:hover .componenteGrid.botones.fondo-gris.colores-hlw2 .columna>a:hover .textoImagen { background-color: #FE5E00 !important; color: #000000 !important; } /*COLORES COMODIN1*/ .colores-comodin1>div>* .colores-comodin1>div a .componenteGrid.botones.fondo-gris.colores-comodin1 .componenteGrid.imagen-texto-gris.colores-comodin1 a .componenteGrid.botones.fondo-gris.colores-comodin1 .textoImagen { background: #151824 !important; color: #43DCE1 !important; } .componenteGrid.botones.fondo-gris.colores-comodin1 .columna>a { border-color: #151824; } .componenteGrid.botones.fondo-gris.colores-comodin1 .columna>a:hover .componenteGrid.botones.fondo-gris.colores-comodin1 .columna>a:hover .textoImagen { background-color: #151824 !important; color: #43DCE1 !important; } /*COLORES COMODIN2*/ .colores-comodin2>div>* .colores-comodin2>div a .componenteGrid.botones.fondo-gris.colores-comodin2 .componenteGrid.imagen-texto-gris.colores-comodin2 a .componenteGrid.botones.fondo-gris.colores-comodin2 .textoImagen { background: #F1F1F1 !important; color: #040AFE !important; } .componenteGrid.botones.fondo-gris.colores-comodin2 .columna>a { border-color: #F1F1F1; } .componenteGrid.botones.fondo-gris.colores-comodin2 .columna>a:hover .componenteGrid.botones.fondo-gris.colores-comodin2 .columna>a:hover .textoImagen { background-color: #F1F1F1 !important; color: #040AFE !important; } /*COLORES COMODIN3*/ .colores-comodin3>div>* .colores-comodin3>div a .componenteGrid.botones.fondo-gris.colores-comodin3 .componenteGrid.imagen-texto-gris.colores-comodin3 a .componenteGrid.botones.fondo-gris.colores-comodin3 .textoImagen { background: #070708 !important; border-radius: 8px; color: #FF0F59 !important; } .componenteGrid.botones.fondo-gris.colores-comodin3 .columna>a { border-color: #070708; } .componenteGrid.botones.fondo-gris.colores-comodin3 .columna>a:hover .componenteGrid.botones.fondo-gris.colores-comodin3 .columna>a:hover .textoImagen { background-color: #070708 !important; color: #FF0F59 !important; } /*COLORES COMODIN4*/ .colores-comodin3>div>* .colores-comodin3>div a .componenteGrid.botones.fondo-gris.colores-comodin4 .componenteGrid.imagen-texto-gris.colores-comodin4 a .componenteGrid.botones.fondo-gris.colores-comodin4 .textoImagen { background: #F1F1F1 !important; color: #000000 !important; } .componenteGrid.botones.fondo-gris.colores-comodin4 .columna>a { border: 2px solid #E4281F; border-radius: 8px; } .componenteGrid.botones.fondo-gris.colores-comodin4 .columna>a:hover .componenteGrid.botones.fondo-gris.colores-comodin4 .columna>a:hover .textoImagen { background-color: #F1F1F1 !important; color: #E4281F !important; } /*COLORES NAVIDAD*/ .componenteGrid.imagen-texto-gris.colores-navidad { background: url(https://hanapro.forumsport.com/mcm/public/dl?shr=RgRNBUzcioJ2zWEhylY_YzipgnH4LH_e-1jqKcnYl90&obj=pvPdpYSxtTPuzTb65spQPv8etWtlMyBsnfe96BlLidc); } .componenteGrid.imagen-texto-gris.colores-navidad a { background: rgba(2552552550.5) !important; border: 3px solid #E4281F; border-radius: 8px; } .componenteGrid.imagen-texto-gris.colores-navidad a span { color: #000000 !important; } /**/ .componenteGrid.imagen-texto-gris .columna .imagen { max-width: 35%; margin-bottom: 0; margin: 15px; } .componenteGrid.imagen-texto-gris .columna .textoImagen { max-width: 65%; padding: 15px 15px 15px 0; font-weight: bold; text-align: left; } /*IMÁGENES CIRCULARES*/ .componenteGrid.circulos .columna .imagen { border-radius: 50%; } /*FONDO GRIS*/ .fondo-gris { background: #f1f1f1; padding: 20px 10px; } /*COMPONENTE BOTONES*/ .botones h3.titulo-botones { display: block !important; width: 100%; font-size: 28px !important; margin-bottom: 20px !important; -webkit-font-smoothing: antialiased; text-transform: none; } .botones h2.titulo-botones { display: block !important; width: 100%; margin-bottom: 15px !important; -webkit-font-smoothing: antialiased; text-transform: uppercase; color: black !important; font-weight: bold !important; font-size: x-large !important; } .botones .columna { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .botones .columna .botones a { display: -webkit-box; display: -ms-flexbox; display: flex; } .botones .textoImagen .botones a { width: 100%; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: flex !important; display: -webkit-box; display: -ms-flexbox; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .botones a { border: 1px solid black; padding: 5px; -webkit-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } .botones a:hover { text-decoration: none !important; background: black; color: white; -webkit-transition: background 0.5s; -o-transition: background 0.5s; transition: background 0.5s; } .botones .imagen { display: none !important; } .botones.precios .textoImagen { font-size: medium !important; } /*COMPONENTE LOGOS*/ .logos .textoImagen { display: none !important; } .logos img { opacity: 0.8; } .logos img:hover { opacity: 1; } /**/ .componenteGrid>div { margin-bottom: 20px; } .componenteGrid { display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; width: 100% !important; max-width: 100%; text-align: center; margin-bottom: 20px; } .componenteGrid h2 { display: none; } .componenteGrid h2.mostrartitulo { display: block; width: 100%; } .componenteGrid .columna .imagen { overflow: hidden; margin-bottom: 15px; } .componenteGrid .columna img { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .componenteGrid .columna:hover img { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } .componenteGrid .columna .imagen .componenteGrid .columna .textoImagen { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .componenteGrid .columna .textoImagen { display: block; font-size: 13.5px; } .componenteGrid .columna { padding: 0 10px; } .componenteGrid.columnas-2 .columna { width: calc(1/2*100%); padding: 5% } .componenteGrid.columnas-3 .columna { width: calc(1/3*100%); } .componenteGrid.columnas-4 .columna { width: calc(1/4*100%); } .componenteGrid.columnas-5 .columna { width: calc(1/5*100%); } .componenteGrid.columnas-6 .columna { width: calc(1/6*100%); } .componenteGrid.columnas-7 .columna { width: calc(1/7*100%); } .componenteGrid.columnas-8 .columna { width: calc(1/8*100%); } .componenteGrid.columnas-9 .columna { width: calc(1/9*100%); } .componenteGrid.columnas-10 .columna { width: calc(1/10*100%); } .componenteGrid.columnas-11 .columna { width: calc(1/11*100%); } .componenteGrid.columnas-12 .columna { width: calc(1/12*100%); } /*COLUMNAS EN 2 FILAS*/ .componenteGrid.columnas-5-2 .columna { width: calc(1/5*100%); } .componenteGrid.columnas-8-2 .columna { width: calc(1/4*100%); } .componenteGrid.columnas-10-2 .columna { width: calc(1/5*100%); } .enriched-container-4x1 .banner-container-4x1 .first-container .image-card-component img.enriched-container-4x1 .banner-container-4x1 .second-container .image-card-component img.enriched-container-4x1 .banner-container-4x1 .third-container .image-card-component img { aspect-ratio: auto; }