/* FantasyCarToys.pe v1.1.6 · orden Home + taxonomías reales + responsive solicitado */ /* Tipografía global: cuerpo mínimo 14px; jerarquía pública hasta 30px. */ html,body{font-size:14px!important} body small,body button,body input,body select,body textarea,body label,body summary,header a,nav a,footer a,footer p{font-size:14px!important} h1{font-size:30px!important;line-height:1.08!important} h2{font-size:26px!important;line-height:1.12!important} h3{font-size:22px!important;line-height:1.15!important} h4,h5,h6{font-size:18px!important;line-height:1.2!important} .fct-catalog-tile strong,.fct-catalog-tile small,.m70-brand-card strong,.fct-scale-card small,.fct-home-product-list .m70-head a,.m70-head>a{font-size:14px!important} /* 1. CATEGORÍAS: 7 tarjetas por fila x 2 filas en web. */ .fct-category-grid-track{grid-template-rows:repeat(2,auto)!important;grid-auto-columns:calc((100% - 24px)/7)!important;gap:4px!important} .fct-category-grid-track .fct-catalog-tile{aspect-ratio:1/1!important} .fct-category-grid-track .fct-catalog-tile strong{bottom:30px!important;line-height:1.08!important} .fct-category-grid-track .fct-catalog-tile small{bottom:8px!important;line-height:1!important} /* 2. MARCAS Y COLECCIONES: 1x1. Web 13 por fila. */ .m70-section-brands .m70-brand-track{display:grid!important;grid-template-rows:repeat(1,auto)!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 48px)/13)!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory!important;padding:2px 0 6px!important} .m70-section-brands .m70-brand-card{aspect-ratio:1/1!important;height:auto!important;min-height:0!important;padding:6px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important} .m70-section-brands .m70-brand-logo{width:95%!important;height:95%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:auto!important;overflow:hidden!important} .m70-section-brands .m70-brand-card img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important} .m70-section-brands .m70-brand-card span{display:none!important} .m70-section-brands .m70-brand-card strong{font-size:14px!important;line-height:1.05!important;text-align:center!important;overflow-wrap:anywhere!important} /* 3. Cintillo: texto legible mínimo 14. */ .fct-live-ticker>div{font-size:14px!important;padding:10px 0!important} /* 4. ESCALAS: web 6 piezas 16:9 en 1 fila. */ .fct-two-row-scale-track{display:grid!important;grid-template-rows:repeat(1,auto)!important;grid-auto-flow:column!important;grid-auto-columns:calc((100% - 20px)/6)!important;gap:4px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:2px 0 8px!important} .fct-scale-card{aspect-ratio:16/9!important;height:auto!important;min-height:0!important} .fct-scale-card strong{font-size:28px!important}.fct-scale-card small{font-size:14px!important} /* Carruseles de producto: mantienen 50 aleatorios, 5/3/2 y una sola fila. */ .fct-single-row-product-track{grid-template-rows:minmax(0,auto)!important} @media(max-width:900px){ h1{font-size:30px!important}h2{font-size:24px!important}h3{font-size:20px!important} .fct-category-grid-track{grid-template-rows:repeat(2,auto)!important;grid-auto-columns:calc((100% - 12px)/4)!important} /* Tablet: 8 por fila, 2 filas. */ .m70-section-brands .m70-brand-track{grid-template-rows:repeat(2,auto)!important;grid-auto-columns:calc((100% - 28px)/8)!important} /* Tablet: 3 escalas por fila x 2 filas. */ .fct-two-row-scale-track{grid-template-rows:repeat(2,auto)!important;grid-auto-columns:calc((100% - 8px)/3)!important} .fct-scale-card{aspect-ratio:16/9!important} } @media(max-width:620px){ h1{font-size:28px!important}h2{font-size:22px!important}h3{font-size:19px!important} .fct-category-grid-track{grid-template-rows:repeat(2,auto)!important;grid-auto-columns:calc((100% - 8px)/3)!important} .fct-category-grid-track .fct-catalog-tile strong{font-size:14px!important;left:6px!important;right:6px!important;bottom:31px!important} .fct-category-grid-track .fct-catalog-tile small{font-size:14px!important;left:6px!important;right:6px!important;bottom:7px!important} /* Phone: 5 por fila, 3 filas. */ .m70-section-brands .m70-brand-track{grid-template-rows:repeat(3,auto)!important;grid-auto-columns:calc((100% - 16px)/5)!important;gap:4px!important} .m70-section-brands .m70-brand-card{border-radius:7px!important;padding:3px!important} .m70-section-brands .m70-brand-card strong{font-size:14px!important} /* Phone: 3 escalas por fila x 2 filas. */ .fct-two-row-scale-track{grid-template-rows:repeat(2,auto)!important;grid-auto-columns:calc((100% - 8px)/3)!important} .fct-scale-card strong{font-size:22px!important}.fct-scale-card span{left:8px!important}.fct-scale-card small{font-size:14px!important} } /* ================================================================ FCT 1.1.9 — CATEGORÍAS + MARCAS ================================================================ */ /* CATEGORÍAS: web 8 por fila x 2; tablet 6 x 2; phone 3 x 3. */ .fct-category-grid-track{ grid-template-rows:repeat(2,auto)!important; grid-auto-columns:calc((100% - 28px)/8)!important; gap:4px!important; } .fct-category-grid-track .fct-catalog-tile{ aspect-ratio:auto!important; display:flex!important; flex-direction:column!important; position:relative!important; overflow:visible!important; background:transparent!important; border:0!important; border-radius:0!important; color:#000!important; text-decoration:none!important; min-width:0!important; } .fct-category-grid-track .fct-catalog-image{ position:relative!important; inset:auto!important; display:block!important; width:100%!important; aspect-ratio:1/1!important; overflow:hidden!important; border-radius:12px!important; background:#f5f5f5!important; border:1px solid #e8e8e8!important; } .fct-category-grid-track .fct-catalog-image img{ width:100%!important; height:100%!important; object-fit:cover!important; display:block!important; } .fct-category-grid-track .fct-catalog-tile:after{display:none!important;content:none!important} .fct-category-grid-track .fct-catalog-tile strong{ position:static!important; display:block!important; padding:6px 2px 2px!important; margin:0!important; color:#000!important; font-size:16px!important; line-height:1.12!important; font-weight:600!important; text-align:center!important; white-space:normal!important; overflow:visible!important; text-overflow:clip!important; text-shadow:none!important; } .fct-category-grid-track .fct-catalog-tile small{display:none!important} /* MARCAS Y COLECCIONES: logos cuadrados con esquinas redondeadas. */ .m70-section-brands .m70-brand-logo{ border-radius:12px!important; } .m70-section-brands .m70-brand-logo img{ border-radius:10px!important; } @media(max-width:900px){ .fct-category-grid-track{ grid-template-rows:repeat(2,auto)!important; grid-auto-columns:calc((100% - 20px)/6)!important; } .fct-category-grid-track .fct-catalog-tile strong{ font-size:16px!important; font-weight:600!important; } } @media(max-width:620px){ .fct-category-grid-track{ grid-template-rows:repeat(3,auto)!important; grid-auto-columns:calc((100% - 8px)/3)!important; } .fct-category-grid-track .fct-catalog-tile strong{ font-size:14px!important; font-weight:600!important; padding-top:5px!important; } .fct-category-grid-track .fct-catalog-image{ border-radius:10px!important; } } /* ================================================================ FCT 1.1.14 — PHONE Textos internos de tarjetas de PRODUCTOS y SORTEOS: -3px respecto al original. Se aplica directo al CSS, sin capas ni escalado visual. ================================================================ */ @media (max-width:620px){ /* PRODUCTOS */ .m70-product-card, .m70-product-card *, .m78-product-card, .m78-product-card *, .mav-product-card, .mav-product-card *, .product-card, .product-card *{ --fct-phone-text-reduction:1px; } .m70-product-card .m70-product-title, .m70-product-card .product-title, .m70-product-card h3, .m70-product-card h4, .m78-product-card .m78-product-title, .m78-product-card .product-title, .m78-product-card h3, .m78-product-card h4, .mav-product-card .product-title, .mav-product-card h3, .mav-product-card h4, .product-card .product-title, .product-card h3, .product-card h4{ font-size:calc(1em - 3px)!important; } .m70-product-card .price, .m70-product-card .regular-price, .m70-product-card .sale-price, .m70-product-card .member-price, .m70-product-card .stock, .m70-product-card .badge, .m70-product-card .meta, .m70-product-card button, .m70-product-card a, .m70-product-card small, .m70-product-card span, .m78-product-card .price, .m78-product-card .regular-price, .m78-product-card .sale-price, .m78-product-card .member-price, .m78-product-card .stock, .m78-product-card .badge, .m78-product-card .meta, .m78-product-card button, .m78-product-card a, .m78-product-card small, .m78-product-card span, .mav-product-card .price, .mav-product-card .regular-price, .mav-product-card .sale-price, .mav-product-card .member-price, .mav-product-card .stock, .mav-product-card .badge, .mav-product-card .meta, .mav-product-card button, .mav-product-card a, .mav-product-card small, .mav-product-card span, .product-card .price, .product-card .regular-price, .product-card .sale-price, .product-card .member-price, .product-card .stock, .product-card .badge, .product-card .meta, .product-card button, .product-card a, .product-card small, .product-card span{ font-size:calc(1em - 3px)!important; } /* SORTEOS */ .raffle-card .raffle-title, .raffle-card h3, .raffle-card h4, .mav-raffle-card .raffle-title, .mav-raffle-card h3, .mav-raffle-card h4, .m70-raffle-card .raffle-title, .m70-raffle-card h3, .m70-raffle-card h4{ font-size:calc(1em - 3px)!important; } .raffle-card span, .raffle-card small, .raffle-card strong, .raffle-card button, .raffle-card a, .raffle-card .price, .raffle-card .ticket-price, .raffle-card .stock, .raffle-card .counter, .raffle-card .meta, .mav-raffle-card span, .mav-raffle-card small, .mav-raffle-card strong, .mav-raffle-card button, .mav-raffle-card a, .mav-raffle-card .price, .mav-raffle-card .ticket-price, .mav-raffle-card .stock, .mav-raffle-card .counter, .mav-raffle-card .meta, .m70-raffle-card span, .m70-raffle-card small, .m70-raffle-card strong, .m70-raffle-card button, .m70-raffle-card a, .m70-raffle-card .price, .m70-raffle-card .ticket-price, .m70-raffle-card .stock, .m70-raffle-card .counter, .m70-raffle-card .meta{ font-size:calc(1em - 3px)!important; } } /* ================================================================ FCT 1.1.15 — WEB + TABLET Textos internos de tarjetas de PRODUCTOS y SORTEOS: -2px respecto al tamaño original. PHONE ya conserva la misma reducción. ================================================================ */ @media (min-width:621px){ /* PRODUCTOS */ .m70-product-card .m70-product-title, .m70-product-card .product-title, .m70-product-card h3, .m70-product-card h4, .m78-product-card .m78-product-title, .m78-product-card .product-title, .m78-product-card h3, .m78-product-card h4, .mav-product-card .product-title, .mav-product-card h3, .mav-product-card h4, .product-card .product-title, .product-card h3, .product-card h4{ font-size:calc(1em - 3px)!important; } .m70-product-card .price, .m70-product-card .regular-price, .m70-product-card .sale-price, .m70-product-card .member-price, .m70-product-card .stock, .m70-product-card .badge, .m70-product-card .meta, .m70-product-card button, .m70-product-card a, .m70-product-card small, .m70-product-card span, .m78-product-card .price, .m78-product-card .regular-price, .m78-product-card .sale-price, .m78-product-card .member-price, .m78-product-card .stock, .m78-product-card .badge, .m78-product-card .meta, .m78-product-card button, .m78-product-card a, .m78-product-card small, .m78-product-card span, .mav-product-card .price, .mav-product-card .regular-price, .mav-product-card .sale-price, .mav-product-card .member-price, .mav-product-card .stock, .mav-product-card .badge, .mav-product-card .meta, .mav-product-card button, .mav-product-card a, .mav-product-card small, .mav-product-card span, .product-card .price, .product-card .regular-price, .product-card .sale-price, .product-card .member-price, .product-card .stock, .product-card .badge, .product-card .meta, .product-card button, .product-card a, .product-card small, .product-card span{ font-size:calc(1em - 3px)!important; } /* SORTEOS */ .raffle-card .raffle-title, .raffle-card h3, .raffle-card h4, .mav-raffle-card .raffle-title, .mav-raffle-card h3, .mav-raffle-card h4, .m70-raffle-card .raffle-title, .m70-raffle-card h3, .m70-raffle-card h4{ font-size:calc(1em - 3px)!important; } .raffle-card span, .raffle-card small, .raffle-card strong, .raffle-card button, .raffle-card a, .raffle-card .price, .raffle-card .ticket-price, .raffle-card .stock, .raffle-card .counter, .raffle-card .meta, .mav-raffle-card span, .mav-raffle-card small, .mav-raffle-card strong, .mav-raffle-card button, .mav-raffle-card a, .mav-raffle-card .price, .mav-raffle-card .ticket-price, .mav-raffle-card .stock, .mav-raffle-card .counter, .mav-raffle-card .meta, .m70-raffle-card span, .m70-raffle-card small, .m70-raffle-card strong, .m70-raffle-card button, .m70-raffle-card a, .m70-raffle-card .price, .m70-raffle-card .ticket-price, .m70-raffle-card .stock, .m70-raffle-card .counter, .m70-raffle-card .meta{ font-size:calc(1em - 3px)!important; } } /* ================================================================ FCT 1.1.14 — TABLET Textos internos de tarjetas de PRODUCTOS y SORTEOS: -3px respecto al tamaño original. ================================================================ */ @media (min-width:621px) and (max-width:1024px){ .m70-product-card .m70-product-title, .m70-product-card .product-title, .m70-product-card h3, .m70-product-card h4, .m78-product-card .m78-product-title, .m78-product-card .product-title, .m78-product-card h3, .m78-product-card h4, .mav-product-card .product-title, .mav-product-card h3, .mav-product-card h4, .product-card .product-title, .product-card h3, .product-card h4, .m70-product-card .price, .m70-product-card .regular-price, .m70-product-card .sale-price, .m70-product-card .member-price, .m70-product-card .stock, .m70-product-card .badge, .m70-product-card .meta, .m70-product-card button, .m70-product-card a, .m70-product-card small, .m70-product-card span, .m78-product-card .price, .m78-product-card .regular-price, .m78-product-card .sale-price, .m78-product-card .member-price, .m78-product-card .stock, .m78-product-card .badge, .m78-product-card .meta, .m78-product-card button, .m78-product-card a, .m78-product-card small, .m78-product-card span, .mav-product-card .price, .mav-product-card .regular-price, .mav-product-card .sale-price, .mav-product-card .member-price, .mav-product-card .stock, .mav-product-card .badge, .mav-product-card .meta, .mav-product-card button, .mav-product-card a, .mav-product-card small, .mav-product-card span, .product-card .price, .product-card .regular-price, .product-card .sale-price, .product-card .member-price, .product-card .stock, .product-card .badge, .product-card .meta, .product-card button, .product-card a, .product-card small, .product-card span, .raffle-card .raffle-title, .raffle-card h3, .raffle-card h4, .raffle-card span, .raffle-card small, .raffle-card strong, .raffle-card button, .raffle-card a, .raffle-card .price, .raffle-card .ticket-price, .raffle-card .stock, .raffle-card .counter, .raffle-card .meta, .mav-raffle-card .raffle-title, .mav-raffle-card h3, .mav-raffle-card h4, .mav-raffle-card span, .mav-raffle-card small, .mav-raffle-card strong, .mav-raffle-card button, .mav-raffle-card a, .mav-raffle-card .price, .mav-raffle-card .ticket-price, .mav-raffle-card .stock, .mav-raffle-card .counter, .mav-raffle-card .meta, .m70-raffle-card .raffle-title, .m70-raffle-card h3, .m70-raffle-card h4, .m70-raffle-card span, .m70-raffle-card small, .m70-raffle-card strong, .m70-raffle-card button, .m70-raffle-card a, .m70-raffle-card .price, .m70-raffle-card .ticket-price, .m70-raffle-card .stock, .m70-raffle-card .counter, .m70-raffle-card .meta{ font-size:calc(1em - 3px)!important; } } /* ================================================================ FCT 1.1.15 — REDUCCIÓN REAL DE TARJETAS WEB / TABLET / PHONE: -3px en textos de productos y sorteos. EXCEPCIÓN: precios públicos en ROJO conservan su tamaño original. ================================================================ */ /* ---------------- PRODUCTOS ---------------- Base visible actual: 14px -> 11px. */ .m70-ui .m40-product-card .m40-brand, .m70-ui .m40-product-card .m40-card-title, .m70-ui .m40-product-card .m40-stock, .m70-ui .m40-product-card .m40-prices del, .m70-ui .m40-product-card .m60-free-ship, .m70-ui .m40-product-card .m40-discount, .m70-ui .m40-product-card .m40-add-cart, .m70-ui .m40-product-card .m60-buy-card, .m70-ui .m40-product-card .m40-detail-btn, .m70-ui .m40-product-card .m429-card-regular del, .m70-ui .m40-product-card .m429-member-side-action span, .m70-ui .m40-product-card .m429-member-card-price span, .m70-ui .m40-product-card .m429-member-card-price .m429-member-extra, .m70-ui .m40-product-card .m429-member-card-price .m429-member-save-amount, .m70-ui .m40-product-card .m429-member-card-bottom span, .m70-ui .m40-product-card .m433-preorder-badge, .m70-ui .m40-product-card .m433-stock-badge{ font-size:11px!important; } /* Precio miembro conserva jerarquía, pero también baja 3px. */ .m70-ui .m40-product-card .m429-member-card-price strong{ font-size:12px!important; } .m70-ui .m40-product-card .m429-member-side-action strong{ font-size:13px!important; } @media(max-width:680px){ .m70-ui .m40-product-card .m429-member-side-action strong{ font-size:11px!important; } } /* PRECIOS ROJOS: NO REDUCIR. Se dejan explícitamente con los tamaños que ya tenía el CORE. */ .m70-ui .m40-product-card .m40-prices strong{ font-size:19px!important; } .m70-ui .m40-product-card .m429-card-offer{ font-size:18px!important; } @media(max-width:680px){ .m70-ui .m40-product-card .m40-prices strong, .m70-ui .m40-product-card .m429-card-offer{ font-size:16px!important; } } /* ---------------- SORTEOS: LISTADO ---------------- */ .m160-card h2{ font-size:13px!important; /* 16 -> 13 */ } .m160-card .m160-card-meta, .m160-card .m160-available, .m160-card .m160-date, .m160-card .m160-date b, .m160-card .m160-date strong, .m160-card .m160-action, .m160-card .m160-condition-chip{ font-size:11px!important; /* 14 -> 11 */ } /* Precio rojo del ticket: conservar tamaño original. */ .m160-card .m160-ticket-price, .m160-card .m160-ticket-price-value{ font-size:16px!important; } @media(max-width:560px){ .m160-card h2{ font-size:11px!important; /* 14 -> 11 */ } .m160-card .m160-ticket-price, .m160-card .m160-ticket-price-value{ font-size:14px!important; /* precio rojo sin reducción */ } } /* ---------------- SORTEOS: HOME ---------------- */ .m160-home-shade .m160-badge{ font-size:11px!important; } .m160-home-shade > strong{ font-size:13px!important; /* 16 -> 13 */ } .m160-home-shade > small, .m160-home-shade > b, .m160-home-shade > em{ font-size:11px!important; } @media(max-width:560px){ .m160-home-shade > strong{ font-size:11px!important; /* 14 -> 11 */ } } /* ---------------- SORTEOS: RELACIONADOS ---------------- */ .m160-related-card .m160-related-body > strong, .m160-related-card .m160-related-body > span, .m160-related-card .m160-related-body > b, .m160-related-card .m160-related-body > em{ font-size:11px!important; } /* ================================================================ FCT 1.1.17 — AJUSTE FINAL DE TEXTOS PRODUCTOS: +2px respecto a v1.1.15 => -1px respecto al original. SORTEOS: textos y números -2px respecto al original. PRECIOS ROJOS: sin cambio. WEB / TABLET / PHONE. ================================================================ */ /* ---------------- PRODUCTOS ---------------- */ .m70-ui .m40-product-card .m40-brand, .m70-ui .m40-product-card .m40-card-title, .m70-ui .m40-product-card .m40-stock, .m70-ui .m40-product-card .m40-prices del, .m70-ui .m40-product-card .m60-free-ship, .m70-ui .m40-product-card .m40-discount, .m70-ui .m40-product-card .m40-add-cart, .m70-ui .m40-product-card .m60-buy-card, .m70-ui .m40-product-card .m40-detail-btn, .m70-ui .m40-product-card .m429-card-regular del, .m70-ui .m40-product-card .m429-member-side-action span, .m70-ui .m40-product-card .m429-member-card-price span, .m70-ui .m40-product-card .m429-member-card-price .m429-member-extra, .m70-ui .m40-product-card .m429-member-card-price .m429-member-save-amount, .m70-ui .m40-product-card .m429-member-card-bottom span, .m70-ui .m40-product-card .m433-preorder-badge, .m70-ui .m40-product-card .m433-stock-badge{ font-size:13px!important; /* original 14 -> 13 */ } .m70-ui .m40-product-card .m429-member-card-price strong{ font-size:14px!important; /* 15 -> 14 */ } .m70-ui .m40-product-card .m429-member-side-action strong{ font-size:15px!important; /* 16 -> 15 */ } @media(max-width:680px){ .m70-ui .m40-product-card .m429-member-side-action strong{ font-size:13px!important; /* 14 -> 13 */ } } /* PRECIOS ROJOS DE PRODUCTOS: SIN CAMBIO */ .m70-ui .m40-product-card .m40-prices strong{ font-size:19px!important; } .m70-ui .m40-product-card .m429-card-offer{ font-size:18px!important; } @media(max-width:680px){ .m70-ui .m40-product-card .m40-prices strong, .m70-ui .m40-product-card .m429-card-offer{ font-size:16px!important; } } /* ---------------- SORTEOS ---------------- */ .m160-card h2{ font-size:14px!important; /* original 16 -> 14 */ } .m160-card .m160-card-meta, .m160-card .m160-available, .m160-card .m160-date, .m160-card .m160-date b, .m160-card .m160-date strong, .m160-card .m160-action, .m160-card .m160-condition-chip, .m160-card .m160-counter, .m160-card .m160-number, .m160-card .m160-ticket-number, .m160-card .m160-ticket-qty{ font-size:12px!important; /* original 14 -> 12 */ } /* PRECIO ROJO DE SORTEO: SIN CAMBIO */ .m160-card .m160-ticket-price, .m160-card .m160-ticket-price-value{ font-size:16px!important; } @media(max-width:560px){ .m160-card h2{ font-size:12px!important; /* original 14 -> 12 */ } .m160-card .m160-card-meta, .m160-card .m160-available, .m160-card .m160-date, .m160-card .m160-date b, .m160-card .m160-date strong, .m160-card .m160-action, .m160-card .m160-condition-chip, .m160-card .m160-counter, .m160-card .m160-number, .m160-card .m160-ticket-number, .m160-card .m160-ticket-qty{ font-size:12px!important; } .m160-card .m160-ticket-price, .m160-card .m160-ticket-price-value{ font-size:14px!important; /* precio rojo sin cambio */ } } /* SORTEOS DEL HOME */ .m160-home-shade .m160-badge{ font-size:12px!important; } .m160-home-shade > strong{ font-size:14px!important; } .m160-home-shade > small, .m160-home-shade > b, .m160-home-shade > em{ font-size:12px!important; } @media(max-width:560px){ .m160-home-shade > strong{ font-size:12px!important; } } /* SORTEOS RELACIONADOS */ .m160-related-card .m160-related-body > strong, .m160-related-card .m160-related-body > span, .m160-related-card .m160-related-body > b, .m160-related-card .m160-related-body > em{ font-size:12px!important; } /* ================================================================ FCT 1.1.18 — AJUSTES PUNTUALES - No afecta Sorteo Fantasy Car Toys del HOME. - No altera precios rojos. ================================================================ */ /* 1) BLOQUE LOGÍSTICO DE PRODUCTO: RESTAURADO A SU DISEÑO PREDETERMINADO */ .m423-detail-canonical .m428-logistics-title{ font-size:14px!important; line-height:1.25!important; font-weight:600!important; } .m423-detail-canonical .m428-logistics-badge{ font-size:14px!important; line-height:1!important; font-weight:700!important; } .m423-detail-canonical .m428-logistics-sub{ font-size:14px!important; line-height:1.3!important; font-weight:400!important; } @media(max-width:640px){ .m423-detail-canonical .m428-logistics-title, .m423-detail-canonical .m428-logistics-badge{ font-size:14px!important; } .m423-detail-canonical .m428-logistics-sub{ font-size:clamp(9px,2.65vw,11px)!important; line-height:1.2!important; } } /* 2) TÍTULO DE TARJETA DE PRODUCTO: +1px respecto a v1.1.17 */ .m70-ui .m40-product-card .m40-card-title{ font-size:14px!important; } /* ================================================================ SORTEOS — SOLO LISTADO /sorteos/ Todo queda acotado a .m160-page .m160-card. ================================================================ */ /* 3) ETIQUETA "SORTEO": -2px EN TODOS LOS MODOS. No toca la etiqueta de Sorteo Fantasy Car Toys del Home. */ .m160-page .m160-card .m160-card-media > .m160-badge{ font-size:12px!important; line-height:1!important; } /* 4) TÍTULO DEL SORTEO: WEB: -2px respecto a v1.1.17 (14 -> 12). TABLET y PHONE: conservan su tamaño actual. */ @media(min-width:901px){ .m160-page .m160-card h2{ font-size:12px!important; line-height:1.15!important; } } /* Tablet mantiene 14px. */ @media(min-width:561px) and (max-width:900px){ .m160-page .m160-card h2{ font-size:14px!important; line-height:1.15!important; } } /* Phone mantiene 12px de v1.1.17. */ @media(max-width:560px){ .m160-page .m160-card h2{ font-size:12px!important; line-height:1.15!important; } } /* 5) NÚMEROS DEL CONTEO / FINALIZA: WEB: +3px (12 -> 15). TABLET y PHONE: +1px (12 -> 13). Solo cambia el número del cronómetro; "FINALIZA:" conserva su tamaño. */ @media(min-width:901px){ .m160-page .m160-card .m160-date strong[data-m160-countdown]{ font-size:15px!important; line-height:1.15!important; } } @media(max-width:900px){ .m160-page .m160-card .m160-date strong[data-m160-countdown]{ font-size:13px!important; line-height:1.15!important; } } /* 6) ALINEACIÓN DE TARJETAS DE SORTEO: La línea común comienza en la etiqueta de condición ("NUEVO"). Todos los botones terminan en la misma base. */ .m160-page .m160-grid{ align-items:stretch!important; } .m160-page .m160-card{ height:100%!important; } .m160-page .m160-card-body{ flex:1 1 auto!important; display:flex!important; flex-direction:column!important; gap:5px!important; height:100%!important; box-sizing:border-box!important; } /* Reserva exactamente dos líneas para el título para que NUEVO arranque alineado. */ .m160-page .m160-card h2{ min-height:2.30em!important; height:2.30em!important; max-height:2.30em!important; display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; overflow:hidden!important; margin:0 0 5px 0!important; } /* Fila NUEVO / condición alineada. */ .m160-page .m160-card .m160-condition-chip{ align-self:flex-start!important; min-height:20px!important; display:inline-flex!important; align-items:center!important; box-sizing:border-box!important; margin:0 0 2px 0!important; } /* El botón inferior se empuja a la base común. */ .m160-page .m160-card .m160-action{ margin-top:auto!important; } /* PRECIOS ROJOS: conservar exactamente los tamaños anteriores. */ .m160-page .m160-card .m160-ticket-price, .m160-page .m160-card .m160-ticket-price-value{ font-size:16px!important; } @media(max-width:560px){ .m160-page .m160-card .m160-ticket-price, .m160-page .m160-card .m160-ticket-price-value{ font-size:14px!important; } } .m70-ui .m40-product-card .m40-prices strong{ font-size:19px!important; } .m70-ui .m40-product-card .m429-card-offer{ font-size:18px!important; } @media(max-width:680px){ .m70-ui .m40-product-card .m40-prices strong, .m70-ui .m40-product-card .m429-card-offer{ font-size:16px!important; } } /* 7) RESTAURAR EXPRESAMENTE EL CONTENEDOR "SORTEO FANTASY CAR TOYS" DEL HOME. Ninguno de los cambios de esta versión debe modificarlo. */ .m160-home .m160-home-shade .m160-badge{ font-size:14px!important; } .m160-home .m160-home-shade > strong{ font-size:16px!important; } .m160-home .m160-home-shade > small{ font-size:15px!important; } .m160-home .m160-home-shade > b, .m160-home .m160-home-shade > em{ font-size:14px!important; } @media(max-width:560px){ .m160-home .m160-home-shade .m160-badge, .m160-home .m160-home-shade > strong, .m160-home .m160-home-shade > small, .m160-home .m160-home-shade > b, .m160-home .m160-home-shade > em{ font-size:14px!important; } } /* ================================================================ FCT 1.1.19 — SORTEO FANTASY CAR TOYS DEL HOME SOLO TABLET Y PHONE: -3px respecto a v1.1.18. WEB permanece sin cambios. No afecta /sorteos/ ni otras tarjetas. ================================================================ */ @media (min-width:561px) and (max-width:900px){ .m160-home .m160-home-shade .m160-badge{ font-size:11px!important; } .m160-home .m160-home-shade > strong{ font-size:13px!important; } .m160-home .m160-home-shade > small{ font-size:12px!important; } .m160-home .m160-home-shade > b, .m160-home .m160-home-shade > em{ font-size:11px!important; } } @media (max-width:560px){ .m160-home .m160-home-shade .m160-badge, .m160-home .m160-home-shade > strong, .m160-home .m160-home-shade > small, .m160-home .m160-home-shade > b, .m160-home .m160-home-shade > em{ font-size:11px!important; } } /* ================================================================ FCT 1.1.20 — FANTASYCARTOYS NO USA "SERVICIOS Y ECOSISTEMA" Se ocultan contenedores heredados de ese módulo en toda la interfaz. ================================================================ */ .fct-services-ecosystem, .fct-servicios-ecosistema, .m70-services-ecosystem, .m70-servicios-ecosistema, [data-fct-section="services-ecosystem"], [data-section="servicios-ecosistema"]{ display:none!important; } /* ================================================================ FCT 1.1.21 — HOME - TIENDA · TODOS LOS PRODUCTOS: botonera en 2 filas. - CATEGORÍAS: 10px entre filas. - CATEGORÍAS: 20px de separación respecto al header. - MARCAS Y COLECCIONES se mueve debajo del cintillo en index.php. ================================================================ */ /* CATEGORÍAS: separación superior desde el header */ .fct-home-categories, .fct-category-section, .fct-section-categories, section:has(.fct-category-grid-track){ margin-top:20px!important; } /* CATEGORÍAS: 10px de separación vertical entre filas. Se conserva el gap horizontal de 4px definido previamente. */ .fct-category-grid-track{ column-gap:4px!important; row-gap:10px!important; } /* TIENDA · TODOS LOS PRODUCTOS: botonera en exactamente dos filas visuales. */ .m78-product-tabs, .m78-primary-tabs, .fct-shop-tabs, [data-m78-primary-tabs]{ display:grid!important; grid-template-rows:repeat(2,auto)!important; grid-auto-flow:column!important; grid-auto-columns:max-content!important; align-items:stretch!important; justify-content:start!important; gap:4px 6px!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:thin; } /* Asegurar que cada botón mantenga una altura homogénea. */ .m78-product-tabs > a, .m78-primary-tabs > a, .fct-shop-tabs > a, [data-m78-primary-tabs] > a{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:34px!important; white-space:nowrap!important; } /* Tablet y phone mantienen también dos filas en la botonera TIENDA. */ @media(max-width:1024px){ .m78-product-tabs, .m78-primary-tabs, .fct-shop-tabs, [data-m78-primary-tabs]{ grid-template-rows:repeat(2,auto)!important; gap:4px 5px!important; } } /* ================================================================ FCT 1.1.22 — CATÁLOGO FCT OCULTO FantasyCarToys no muestra el listado heredado "CATÁLOGO FCT". ================================================================ */ .fct-hide-catalog-label, .fct-catalog-fct, [data-fct-section="catalogo-fct"], [data-section="catalogo-fct"]{ display:none!important; } /* ================================================================ FCT 1.1.23 — CATEGORÍAS + BOTONERA TIENDA ================================================================ */ /* CATEGORÍAS: 20px de separación vertical real entre sus filas. */ .fct-category-grid-track{ row-gap:20px!important; column-gap:4px!important; } /* TIENDA · TODOS LOS PRODUCTOS WEB: conserva 2 filas. TABLET + PHONE: 3 filas. */ .m78-products-section .m78-primary-tabs{ display:grid!important; grid-template-rows:repeat(2,auto)!important; grid-auto-flow:column!important; grid-auto-columns:max-content!important; align-items:stretch!important; justify-content:start!important; gap:4px 6px!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:none!important; padding:2px 0!important; min-width:0!important; width:100%!important; box-sizing:border-box!important; } .m78-products-section .m78-primary-tabs::-webkit-scrollbar{ display:none!important; } @media(max-width:1024px){ .m78-products-section .m78-primary-tabs{ grid-template-rows:repeat(3,auto)!important; gap:4px 5px!important; } } /* El cuerpo de la botonera ocupa exactamente el mismo ancho útil que el carrusel de productos: sin padding lateral añadido. */ .m78-products-section .m78-primary-shell{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; padding:0!important; margin-left:0!important; margin-right:0!important; display:grid!important; grid-template-columns:22px minmax(0,1fr) 22px!important; align-items:center!important; gap:0!important; overflow:visible!important; } /* Flechas limpias y libres: solo el ícono. */ .m78-products-section .m78-primary-shell > .m78-arrow{ width:22px!important; min-width:22px!important; height:32px!important; min-height:32px!important; padding:0!important; margin:0!important; background:transparent!important; background-color:transparent!important; border:0!important; outline:0!important; box-shadow:none!important; border-radius:0!important; color:#111!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; appearance:none!important; -webkit-appearance:none!important; } .m78-products-section .m78-primary-shell > .m78-arrow:hover, .m78-products-section .m78-primary-shell > .m78-arrow:focus, .m78-products-section .m78-primary-shell > .m78-arrow:active{ background:transparent!important; background-color:transparent!important; border:0!important; box-shadow:none!important; color:#111!important; transform:none!important; } .m78-products-section .m78-primary-shell > .m78-arrow svg{ display:block!important; width:18px!important; height:18px!important; background:transparent!important; border:0!important; box-shadow:none!important; } /* Alinear los extremos del carrusel de productos con la botonera. Las flechas tampoco llevan cápsula, fondo ni borde. */ .m78-products-section .m78-products-carousel{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; } .m78-products-section .m78-products-carousel > .m70-arrow{ background:transparent!important; background-color:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; padding:0!important; width:22px!important; min-width:22px!important; height:32px!important; min-height:32px!important; } .m78-products-section .m78-products-carousel > .m70-arrow.prev{ left:0!important; } .m78-products-section .m78-products-carousel > .m70-arrow.next{ right:0!important; } .m78-products-section .m78-products-carousel > .m70-arrow:hover, .m78-products-section .m78-products-carousel > .m70-arrow:focus, .m78-products-section .m78-products-carousel > .m70-arrow:active{ background:transparent!important; background-color:transparent!important; border:0!important; box-shadow:none!important; transform:translateY(-50%)!important; } /* ================================================================ FCT 1.1.24 — CORRECCIONES HOME / CATEGORÍAS / SERVICIOS ================================================================ */ /* Título de tarjeta de producto: +1px respecto a v1.1.23. */ .m70-ui .m40-product-card .m40-card-title{ font-size:15px!important; } /* Recuperar cantidad de productos DENTRO del cuadrante de CATEGORÍAS. El nombre de la categoría permanece debajo, como en el diseño actual. */ .fct-category-grid-track .fct-catalog-image{ position:relative!important; } .fct-category-grid-track .fct-catalog-image .fct-catalog-count{ display:block!important; position:absolute!important; left:7px!important; right:7px!important; bottom:7px!important; z-index:3!important; padding:0!important; margin:0!important; color:#fff!important; font-size:14px!important; line-height:1!important; font-weight:600!important; text-align:center!important; text-shadow:0 1px 2px rgba(0,0,0,.75)!important; pointer-events:none!important; } @media(max-width:620px){ .fct-category-grid-track .fct-catalog-image .fct-catalog-count{ left:5px!important; right:5px!important; bottom:5px!important; font-size:12px!important; } } /* FantasyCarToys no utiliza las grillas heredadas de Servicios/Ecosistema. */ .m120-entity-grid{ display:none!important; } /* ================================================================ FCT 1.1.26 — CATEGORÍAS Difuminado negro translúcido de abajo hacia arriba, solo en los cuadrantes de CATEGORÍAS. ================================================================ */ .fct-category-grid-track .fct-catalog-image{ position:relative!important; overflow:hidden!important; } .fct-category-grid-track .fct-catalog-image::after{ content:""!important; position:absolute!important; inset:0!important; pointer-events:none!important; z-index:1!important; background:linear-gradient( to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.52) 22%, rgba(0,0,0,.28) 45%, rgba(0,0,0,.10) 68%, rgba(0,0,0,0) 100% )!important; } /* Mantener visibles por encima del difuminado el conteo y otros elementos informativos. */ .fct-category-grid-track .fct-catalog-image > *{ position:relative!important; z-index:2!important; } /* ================================================================ FCT 1.1.27 — CATEGORÍAS El difuminado queda por delante de la imagen y por detrás del texto. Capas: imagen = z-index 0 difuminado = z-index 1 texto/conteo = z-index 2 ================================================================ */ .fct-category-grid-track .fct-catalog-image{ position:relative!important; overflow:hidden!important; } .fct-category-grid-track .fct-catalog-image img, .fct-category-grid-track .fct-catalog-image picture, .fct-category-grid-track .fct-catalog-image source{ position:relative!important; z-index:0!important; } .fct-category-grid-track .fct-catalog-image::after{ content:""!important; position:absolute!important; inset:0!important; pointer-events:none!important; z-index:1!important; background:linear-gradient( to top, rgba(0,0,0,.78) 0%, rgba(0,0,0,.52) 22%, rgba(0,0,0,.28) 45%, rgba(0,0,0,.10) 68%, rgba(0,0,0,0) 100% )!important; } .fct-category-grid-track .fct-catalog-image .fct-catalog-count, .fct-category-grid-track .fct-catalog-image .fct-catalog-overlay, .fct-category-grid-track .fct-catalog-image .fct-catalog-label, .fct-category-grid-track .fct-catalog-image .fct-catalog-meta, .fct-category-grid-track .fct-catalog-image > span, .fct-category-grid-track .fct-catalog-image > strong, .fct-category-grid-track .fct-catalog-image > b, .fct-category-grid-track .fct-catalog-image > em, .fct-category-grid-track .fct-catalog-image > small{ position:relative!important; z-index:2!important; } /* ================================================================ FCT 1.1.28 — TARJETAS DE SORTEO / LISTADO - WEB: título +2px. - NUEVO: 10px debajo del título. - Sin gran espacio vacío antes del botón en ningún modo. - No afecta Sorteo Fantasy Car Toys del HOME. ================================================================ */ /* Eliminar el estiramiento vertical que generaba el gran espacio vacío. */ .m160-page .m160-grid{ align-items:start!important; } .m160-page .m160-card{ height:auto!important; align-self:start!important; } .m160-page .m160-card-body{ flex:0 0 auto!important; height:auto!important; min-height:0!important; display:flex!important; flex-direction:column!important; gap:5px!important; box-sizing:border-box!important; } /* Mantener dos líneas reservadas para que NUEVO siga comenzando alineado. */ .m160-page .m160-card h2{ min-height:2.30em!important; height:2.30em!important; max-height:2.30em!important; margin:0!important; display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; overflow:hidden!important; } /* WEB: subir 2px el título respecto al estado anterior (12px -> 14px). */ @media(min-width:901px){ .m160-page .m160-card h2{ font-size:14px!important; line-height:1.15!important; } } /* NUEVO: separación vertical exacta de 10px respecto al título. */ .m160-page .m160-card .m160-condition-chip{ margin:10px 0 2px 0!important; align-self:flex-start!important; } /* El botón deja de ir pegado artificialmente al fondo. Va después del conteo, eliminando el espacio vacío. */ .m160-page .m160-card .m160-action{ margin-top:8px!important; margin-bottom:0!important; } /* Defensa: ninguna variante del listado puede volver a estirar el botón. */ .m160-page .m160-card-body > .m160-action:last-child{ margin-top:8px!important; } /* ================================================================ FCT 1.1.29 — AJUSTES FINOS - CATEGORÍAS: restaurar el conteo dentro del cuadrante sin dañarlo. - Breadcrumb/resultados: una sola línea. - Selector superior sin LAPTOPS. ================================================================ */ /* CATEGORÍAS: restaurar el conteo dentro de la imagen, visible y no recortado. */ .fct-category-grid-track .fct-catalog-image{ position:relative!important; overflow:hidden!important; } .fct-category-grid-track .fct-catalog-image .fct-catalog-count{ position:absolute!important; left:8px!important; right:8px!important; bottom:10px!important; z-index:2!important; display:block!important; margin:0!important; padding:0!important; color:#fff!important; font-size:14px!important; line-height:1.1!important; font-weight:600!important; text-align:center!important; white-space:nowrap!important; text-shadow:0 1px 2px rgba(0,0,0,.78)!important; pointer-events:none!important; } @media(max-width:900px){ .fct-category-grid-track .fct-catalog-image .fct-catalog-count{ left:6px!important; right:6px!important; bottom:8px!important; font-size:13px!important; } } @media(max-width:620px){ .fct-category-grid-track .fct-catalog-image .fct-catalog-count{ font-size:12px!important; bottom:7px!important; } } /* Breadcrumb + resultados: una sola línea con scroll horizontal si hiciera falta, en lugar de bajar el texto a otra línea. */ .m40-topline{ width:100%!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:18px!important; flex-wrap:nowrap!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:none!important; margin:0 0 10px 0!important; } .m40-topline::-webkit-scrollbar{ display:none!important; } .m40-topline .m40-breadcrumb, .m40-topline .m40-results-note{ flex:0 0 auto!important; width:auto!important; white-space:nowrap!important; line-height:1.35!important; margin:0!important; } .m40-topline .m40-breadcrumb{ color:#777!important; } .m40-topline .m40-results-note{ color:#777!important; text-align:right!important; } /* Asegurar que las pestañas superiores no intenten considerar la antigua regla LAPTOPS. */ .m78-page-primary-tabs a{ white-space:nowrap!important; } /* ================================================================ FCT 1.1.31 — NAVEGACIÓN PERSISTENTE DE TIENDA EN /productos/ En /productos/categoria/tienda/{categoria}/ se muestra la lista comercial completa, no el selector redundante TODOS / TIENDA. ================================================================ */ .m78-page-store-shell{ width:100%!important; max-width:100%!important; box-sizing:border-box!important; display:grid!important; grid-template-columns:22px minmax(0,1fr) 22px!important; align-items:center!important; gap:0!important; padding:0!important; overflow:visible!important; } .m78-page-store-tabs{ width:100%!important; min-width:0!important; display:grid!important; grid-template-rows:repeat(2,auto)!important; grid-auto-flow:column!important; grid-auto-columns:max-content!important; align-items:stretch!important; justify-content:start!important; gap:4px 6px!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:none!important; padding:2px 0!important; box-sizing:border-box!important; } .m78-page-store-tabs::-webkit-scrollbar{ display:none!important; } .m78-page-store-tabs a{ display:flex!important; align-items:center!important; justify-content:center!important; min-height:38px!important; padding:0 14px!important; border-radius:9px!important; border:1px solid #111!important; background:#111!important; color:#fff!important; font-weight:700!important; text-decoration:none!important; white-space:nowrap!important; box-sizing:border-box!important; } .m78-page-store-tabs a.active{ background:#FFC107!important; color:#000!important; border-color:#111!important; } /* Tablet y phone: misma lógica solicitada para TIENDA, 3 filas. */ @media(max-width:1024px){ .m78-page-store-tabs{ grid-template-rows:repeat(3,auto)!important; gap:4px 5px!important; } } /* Flechas limpias, iguales a la navegación del Home. */ .m78-page-store-shell > .m78-page-arrow{ width:22px!important; min-width:22px!important; height:32px!important; min-height:32px!important; padding:0!important; margin:0!important; background:transparent!important; border:0!important; box-shadow:none!important; border-radius:0!important; color:#111!important; display:flex!important; align-items:center!important; justify-content:center!important; } .m78-page-store-shell > .m78-page-arrow:hover, .m78-page-store-shell > .m78-page-arrow:focus, .m78-page-store-shell > .m78-page-arrow:active{ background:transparent!important; border:0!important; box-shadow:none!important; color:#111!important; } /* ================================================================ FCT 1.1.33 — CATEGORÍAS HOME 14 cuadrantes visibles: WEB = 7 columnas x 2 filas TABLET = 6 columnas x 2 filas PHONE = 3 columnas x 3 filas Se conservan 20px entre filas. RÁPIDOS Y FURIOSOS y BATMAN siguen existiendo en taxonomías, pero no se muestran en este bloque del Home. ================================================================ */ @media (min-width:1025px){ .fct-category-grid-track{ grid-template-rows:repeat(2,auto)!important; grid-auto-columns:calc((100% - 24px)/7)!important; column-gap:4px!important; row-gap:20px!important; } } @media (min-width:621px) and (max-width:1024px){ .fct-category-grid-track{ grid-template-rows:repeat(2,auto)!important; grid-auto-columns:calc((100% - 20px)/6)!important; column-gap:4px!important; row-gap:20px!important; } } @media (max-width:620px){ .fct-category-grid-track{ grid-template-rows:repeat(3,auto)!important; grid-auto-columns:calc((100% - 8px)/3)!important; column-gap:4px!important; row-gap:20px!important; } } /* ================================================================ FCT 1.1.34 — PÁGINA DE PRODUCTOS / TIENDA La botonera de categorías ocupa una fila completa, igual al Home. Breadcrumb + resultados ocupan la siguiente fila completa. ================================================================ */ .m40-products-inner > .m78-page-store-shell, .m40-products-inner > .m78-page-primary-shell, .m40-products-inner > .m78-page-sub-shell{ grid-column:1 / -1!important; width:100%!important; max-width:none!important; min-width:0!important; justify-self:stretch!important; box-sizing:border-box!important; } .m40-products-inner > .m40-topline{ grid-column:1 / -1!important; width:100%!important; max-width:none!important; min-width:0!important; box-sizing:border-box!important; display:flex!important; align-items:center!important; justify-content:space-between!important; flex-wrap:nowrap!important; gap:20px!important; margin:10px 0 14px!important; padding:0!important; } .m40-products-inner > .m40-topline .m40-breadcrumb{ flex:1 1 auto!important; min-width:0!important; white-space:nowrap!important; overflow-x:auto!important; overflow-y:hidden!important; scrollbar-width:none!important; } .m40-products-inner > .m40-topline .m40-breadcrumb::-webkit-scrollbar{ display:none!important; } .m40-products-inner > .m40-topline .m40-results-note{ flex:0 0 auto!important; white-space:nowrap!important; text-align:right!important; } /* Botonera TIENDA: ancho útil completo entre ambas flechas. */ .m40-products-inner > .m78-page-store-shell{ grid-template-columns:22px minmax(0,1fr) 22px!important; gap:0!important; padding:0!important; } .m40-products-inner > .m78-page-store-shell > .m78-page-store-tabs{ width:100%!important; max-width:none!important; min-width:0!important; } /* Tablet y phone conservan el ancho completo; el breadcrumb sigue debajo y solo hace scroll horizontal si físicamente no entra. */ @media(max-width:760px){ .m40-products-inner > .m40-topline{ gap:12px!important; margin-top:8px!important; } } /* ================================================================ FCT 1.1.38 — SLIDERS TEMPORALMENTE OCULTOS Se conserva toda la configuración para reactivarlos después. ================================================================ */ .fct-home-slider, .fct-slider, [data-fct-slider], [data-fct-home-slider], .fct-hero-slider, .fct-footer-slider{ display:none!important; } /* ================================================================ FCT 1.1.43 — MULTIMEDIA ORIGINAL TEMPORALMENTE OCULTA La configuración original permanece intacta. NO se tocan: - Últimos videos, fotos y novedades - filtros Todos / YouTube / TikTok / Instagram / Facebook / WhatsApp - tarjetas / embeds / enlaces - Redes oficiales Solo se oculta el contenedor padre original. ================================================================ */ .m125-media-zone{ display:none!important; } /* ================================================================ FCT 1.1.44 — PÁGINAS LEGALES / LIBRO DE RECLAMACIONES ================================================================ */ .fct-legal-page{ max-width:980px!important; margin:0 auto!important; } .fct-legal-page h1{margin-bottom:18px!important} .fct-legal-page h2{margin-top:28px!important;margin-bottom:8px!important;font-size:20px!important} .fct-legal-page p,.fct-legal-page li{line-height:1.65!important} .fct-legal-page ul{padding-left:22px!important} .fct-legal-business{ margin:16px 0 22px!important; padding:14px!important; border:1px solid #e2e5e9!important; border-radius:12px!important; background:#f8f9fb!important; } .fct-legal-business p{margin:4px 0!important} .fct-claims-form{margin-top:20px!important} .fct-claims-grid{ display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:12px!important; } .fct-claims-grid .span2{grid-column:1 / -1!important} .fct-claims-grid label{display:flex!important;flex-direction:column!important;gap:6px!important} .fct-claims-grid input,.fct-claims-grid select,.fct-claims-grid textarea{ width:100%!important; min-height:44px!important; border:1px solid #d4d9e0!important; border-radius:9px!important; padding:9px 10px!important; background:#fff!important; color:#111!important; } .fct-claims-grid textarea{resize:vertical!important} .fct-claims-form .checkline{ display:flex!important; flex-direction:row!important; align-items:flex-start!important; gap:9px!important; } .fct-claims-form .checkline input{ width:auto!important; min-height:0!important; margin-top:3px!important; } .fct-claims-accept{margin:18px 0!important} .fct-claims-form>button{ min-height:46px!important; padding:0 18px!important; border:0!important; border-radius:9px!important; background:#FFC107!important; color:#111!important; font-weight:800!important; cursor:pointer!important; } @media(max-width:620px){ .fct-claims-grid{grid-template-columns:1fr!important} .fct-claims-grid .span2{grid-column:auto!important} } /* ================================================================ FCT 1.1.45 — HOME · CONTENEDORES GRIS CLARO ELEGANTE Solo afecta: - CATEGORÍAS - Marcas y colecciones - ESCALAS No modifica las tarjetas internas ni sus imágenes. ================================================================ */ .m70-home .fct-catalog-section, .m70-home .m70-section-brands, .m70-home .fct-scale-section{ background:#f3f4f6!important; border:1px solid #e5e7eb!important; border-radius:16px!important; padding:14px 12px 16px!important; box-sizing:border-box!important; } /* Mantener el título y los controles sobre el nuevo fondo sin cambiar su diseño. */ .m70-home .fct-catalog-section .m70-head, .m70-home .m70-section-brands .m70-head, .m70-home .fct-scale-section .m70-head{ background:transparent!important; } /* Tablet y phone: conservar el mismo tono con un padding ligeramente más compacto. */ @media(max-width:1024px){ .m70-home .fct-catalog-section, .m70-home .m70-section-brands, .m70-home .fct-scale-section{ padding:12px 10px 14px!important; border-radius:14px!important; } } /* ================================================================ FCT 1.1.46 — BOTONES DE COMPRA +100 de peso respecto al valor anterior 600 -> 700. No cambia tamaño, color, alto ni ancho. ================================================================ */ .m70-ui .m40-add-cart, .m70-ui .m40-buy-now, .m70-ui [data-cart-add], .m70-ui [data-buy-now], .m423-detail-canonical .m415-actions > button, .m423-detail-canonical .m415-actions > a{ font-weight:700!important; } /* ================================================================ FCT 1.1.47 — CATEGORÍAS HOME WEB: texto del pie del cuadrante +1px. Tablet y phone permanecen sin cambios. ================================================================ */ @media(min-width:1025px){ .m70-home .fct-category-grid-track .fct-catalog-tile > strong{ font-size:15px!important; } } /* ================================================================ FCT 1.1.48 — CATEGORÍAS HOME Texto del pie: +100 de peso en TODOS los modos. 600 -> 700. No modifica tamaño, posición ni conteo interno. ================================================================ */ .m70-home .fct-category-grid-track .fct-catalog-tile > strong{ font-weight:700!important; } /* ================================================================ FCT 1.1.49 — MÉTODOS DE PAGO CON LOGOS Replica el formato aprobado: - 4 cuadrantes iguales - 42px de alto - misma separación / borde / radio - logos centrados, sin deformación ================================================================ */ .m423-detail-canonical .m417-payment-methods{ padding:12px!important; } .m423-detail-canonical .m417-payment-brands{ display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:7px!important; } .m423-detail-canonical .m417-pay{ height:42px!important; min-height:42px!important; padding:5px 8px!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:hidden!important; box-sizing:border-box!important; } .m423-detail-canonical .m417-pay .m161-pay-brand{ width:100%!important; height:100%!important; display:flex!important; align-items:center!important; justify-content:center!important; } .m423-detail-canonical .m417-pay img{ display:block!important; width:auto!important; height:auto!important; max-width:104px!important; max-height:29px!important; object-fit:contain!important; object-position:center!important; } /* Yape y Plin pueden aprovechar mejor el alto sin romper el cuadrante. */ .m423-detail-canonical .m417-pay.yape img, .m423-detail-canonical .m417-pay.plin img{ max-height:30px!important; max-width:100px!important; } .m423-detail-canonical .m417-pay.bcp img{ max-width:92px!important; } .m423-detail-canonical .m417-pay.interbank img{ max-width:105px!important; } /* Pasarela /pago/: mismos logos locales y proporción. */ .m100-method-title .m227-method-logo{ width:auto!important; height:auto!important; max-width:105px!important; max-height:30px!important; object-fit:contain!important; object-position:left center!important; } /* Responsive: mantiene 4 métodos en una sola fila mientras exista espacio. En phone muy angosto pasa a 2x2 para evitar deformación de logos. */ @media(max-width:430px){ .m423-detail-canonical .m417-payment-brands{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } /* ================================================================ FCT 1.1.50 — FICHA PRODUCTO · LOGÍSTICA COMPACTA Referencia aprobada: - textos generales: 11px - badges negros con letras blancas: 10px - dimensiones/estructura de las 4 tarjetas: sin cambios ================================================================ */ .m423-detail-canonical .m428-logistics-title, .m423-detail-canonical .m428-logistics-sub{ font-size:11px!important; } .m423-detail-canonical .m428-logistics-badge{ font-size:10px!important; } /* Métodos de pago: conserva los 4 cuadrantes y muestra el logo MAV limpio. */ .m423-detail-canonical .m417-payment-brands{ grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:7px!important; } .m423-detail-canonical .m417-pay{ min-height:42px!important; height:42px!important; padding:5px 7px!important; } .m423-detail-canonical .m417-pay img{ display:block!important; width:auto!important; height:auto!important; max-width:92px!important; max-height:26px!important; object-fit:contain!important; } .m423-detail-canonical .m417-pay.interbank img{ max-width:105px!important; } .m423-detail-canonical .m417-pay.bcp img{ max-width:90px!important; } @media(max-width:430px){ .m423-detail-canonical .m417-payment-brands{ grid-template-columns:repeat(2,minmax(0,1fr))!important; } } /* ================================================================ FCT 1.1.51 — SORTEOS HOME: - Todos los textos de cada tarjeta +1px. - La etiqueta amarilla SORTEO NO cambia. - El título queda en máximo 2 líneas con puntos suspensivos. /SORTEOS/ LISTADO: - Textos +100 de peso. - SORTEO y NUEVO NO cambian. ================================================================ */ /* ---------------- HOME · WEB ---------------- */ /* SORTEO conserva exactamente su tamaño/peso actual. */ @media(min-width:901px){ .m160-home .m160-home-shade > strong{ font-size:17px!important; /* 16 -> 17 */ } .m160-home .m160-home-shade > b, .m160-home .m160-home-shade > em{ font-size:15px!important; /* 14 -> 15 */ } } /* ---------------- HOME · TABLET ---------------- */ @media(min-width:561px) and (max-width:900px){ .m160-home .m160-home-shade > strong{ font-size:14px!important; /* 13 -> 14 */ } .m160-home .m160-home-shade > b, .m160-home .m160-home-shade > em{ font-size:12px!important; /* 11 -> 12 */ } } /* ---------------- HOME · PHONE ---------------- */ @media(max-width:560px){ .m160-home .m160-home-shade > strong{ font-size:12px!important; /* 11 -> 12 */ } .m160-home .m160-home-shade > b, .m160-home .m160-home-shade > em{ font-size:12px!important; /* 11 -> 12 */ } } /* HOME: título máximo 2 líneas + ellipsis, en todos los modos. */ .m160-home .m160-home-shade > strong{ display:-webkit-box!important; -webkit-box-orient:vertical!important; -webkit-line-clamp:2!important; overflow:hidden!important; text-overflow:ellipsis!important; white-space:normal!important; line-height:1.15!important; max-height:2.30em!important; } /* ---------------- LISTADO /sorteos/ ---------------- */ /* Título: 700 -> 800 */ .m160-page .m160-card h2{ font-weight:800!important; } /* TICKET: 600 -> 700 */ .m160-page .m160-card .m160-ticket-price{ font-weight:700!important; } /* Precio de ticket: 700 -> 800 */ .m160-page .m160-card .m160-ticket-price-value{ font-weight:800!important; } /* FINALIZA y cronómetro: 600 -> 700 */ .m160-page .m160-card .m160-date b, .m160-page .m160-card .m160-date strong{ font-weight:700!important; } /* Texto general de la línea FINALIZA: normal -> +100 visual. */ .m160-page .m160-card .m160-date{ font-weight:500!important; } /* CTA: 800 -> 900 */ .m160-page .m160-card .m160-action, .m160-page .m160-card .m160-action.is-participate{ font-weight:900!important; } /* Defensa explícita: SORTEO y NUEVO conservan exactamente sus pesos actuales. */ .m160-page .m160-card .m160-card-media > .m160-badge{ font-weight:800!important; } .m160-page .m160-card .m160-condition-chip{ font-weight:900!important; } /* ================================================================ FCT 1.1.54 — CATEGORÍAS HOME Se eliminan completamente números y texto del contador. Solo quedan imagen + nombre de categoría. ================================================================ */ .m70-home .fct-category-grid-track .fct-catalog-count{ display:none!important; } /* ================================================================ FCT 1.1.56 — FICHA PRODUCTO · LOGÍSTICA +1PX EN TODOS LOS TEXTOS Títulos y subtítulos: 12px. Badges negros: 11px. ================================================================ */ .m423-detail-canonical .m428-logistics-title, .m423-detail-canonical .m428-logistics-sub{ font-size:12px!important; } .m423-detail-canonical .m428-logistics-badge{ font-size:11px!important; } /* ================================================================ FCT 1.1.66 — TIENDA · TODOS LOS PRODUCTOS - Botonera principal distribuida en 4 filas. - Conserva arrastre horizontal. - Flechas sin relleno, borde, círculo ni sombra. - Flechas ubicadas exactamente al inicio y final del contenedor. - Web / tablet / phone. ================================================================ */ .m78-products-section > .m78-primary-shell{ display:grid!important; grid-template-columns:20px minmax(0,1fr) 20px!important; align-items:center!important; gap:0!important; width:100%!important; max-width:100%!important; padding:0!important; margin-left:0!important; margin-right:0!important; overflow:hidden!important; box-sizing:border-box!important; } .m78-products-section > .m78-primary-shell > .m78-primary-tabs{ grid-column:2!important; display:grid!important; grid-template-rows:repeat(4,max-content)!important; grid-template-columns:none!important; grid-auto-flow:column!important; grid-auto-columns:max-content!important; align-items:stretch!important; align-content:start!important; column-gap:4px!important; row-gap:4px!important; width:100%!important; min-width:0!important; overflow-x:auto!important; overflow-y:hidden!important; padding:2px 0!important; white-space:normal!important; scrollbar-width:none!important; cursor:grab!important; touch-action:pan-y!important; } .m78-products-section > .m78-primary-shell > .m78-primary-tabs::-webkit-scrollbar{ display:none!important; } .m78-products-section > .m78-primary-shell > .m78-primary-tabs > a{ width:auto!important; min-width:max-content!important; max-width:none!important; height:auto!important; min-height:0!important; display:flex!important; align-items:center!important; justify-content:center!important; margin:0!important; box-sizing:border-box!important; white-space:nowrap!important; } /* Flechas limpias en los extremos reales del contenedor. */ .m78-products-section > .m78-primary-shell > .m78-arrow{ position:static!important; top:auto!important; left:auto!important; right:auto!important; transform:none!important; width:20px!important; min-width:20px!important; max-width:20px!important; height:28px!important; min-height:28px!important; padding:0!important; margin:0!important; border:0!important; outline:0!important; border-radius:0!important; background:transparent!important; box-shadow:none!important; color:#111!important; display:flex!important; align-items:center!important; justify-content:center!important; overflow:visible!important; z-index:5!important; } .m78-products-section > .m78-primary-shell > .m78-arrow.prev{ grid-column:1!important; grid-row:1!important; justify-self:start!important; } .m78-products-section > .m78-primary-shell > .m78-arrow.next{ grid-column:3!important; grid-row:1!important; justify-self:end!important; } .m78-products-section > .m78-primary-shell > .m78-arrow:hover, .m78-products-section > .m78-primary-shell > .m78-arrow:focus, .m78-products-section > .m78-primary-shell > .m78-arrow:active{ border:0!important; outline:0!important; background:transparent!important; box-shadow:none!important; transform:none!important; } /* ================================================================ FCT 1.1.68 — TIENDA · TODOS LOS PRODUCTOS WEB: 3 filas. TABLET: 3 filas. PHONE: 4 filas. Flechas limpias, extremos y arrastre se conservan. ================================================================ */ @media(min-width:1025px){ .m78-products-section > .m78-primary-shell > .m78-primary-tabs{ grid-template-rows:repeat(3,max-content)!important; } } @media(min-width:621px) and (max-width:1024px){ .m78-products-section > .m78-primary-shell > .m78-primary-tabs{ grid-template-rows:repeat(3,max-content)!important; } } @media(max-width:620px){ .m78-products-section > .m78-primary-shell > .m78-primary-tabs{ grid-template-rows:repeat(4,max-content)!important; } } /* ================================================================ FCT 1.1.69 — TIENDA · TODOS LOS PRODUCTOS WEB: 2 filas. TABLET: 3 filas. PHONE: 4 filas. Flechas limpias, extremos y arrastre se conservan. ================================================================ */ @media(min-width:1025px){ .m78-products-section > .m78-primary-shell > .m78-primary-tabs{ grid-template-rows:repeat(2,max-content)!important; } } @media(min-width:621px) and (max-width:1024px){ .m78-products-section > .m78-primary-shell > .m78-primary-tabs{ grid-template-rows:repeat(3,max-content)!important; } } @media(max-width:620px){ .m78-products-section > .m78-primary-shell > .m78-primary-tabs{ grid-template-rows:repeat(4,max-content)!important; } } /* ================================================================ FCT 1.1.75 — TIENDA / PRODUCTOS 1) Principal + subbotonera: flechas en extremos, sin borde/relleno. 2) Breadcrumb completo como enlaces activos. ================================================================ */ .m78-products-section > .m78-primary-shell, .m78-products-section .m78-subtabs-shell{ width:100%!important; max-width:100%!important; display:grid!important; grid-template-columns:20px minmax(0,1fr) 20px!important; gap:0!important; padding-left:0!important; padding-right:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; } .m78-products-section > .m78-primary-shell > .m78-arrow, .m78-products-section .m78-subtabs-shell > .m78-arrow, .m40-products-inner > .m78-page-tabs-shell > .m78-page-arrow{ position:static!important; left:auto!important; right:auto!important; transform:none!important; width:20px!important; min-width:20px!important; max-width:20px!important; height:28px!important; min-height:28px!important; padding:0!important; margin:0!important; border:0!important; outline:0!important; border-radius:0!important; background:transparent!important; background-color:transparent!important; box-shadow:none!important; color:#111!important; display:flex!important; align-items:center!important; justify-content:center!important; appearance:none!important; -webkit-appearance:none!important; } .m78-products-section > .m78-primary-shell > .m78-arrow.prev, .m78-products-section .m78-subtabs-shell > .m78-arrow.prev, .m40-products-inner > .m78-page-tabs-shell > .m78-page-arrow.prev{ grid-column:1!important; justify-self:start!important; } .m78-products-section > .m78-primary-shell > .m78-arrow.next, .m78-products-section .m78-subtabs-shell > .m78-arrow.next, .m40-products-inner > .m78-page-tabs-shell > .m78-page-arrow.next{ grid-column:3!important; justify-self:end!important; } .m78-products-section > .m78-primary-shell > .m78-arrow:hover, .m78-products-section > .m78-primary-shell > .m78-arrow:focus, .m78-products-section > .m78-primary-shell > .m78-arrow:active, .m78-products-section .m78-subtabs-shell > .m78-arrow:hover, .m78-products-section .m78-subtabs-shell > .m78-arrow:focus, .m78-products-section .m78-subtabs-shell > .m78-arrow:active, .m40-products-inner > .m78-page-tabs-shell > .m78-page-arrow:hover, .m40-products-inner > .m78-page-tabs-shell > .m78-page-arrow:focus, .m40-products-inner > .m78-page-tabs-shell > .m78-page-arrow:active{ border:0!important; outline:0!important; background:transparent!important; background-color:transparent!important; box-shadow:none!important; transform:none!important; } .m40-topline .m40-breadcrumb a{ color:#777!important; text-decoration:none!important; cursor:pointer!important; } .m40-topline .m40-breadcrumb a:hover, .m40-topline .m40-breadcrumb a:focus-visible{ color:#111!important; text-decoration:underline!important; } /* ================================================================ FCT v1.1.76 — TÍTULOS HOME COMO LINKS ACTIVOS Cada título usa el mismo destino que su VER TODOS. ================================================================ */ .m70-home .m70-head h2 .fct-home-section-title-link, .m160-home .m70-head h2 .fct-home-section-title-link{ color:inherit!important; text-decoration:none!important; font:inherit!important; } .m70-home .m70-head h2 .fct-home-section-title-link:hover, .m70-home .m70-head h2 .fct-home-section-title-link:focus-visible, .m160-home .m70-head h2 .fct-home-section-title-link:hover, .m160-home .m70-head h2 .fct-home-section-title-link:focus-visible{ text-decoration:underline!important; text-underline-offset:3px; } /* ================================================================ FCT v1.1.77 — PRODUCTOS · DOBLE FILA POR CATEGORÍA FOTO 1 / AUTOS: 2 filas en web, tablet y phone. FOTO 2 / FAST & FURIOUS: 2 filas solo en phone. ================================================================ */ .m40-products-inner > .m78-page-sub-shell--autos > .m78-page-subtabs{ display:grid!important; grid-template-rows:repeat(2,max-content)!important; grid-auto-flow:column!important; grid-auto-columns:max-content!important; align-items:stretch!important; align-content:start!important; column-gap:4px!important; row-gap:4px!important; overflow-x:auto!important; overflow-y:hidden!important; white-space:normal!important; scrollbar-width:none!important; } .m40-products-inner > .m78-page-sub-shell--autos > .m78-page-subtabs::-webkit-scrollbar{display:none!important} @media(max-width:620px){ .m40-products-inner > .m78-page-sub-shell--fast-and-furious > .m78-page-subtabs{ display:grid!important; grid-template-rows:repeat(2,max-content)!important; grid-auto-flow:column!important; grid-auto-columns:max-content!important; align-items:stretch!important; align-content:start!important; column-gap:4px!important; row-gap:4px!important; overflow-x:auto!important; overflow-y:hidden!important; white-space:normal!important; scrollbar-width:none!important; } .m40-products-inner > .m78-page-sub-shell--fast-and-furious > .m78-page-subtabs::-webkit-scrollbar{display:none!important} } /* FCT 1.1.88 · CATEGORÍAS HOME Las tarjetas vuelven a usar TODA la extensión útil del contenedor. Las flechas quedan en el borde y ya no consumen columnas del carrusel. */ .m70-home .fct-catalog-section > .m70-carousel-shell{ position:relative!important; display:block!important; width:calc(100% + 22px)!important; max-width:none!important; margin-left:-11px!important; margin-right:-11px!important; padding:0!important; overflow:visible!important; box-sizing:border-box!important; } .m70-home .fct-catalog-section > .m70-carousel-shell > .fct-category-grid-track{ width:100%!important; max-width:100%!important; min-width:0!important; padding-left:1px!important; padding-right:1px!important; box-sizing:border-box!important; } .m70-home .fct-catalog-section > .m70-carousel-shell > .m70-arrow{ position:absolute!important; top:50%!important; transform:translateY(-50%)!important; width:20px!important; min-width:20px!important; max-width:20px!important; height:20px!important; min-height:20px!important; max-height:20px!important; padding:0!important; margin:0!important; border:0!important; background:transparent!important; box-shadow:none!important; border-radius:0!important; display:flex!important; align-items:center!important; justify-content:center!important; z-index:12!important; } .m70-home .fct-catalog-section > .m70-carousel-shell > .m70-arrow.prev{left:1px!important} .m70-home .fct-catalog-section > .m70-carousel-shell > .m70-arrow.next{right:1px!important} @media(max-width:1024px){ .m70-home .fct-catalog-section > .m70-carousel-shell{ width:calc(100% + 18px)!important; margin-left:-9px!important; margin-right:-9px!important; } } /* FCT v1.1.93 — CATEGORÍAS: arrastre libre y nativo en touch */ .fct-category-grid-track, [data-fct-category-track]{ touch-action:pan-x pan-y!important; -webkit-overflow-scrolling:touch!important; overscroll-behavior-x:contain!important; scroll-snap-type:none!important; scroll-behavior:auto!important; } /* ================================================================ FCT 1.1.94 — DRAG ESTABLE DE TARJETAS DE PRODUCTO Regla canónica: sin snap forzado; touch nativo + mouse 1:1. ================================================================ */ .m70-ui .m70-track, .m70-ui .fct-single-row-product-track, .m70-ui .fct-two-row-product-track, .m70-ui .m420-recommended-track, .m70-ui .m40-product-track, .m70-ui [data-mav-recommended-track], .m70-ui [data-mav-infinite-track]{ overflow-x:auto!important; overflow-y:hidden!important; scroll-snap-type:none!important; scroll-behavior:auto!important; touch-action:pan-x pan-y pinch-zoom!important; overscroll-behavior-x:contain!important; -webkit-overflow-scrolling:touch!important; cursor:grab!important; } .m70-ui .m70-track:active, .m70-ui .fct-single-row-product-track:active, .m70-ui .fct-two-row-product-track:active, .m70-ui .m420-recommended-track:active, .m70-ui .m40-product-track:active{cursor:grabbing!important} /* ================================================================ FCT 1.1.108 — CATEGORÍAS HOME Sustituye el difuminado negro por gris 50% -> translúcido. ================================================================ */ .m70-home .fct-category-grid-track .fct-catalog-image::after, .fct-category-grid-track .fct-catalog-image::after{ content:""!important; position:absolute!important; inset:0!important; pointer-events:none!important; z-index:1!important; background:linear-gradient( to top, rgba(128,128,128,.50) 0%, rgba(128,128,128,0) 100% )!important; } /* ================================================================ FCT v1.1.121 — separación SLIDER PRINCIPAL -> CATEGORÍAS Exactamente 30 px entre el final del hero y el primer contenedor del Home. ================================================================ */ body.m70-ui main.m70-home{ padding-top:0!important; } body.m70-ui main.m70-home > .fct-catalog-section:first-child{ margin-top:30px!important; } /* ================================================================ FCT v1.1.141 — PHONE · ESPACIADO CANÓNICO BUSCADOR -> CATEGORÍAS fct-layout-116.css carga después de fct-header-nav-130.css, por eso esta regla debe vivir aquí para evitar que el margin-top:30px de v1.1.121 se sume a los 30px inferiores del buscador phone. Resultado real: 30px arriba + 50px buscador + 30px abajo. ================================================================ */ @media(max-width:620px){ body.m70-ui main.m70-home > .fct-catalog-section:first-child{ margin-top:0!important; } } /* FCT v1.1.144 · casing literal solicitado en el título TIENDA */ #m78ProductsSeeAll + *{} /* marcador de versión sin alterar layout */ .m78-products-section .fct-home-section-title-link{ text-transform:none!important; } /* ================================================================ FCT v1.1.146 — PRODUCTOS: CUADRÍCULA EXACTA TRAS DRAG/AUTOPLAY Web 5 completos · Tablet 3 completos · Phone 2 completos. La alineación por página la controla carousel-grid-snap-146.js. ================================================================ */ .m70-ui .fct-single-row-product-track, .m70-ui .fct-two-row-product-track, .m70-ui .m420-recommended-track, .m70-ui [data-mav-recommended-track], .m70-ui [data-mav-infinite-track]{ padding-left:0!important; padding-right:0!important; scroll-padding-left:0!important; scroll-padding-right:0!important; box-sizing:border-box!important; } .m70-ui .fct-single-row-product-track>.m40-product-card, .m70-ui .fct-single-row-product-track>.m20-product, .m70-ui .fct-two-row-product-track>.m40-product-card, .m70-ui .fct-two-row-product-track>.m20-product{ scroll-snap-align:start!important; min-width:0!important; }