/** * Front Page — go-fph * Portal de games · Modo claro e escuro nativos * * Fonte display : "Sora" (peso 700–800) * Fonte corpo : "Inter" (peso 400–500) * * Importar no functions.php (wp_enqueue_style) ou no via @import: * @import url('https://fonts.googleapis.com/css2?family=Sora:wght@700;800&family=Inter:wght@400;500&display=swap'); * * Contraste validado WCAG AA: * Texto principal → 15:1 (escuro) / 16:1 (claro) * Texto secundário → 8.2:1 (escuro) / 12:1 (claro) * Texto muted → 4.6:1 (escuro) / 6.5:1 (claro) * Lime badge → texto #111110 sobre lime — 16:1 em ambos os modos * Lime como texto → só no hero (sobre overlay escuro) e modo escuro */ /* ============================================================================ 0. TOKENS — MODO CLARO PADRÃO ============================================================================ */ :root { --fph-bg: #f5f7fa; --fph-bg-2: #eef2f7; --fph-bg-3: #e5eaf1; --fph-surface: #ffffff; --fph-surface-2: #f3f6fb; --fph-border: rgba(15, 23, 42, 0.08); --fph-border-2: rgba(15, 23, 42, 0.16); --fph-text: #111111; --fph-text-body: #374151; --fph-text-muted: #6b7280; --fph-text-dim: #7c8594; --fph-lime: #c7f000; --fph-lime-dark: #b5dc00; --fph-lime-text: #111111; --fph-violet: #7c3aed; --fph-blue: #2800f0; --fph-ps: #003791; --fph-xbox: #107c10; --fph-pc: #2563eb; --fph-mob: #ea580c; --fph-nin: #e60012; --fph-font-display: 'Sora', 'Helvetica Neue', sans-serif; --fph-font-body: 'Inter', 'Helvetica Neue', sans-serif; --fph-gap: clamp(1.25rem, 3vw, 2.25rem); --fph-shell: clamp(1.25rem, 5vw, 5rem); --fph-radius: 8px; --fph-radius-lg: 16px; --fph-shadow: 0 10px 30px rgba(15, 23, 42, 0.08); --fph-shadow-card: 0 4px 18px rgba(15, 23, 42, 0.06); --fph-ease: cubic-bezier(.22, .61, .36, 1); --fph-dur: 220ms; } /* ============================================================================ 0b. TOKENS — MODO ESCURO VIA TOGGLE DO SITE Ajuste estes seletores conforme o tema, se necessário ============================================================================ */ html.dark, body.dark, html.dark body, body.dark-mode, body.is-dark-theme, body.newsx-dark-mode, html[data-theme="dark"], body[data-theme="dark"] { --fph-bg: #090b10; --fph-bg-2: #11151c; --fph-bg-3: #171c25; --fph-surface: #0f0f12; --fph-surface-2: #161922; --fph-border: rgba(255, 255, 255, 0.08); --fph-border-2: rgba(255, 255, 255, 0.16); --fph-text: #f5f7fa; --fph-text-body: #d1d5db; --fph-text-muted: #a8b0bd; --fph-text-dim: #8b95a7; --fph-lime: #c7f000; --fph-lime-dark: #b5dc00; --fph-lime-text: #111111; --fph-violet: #9f67ff; --fph-blue: #5b7cff; --fph-ps: #0a4bb3; --fph-xbox: #169b16; --fph-pc: #3b82f6; --fph-mob: #f97316; --fph-nin: #ff3347; --fph-shadow: 0 10px 30px rgba(0, 0, 0, 0.45); --fph-shadow-card: 0 4px 18px rgba(0, 0, 0, 0.32); } /* ============================================================================ 1. Reset mínimo & base ============================================================================ */ .go-fph *, .go-fph *::before, .go-fph *::after { box-sizing: border-box; } .go-fph { background-color: var(--fph-bg); color: var(--fph-text); font-family: var(--fph-font-body); font-size: 1.0625rem; /* 17px base */ line-height: 1.65; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .go-fph a { color: inherit; text-decoration: none; } .go-fph img { display: block; max-width: 100%; height: auto; } /* ============================================================================ 2. Shell / container ============================================================================ */ .go-fph-shell { width: 100%; max-width: 1440px; margin-inline: auto; padding-inline: var(--fph-shell); } .go-fph-main { max-width: 1440px; margin-inline: auto; padding-inline: var(--fph-shell); display: flex; flex-direction: column; gap: clamp(3.5rem, 6vw, 5rem); padding-top: clamp(3.2rem, 6vw, 4.6rem); padding-bottom: clamp(3rem, 6vw, 5rem); } .go-fph-hero { margin-bottom: 0; } .go-fph-hero + .go-fph-main { padding-top: clamp(3.4rem, 6vw, 4.8rem); } /* ============================================================================ 3. Kicker (eyebrow label) ============================================================================ */ .go-fph-kicker { display: inline-flex; align-items: center; gap: .55rem; font-family: var(--fph-font-display); font-size: .8rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; color: var(--fph-violet); } .go-fph-kicker::before { content: ''; display: block; width: 20px; height: 2px; background: currentColor; flex-shrink: 0; } .go-fph-kicker--soft { color: var(--fph-text-muted); } .go-fph-kicker--platform { color: var(--fph-text-dim); } /* No hero: kicker sempre lime pois está sobre overlay escuro */ .go-fph-hero-topline .go-fph-kicker { color: var(--fph-lime); } /* ============================================================================ 4. Category badges ============================================================================ */ .go-fph-card-cat { display: inline-block; padding: .28em .75em; border-radius: var(--fph-radius); font-family: var(--fph-font-display); font-size: .76rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; white-space: nowrap; line-height: 1.6; } /* Lime badge: texto escuro — 16:1 em qualquer modo */ .go-fph-cat--lime { background: var(--fph-lime); color: var(--fph-lime-text); } /* Os restantes: texto branco #fff sobre bg escuro >= 4.6:1 */ .go-fph-cat--blue { background: var(--fph-blue); color: #fff; } .go-fph-cat--violet { background: var(--fph-violet); color: #fff; } .go-fph-cat--playstation { background: var(--fph-ps); color: #fff; } .go-fph-cat--xbox { background: var(--fph-xbox); color: #fff; } .go-fph-cat--pc { background: var(--fph-pc); color: #fff; } .go-fph-cat--mobile { background: var(--fph-mob); color: #fff; } .go-fph-cat--nintendo { background: var(--fph-nin); color: #fff; } /* ============================================================================ 5. Score badge ============================================================================ */ .go-fph-score { display: inline-flex; align-items: center; justify-content: center; min-width: 2.75rem; height: 2.75rem; padding-inline: .6rem; border-radius: var(--fph-radius); background: var(--fph-lime); color: var(--fph-lime-text); /* #111110 — 16:1 sobre lime */ font-family: var(--fph-font-display); font-size: 1.15rem; font-weight: 800; letter-spacing: -.01em; line-height: 1; } .go-fph-score--hero { min-width: 3.5rem; height: 3.5rem; font-size: 1.6rem; } /* ============================================================================ 6. Author meta ============================================================================ */ .go-fph-meta { display: flex; align-items: center; gap: .65rem; font-size: .86rem; color: var(--fph-text-muted); flex-wrap: wrap; } /* No hero: texto sempre sobre overlay escuro */ .go-fph-meta--light { color: rgba(255, 255, 255, .78); } .go-fph-author { display: flex; align-items: center; gap: .5rem; transition: color var(--fph-dur) var(--fph-ease); } .go-fph-author:hover { color: var(--fph-text); } .go-fph-author--light:hover { color: #fff; } .go-fph-author-avatar { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 2px solid var(--fph-border-2); } .go-fph-author-name { font-weight: 500; color: var(--fph-text-body); } .go-fph-meta--light .go-fph-author-name { color: rgba(255, 255, 255, .88); } .go-fph-meta-sep { width: 3px; height: 3px; border-radius: 50%; background: currentColor; opacity: .5; flex-shrink: 0; } /* ============================================================================ 7. Buttons ============================================================================ */ .go-fph-button { display: inline-flex; align-items: center; gap: .45rem; padding: .68em 1.1em; border-radius: 10px; font-family: var(--fph-font-display); font-size: .78rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; transition: background var(--fph-dur) var(--fph-ease), color var(--fph-dur) var(--fph-ease), border-color var(--fph-dur) var(--fph-ease), outline-offset 120ms; outline: 2px solid transparent; outline-offset: 0; } .go-fph-button:focus-visible { outline-color: var(--fph-lime); outline-offset: 3px; } /* Sólido: lime bg + texto escuro = 16:1 */ .go-fph-button--solid { background: var(--fph-lime); color: var(--fph-lime-text); border: 2px solid transparent; box-shadow: none; } .go-fph-button--solid:hover { background: var(--fph-lime-dark); color: var(--fph-lime-text); } /* Ghost: sempre sobre overlay escuro do hero → branco */ .go-fph-button--ghost { background: rgba(255, 255, 255, .1); color: #fff; border: 2px solid rgba(255, 255, 255, .35); } .go-fph-button--ghost:hover { background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .6); color: #fff; } /* "Ver mais" link */ .go-fph-more { display: inline-flex; align-items: center; gap: .45rem; font-family: var(--fph-font-display); font-size: .84rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--fph-text-muted); white-space: nowrap; transition: color var(--fph-dur) var(--fph-ease); } .go-fph-more::after { content: "\2192"; transition: transform var(--fph-dur) var(--fph-ease); } .go-fph-more:hover { color: var(--fph-text); } .go-fph-more:hover::after { transform: translateX(5px); } .go-fph-more--platform { margin-top: auto; color: var(--fph-text-dim); } .go-fph-more--platform:hover { color: var(--fph-text); } /* ============================================================================ 8. Section head ============================================================================ */ .go-fph-section-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.25rem; margin-bottom: clamp(1.5rem, 3.5vw, 2.5rem); padding-bottom: 1.1rem; border-bottom: 1px solid var(--fph-border); } .go-fph-section-head > div { display: flex; flex-direction: column; gap: .4rem; } .go-fph-section-head h2 { margin: 0; font-family: var(--fph-font-display); font-size: clamp(1.8rem, 3.5vw, 2.75rem); font-weight: 800; letter-spacing: -.025em; line-height: 1.1; color: var(--fph-text); } .go-fph-section-desc { margin: 0; font-size: .96rem; color: var(--fph-text-muted); max-width: 50ch; line-height: 1.6; } /* ============================================================================ 9. Placeholder (sem thumbnail) ============================================================================ */ .go-fph-placeholder { width: 100%; aspect-ratio: 16 / 9; background-color: var(--fph-bg-3); background-image: repeating-linear-gradient( -45deg, var(--fph-border) 0, var(--fph-border) 1px, transparent 1px, transparent 14px ); } /* ============================================================================ 10. HERO ============================================================================ */ .go-fph-hero { position: relative; min-height: clamp(430px, 58vh, 680px); display: grid; place-items: end; overflow: hidden; } .go-fph-hero-media { position: absolute; inset: 0; z-index: 0; } .go-fph-hero-media img { width: 100%; height: 100%; object-fit: cover; object-position: center top; } /* * Overlay duplo — texto do hero é SEMPRE branco (sobre imagem + overlay escuro). * Não muda no modo claro: o hero sempre usa fundo de imagem. */ .go-fph-hero-overlay { position: absolute; inset: 0; z-index: 1; background: linear-gradient( to top, rgba(0, 0, 0, .93) 0%, rgba(0, 0, 0, .64) 38%, rgba(0, 0, 0, .18) 72%, rgba(0, 0, 0, .04) 100% ), radial-gradient(ellipse at center, transparent 35%, rgba(0, 0, 0, .55) 100%); } .go-fph-hero > .go-fph-shell { position: relative; z-index: 2; width: 100%; padding-block: clamp(2.5rem, 6vw, 5rem); } .go-fph-hero-content { max-width: 760px; display: flex; flex-direction: column; gap: 1rem; padding-bottom: clamp(4.25rem, 10vw, 6rem); } .go-fph-hero-topline { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; } /* Título: sempre branco — overlay garante >=13:1 */ .go-fph-hero-title { margin: 0; font-family: var(--fph-font-display); font-size: clamp(2.2rem, 5.5vw, 4.1rem); font-weight: 800; line-height: 1.02; letter-spacing: -.035em; color: #ffffff; } .go-fph-hero-title a { color: inherit; display: block; transition: color var(--fph-dur) var(--fph-ease); } .go-fph-hero-title a:hover { color: var(--fph-lime); } /* Excerpt: rgba branco — ~9:1 sobre overlay */ .go-fph-hero-excerpt { margin: 0; font-size: clamp(.98rem, 1.7vw, 1.08rem); color: rgba(255, 255, 255, .82); max-width: 54ch; line-height: 1.65; } .go-fph-hero-actions { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: .5rem; } /* ============================================================================ 11. Grids ============================================================================ */ .go-fph-grid--three { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--fph-gap); } @media (max-width: 920px) { .go-fph-grid--three { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 560px) { .go-fph-grid--three { grid-template-columns: 1fr; } } /* ============================================================================ 12. Cards ============================================================================ */ .go-fph-card { --_radius: var(--fph-radius-lg); background: var(--fph-surface); border-radius: var(--_radius); overflow: hidden; border: 1px solid var(--fph-border); box-shadow: var(--fph-shadow-card); transition: transform var(--fph-dur) var(--fph-ease), box-shadow var(--fph-dur) var(--fph-ease), border-color var(--fph-dur) var(--fph-ease); } /* ============================================================================ Game Overdrive overrides ============================================================================ */ .go-fph-hero-overlay { pointer-events: none; } .go-fph-hero-media-link { display: block; width: 100%; height: 100%; position: relative; z-index: 1; pointer-events: auto; } .go-fph-hero-media-link img { width: 100%; height: 100%; object-fit: cover; } .go-fph-hero-content { padding-bottom: clamp(2.3rem, 5vw, 3.5rem); } .go-fph-hero-title a, .go-fph-hero-actions a, .go-fph-hero .go-fph-button, .go-fph-hero .go-fph-button--solid, .go-fph-hero .go-fph-button--ghost { position: relative; z-index: 7; pointer-events: auto !important; } .go-fph-promo-media { overflow: hidden; } .go-fph-promo-discount { position: absolute; top: 14px; right: 14px; z-index: 2; display: inline-flex; align-items: center; justify-content: center; min-height: 36px; padding: 0 12px; border-radius: 999px; font-family: var(--fph-font-display); font-size: .82rem; font-weight: 800; letter-spacing: .03em; box-shadow: 0 14px 24px rgba(15, 23, 42, .18); } .go-fph-promo-discount.is-soft { background: linear-gradient(135deg, #efff90, #c7f000); color: #111111; } .go-fph-promo-discount.is-strong { background: linear-gradient(135deg, #ffdf62, #f59e0b); color: #111111; } .go-fph-promo-discount.is-hot { background: linear-gradient(135deg, #ff8d6b, #ef4444); color: #ffffff; } .go-fph-promo-discount.is-legendary { background: linear-gradient(135deg, #5d3bff, #2800f0); color: #ffffff; } .go-fph-promo-badges { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; } .go-fph-promo-badge.is-platform { background: rgba(40, 0, 240, 0.08); border-color: rgba(40, 0, 240, 0.18); color: #3724bb; } .go-fph-promo-store { color: var(--fph-text); } .go-fph-promo-badge { color: #526100; } .go-fph-promo-price { align-items: flex-end; } .go-fph-promo-price strong { font-size: 1.2rem; } .go-fph-promo-price s { display: inline-flex; font-size: .86rem; } html.dark .go-fph-promo-badge.is-platform, body.dark .go-fph-promo-badge.is-platform, body.dark-mode .go-fph-promo-badge.is-platform, body.is-dark-theme .go-fph-promo-badge.is-platform, body.newsx-dark-mode .go-fph-promo-badge.is-platform, [data-theme="dark"] .go-fph-promo-badge.is-platform { background: rgba(114, 92, 255, 0.2); border-color: rgba(145, 127, 255, 0.3); color: #d7d2ff; } .go-fph-card:hover { transform: translateY(-4px); box-shadow: var(--fph-shadow); border-color: var(--fph-border-2); } .go-fph-card-link { display: flex; flex-direction: column; height: 100%; color: inherit; } .go-fph-card-media { position: relative; overflow: hidden; aspect-ratio: 16 / 9; background: var(--fph-bg-2); flex-shrink: 0; } .go-fph-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms var(--fph-ease); } .go-fph-card:hover .go-fph-card-media img { transform: scale(1.05); } .go-fph-card-media .go-fph-card-cat { position: absolute; top: .85rem; left: .85rem; } .go-fph-card-media .go-fph-score { position: absolute; bottom: .85rem; right: .85rem; } .go-fph-card-copy { display: flex; flex-direction: column; gap: .65rem; padding: 1.2rem 1.35rem 1.4rem; flex: 1; position: relative; z-index: 1; justify-content: flex-start; overflow: visible; } /* Título: --fph-text em qualquer modo — contraste máximo */ .go-fph-card-copy h3 { margin: 0; font-family: var(--fph-font-display); font-size: 1.12rem; font-weight: 600; line-height: 1.3; color: var(--fph-text); transition: color var(--fph-dur) var(--fph-ease); display: block; overflow: visible; -webkit-line-clamp: unset; -webkit-box-orient: initial; text-wrap: pretty; } /* Excerpt: --fph-text-body — alto contraste mas menos peso visual que o título */ .go-fph-card-copy p { margin: 0; font-size: .92rem; color: var(--fph-text-body); line-height: 1.65; flex: 1; } .go-fph-card-copy .go-fph-meta { display: flex !important; margin-top: auto; padding-top: .75rem; border-top: 1px solid var(--fph-border); } .go-fph-card-copy > * { visibility: visible; opacity: 1; position: relative; z-index: 1; } .go-fph-card-copy h3, .go-fph-card-copy p, .go-fph-card-copy .go-fph-meta, .go-fph-card-copy .go-fph-author, .go-fph-card-copy .go-fph-author-name { color: inherit; } .go-fph-card-copy h3 { color: var(--fph-text) !important; } .go-fph-card-copy p, .go-fph-card-copy .go-fph-meta, .go-fph-card-copy .go-fph-author, .go-fph-card-copy .go-fph-author-name { color: var(--fph-text-body) !important; } /* ─── Variantes ─── */ .go-fph-card--secondary .go-fph-card-copy h3 { font-size: 1.2rem; } .go-fph-card--review { --_radius: 14px; } .go-fph-card--review:hover { border-color: var(--fph-lime); box-shadow: 0 10px 28px rgba(199, 240, 0, 0.10); } .go-fph-card--compact { --_radius: var(--fph-radius); min-width: 280px; flex: 0 0 280px; } .go-fph-card--compact .go-fph-card-copy h3 { font-size: .94rem; line-height: 1.32; font-weight: 600; } .go-fph-card--compact .go-fph-card-copy p { font-size: .86rem; line-height: 1.5; } /* ============================================================================ 13. Reviews grid ============================================================================ */ .go-fph-reviews-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--fph-gap); } @media (max-width: 920px) { .go-fph-reviews-grid { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 540px) { .go-fph-reviews-grid { grid-template-columns: 1fr; } } /* ============================================================================ 14. Platform section ============================================================================ */ .go-fph-platform-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; align-items: stretch; } @media (max-width: 1100px) { .go-fph-platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 560px) { .go-fph-platform-grid { grid-template-columns: 1fr; } } .go-fph-platform-card { position: relative; display: flex; flex-direction: column; min-height: 100%; background: var(--fph-surface); border-radius: 20px; overflow: hidden; border: 1px solid var(--fph-border); box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06); transition: transform var(--fph-dur) var(--fph-ease), border-color var(--fph-dur) var(--fph-ease), box-shadow var(--fph-dur) var(--fph-ease); } .go-fph-platform-card:hover { transform: translateY(-6px); box-shadow: 0 18px 38px rgba(15, 23, 42, 0.10); } .go-fph-platform-card::before { content: ''; display: block; height: 5px; width: 100%; flex-shrink: 0; } .go-fph-platform-card--playstation::before { background: var(--fph-ps); } .go-fph-platform-card--xbox::before { background: var(--fph-xbox); } .go-fph-platform-card--pc::before { background: var(--fph-pc); } .go-fph-platform-card--nintendo::before { background: var(--fph-nin); } .go-fph-platform-head { padding: 1.35rem 1.35rem 1rem; display: flex; flex-direction: column; gap: 1rem; min-height: 170px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.40), rgba(255, 255, 255, 0)), var(--fph-surface); } .go-fph-platform-brand { display: flex; align-items: center; gap: 1rem; margin-bottom: 0; } .go-fph-platform-brand-copy { display: flex; align-items: center; min-width: 0; } .go-fph-kicker--platform { display: none !important; } .go-fph-platform-head h3 { margin: 0; font-family: var(--fph-font-display); font-size: 2rem; font-weight: 800; letter-spacing: -.035em; line-height: 1; } .go-fph-platform-card--playstation .go-fph-platform-head h3 { color: #0a4bb3; } .go-fph-platform-card--xbox .go-fph-platform-head h3 { color: #148814; } .go-fph-platform-card--pc .go-fph-platform-head h3 { color: #3b36ff; } .go-fph-platform-card--nintendo .go-fph-platform-head h3 { color: #d91124; } .go-fph-platform-head p { margin: 0; font-size: .95rem; line-height: 1.6; color: var(--fph-text-muted); } .go-fph-platform-logo { width: 56px; height: 56px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; border: 1px solid rgba(15, 23, 42, 0.10); background: rgba(255, 255, 255, 0.75); } .go-fph-platform-logo img { display: block; max-width: 72%; max-height: 72%; width: auto; height: auto; object-fit: contain; } .go-fph-platform-logo svg { width: 28px; height: 28px; fill: currentColor; } .go-fph-platform-logo--playstation { background: rgba(0, 55, 145, 0.10); border-color: rgba(0, 55, 145, 0.20); color: #003791; } .go-fph-platform-logo--xbox { background: rgba(16, 124, 16, 0.10); border-color: rgba(16, 124, 16, 0.20); color: #107c10; } .go-fph-platform-logo--pc { background: rgba(40, 0, 240, 0.10); border-color: rgba(40, 0, 240, 0.20); color: #2800f0; } .go-fph-platform-logo--nintendo { background: rgba(230, 0, 18, 0.10); border-color: rgba(230, 0, 18, 0.20); color: #e60012; } .go-fph-platform-list { display: flex; flex-direction: column; padding: 0 1.35rem; flex: 1; } .go-fph-platform-item { display: flex; flex-direction: column; gap: .35rem; padding: 1rem 0; border-bottom: 1px solid var(--fph-border); color: var(--fph-text-body); transition: color var(--fph-dur) var(--fph-ease), transform var(--fph-dur) var(--fph-ease); } .go-fph-platform-item:last-child { border-bottom: none; } .go-fph-platform-item:hover { color: var(--fph-text); transform: translateX(3px); } .go-fph-platform-item strong { font-size: 1rem; font-weight: 600; line-height: 1.45; color: inherit; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .go-fph-platform-item time { font-size: .82rem; color: var(--fph-text-dim); line-height: 1.3; } .go-fph-platform-card .go-fph-more { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding: 1rem 1.35rem 1.1rem; border-top: 1px solid var(--fph-border); font-size: .78rem; letter-spacing: .12em; color: var(--fph-text-dim); background: var(--fph-surface-2); } .go-fph-platform-card .go-fph-more:hover { color: var(--fph-text); background: var(--fph-bg-2); } .go-fph-platform-card .go-fph-more::after { content: "→"; font-size: 1rem; } /* dark mode */ html.dark .go-fph-platform-card, body.dark .go-fph-platform-card, body.dark-mode .go-fph-platform-card, body.is-dark-theme .go-fph-platform-card, body.newsx-dark-mode .go-fph-platform-card, [data-theme="dark"] .go-fph-platform-card { background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)), #0f1117; border-color: rgba(255,255,255,0.08); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.32); } html.dark .go-fph-platform-head, body.dark .go-fph-platform-head, body.dark-mode .go-fph-platform-head, body.is-dark-theme .go-fph-platform-head, body.newsx-dark-mode .go-fph-platform-head, [data-theme="dark"] .go-fph-platform-head { background: linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0)), #0f1117; } html.dark .go-fph-platform-logo, body.dark .go-fph-platform-logo, body.dark-mode .go-fph-platform-logo, body.is-dark-theme .go-fph-platform-logo, body.newsx-dark-mode .go-fph-platform-logo, [data-theme="dark"] .go-fph-platform-logo { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.08); } /* ============================================================================ 16. Feed — filtros e grid ============================================================================ */ .go-fph-section--feed .go-fph-section-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1rem; margin-bottom: 2rem; } .go-fph-section-head--feed { align-items: center; } .go-fph-filters { display: flex; flex-wrap: wrap; gap: .55rem; } .go-fph-filter { display: inline-flex; align-items: center; justify-content: center; padding: .42rem 1rem; cursor: pointer; border-radius: 999px; font-family: var(--fph-font-display); font-size: .76rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; text-decoration: none; color: var(--fph-text-muted); background: var(--fph-bg-3); border: 1px solid var(--fph-border); transition: .2s ease; } .go-fph-filter:hover { color: var(--fph-text); background: var(--fph-surface-2); border-color: var(--fph-border-2); } .go-fph-filter.is-active { background: var(--fph-lime); color: #111111; border-color: var(--fph-lime); } .go-fph-promo-empty { display: grid; gap: .55rem; padding: 1.35rem; border: 1px dashed var(--fph-border-2); border-radius: 22px; background: linear-gradient(180deg, var(--fph-surface), var(--fph-surface-2)); color: var(--fph-text-muted); } .go-fph-promo-empty strong { color: var(--fph-text); } .go-fph-promotions-grid { display: grid; gap: 20px; } .go-fph-section--promotions > .go-fph-promotions-grid { grid-template-columns: 1fr; align-items: start; } .go-fph-promotions-grid--nested { grid-template-columns: repeat(4, minmax(0, 1fr)); } .go-fph-filters--promo-type { margin-top: 14px; } .go-fph-promo-panel { display: grid; gap: 18px; padding: 26px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 28px; background: radial-gradient(circle at top left, rgba(199, 240, 0, 0.08), transparent 34%), linear-gradient(180deg, rgba(22, 28, 41, 0.98), rgba(12, 16, 24, 0.98)); } .go-fph-promo-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .go-fph-promo-panel-head h3 { margin: 8px 0 0; font-family: var(--fph-font-display); font-size: clamp(1.4rem, 2vw, 2rem); line-height: 1.02; letter-spacing: -.03em; color: #f8fafc; } .go-fph-promo-story-grid, .go-fph-promo-coupon-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .go-fph-promo-story-card, .go-fph-promo-coupon-card { display: grid; gap: 14px; padding: 18px; border: 1px solid rgba(148, 163, 184, 0.16); border-radius: 24px; background: rgba(10, 15, 26, 0.72); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03); } .go-fph-promo-coupon-card.is-radar { background: radial-gradient(circle at top right, rgba(199, 240, 0, 0.12), transparent 38%), linear-gradient(180deg, rgba(18, 25, 38, 0.98), rgba(10, 14, 22, 0.98)); border-color: rgba(199, 240, 0, 0.16); } .go-fph-promo-story-media { display: block; overflow: hidden; border-radius: 18px; aspect-ratio: 16 / 9; background: rgba(15, 23, 42, 0.88); } .go-fph-promo-story-media img { width: 100%; height: 100%; object-fit: cover; display: block; } .go-fph-promo-story-copy, .go-fph-promo-coupon-copy { display: grid; gap: 12px; } .go-fph-promo-story-meta { display: flex; flex-wrap: wrap; gap: 10px; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(226, 232, 240, 0.72); } .go-fph-promo-story-card h3, .go-fph-promo-coupon-card h3 { margin: 0; font-family: var(--fph-font-display); font-size: clamp(1.15rem, 1.8vw, 1.6rem); line-height: 1.08; } .go-fph-promo-story-card h3 a, .go-fph-promo-coupon-card h3 a { color: #f8fafc; text-decoration: none; } .go-fph-promo-story-card p, .go-fph-promo-coupon-card p { margin: 0; color: rgba(226, 232, 240, 0.82); } .go-fph-coupon-list { display: grid; gap: 10px; } .go-fph-coupon-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px; align-items: flex-start; padding: 12px 14px; border-radius: 18px; background: rgba(15, 23, 42, 0.9); border: 1px solid rgba(148, 163, 184, 0.14); } .go-fph-coupon-item strong { display: block; color: #f8fafc; } .go-fph-coupon-code { display: inline-flex; align-items: center; justify-content: center; min-width: 104px; padding: 10px 14px; border-radius: 999px; background: linear-gradient(135deg, rgba(199, 240, 0, 0.22), rgba(59, 130, 246, 0.18)); color: #d9ff4a; font-size: 12px; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; } .go-fph-promo-coupon-card.is-radar .go-fph-coupon-code { background: linear-gradient(135deg, rgba(199, 240, 0, 0.34), rgba(16, 185, 129, 0.18)); } .go-fph-promo-card { display: grid; grid-template-rows: auto 1fr; overflow: hidden; border: 1px solid var(--fph-border); border-radius: 22px; background: var(--fph-surface); box-shadow: var(--fph-shadow-card); } .go-fph-promo-media { position: relative; display: block; aspect-ratio: 16 / 10; background: var(--fph-bg-2); } .go-fph-promo-media img { width: 100%; height: 100%; object-fit: cover; } .go-fph-promo-copy { display: flex; flex-direction: column; gap: 14px; padding: 18px; } .go-fph-promo-top, .go-fph-promo-actions, .go-fph-promo-price { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .go-fph-promo-store, .go-fph-promo-badge, .go-fph-promo-specs span { display: inline-flex; align-items: center; min-height: 30px; padding: 0 12px; border-radius: 999px; border: 1px solid var(--fph-border); background: var(--fph-surface-2); font-size: 11px; font-weight: 700; line-height: 1.2; } .go-fph-promo-badge { background: rgba(199, 240, 0, 0.16); border-color: rgba(199, 240, 0, 0.34); color: #526100; } .go-fph-promo-card h3 { margin: 0; font-family: var(--fph-font-display); font-size: 1.15rem; line-height: 1.12; letter-spacing: -.03em; } .go-fph-promo-subject { margin: -4px 0 0; color: var(--fph-text-body); font-size: .95rem; line-height: 1.6; } .go-fph-promo-specs { display: flex; flex-wrap: wrap; gap: 8px; } .go-fph-promo-price s { color: var(--fph-text-muted); font-size: .82rem; } .go-fph-promo-price strong { color: var(--fph-text); font-family: var(--fph-font-display); font-size: 1.1rem; line-height: 1; } .go-fph-promo-link { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 16px; border-radius: 999px; background: var(--fph-blue); color: #ffffff; font-size: .82rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; transition: transform var(--fph-dur) var(--fph-ease), box-shadow var(--fph-dur) var(--fph-ease), background var(--fph-dur) var(--fph-ease); } .go-fph-promo-link:hover { transform: translateY(-1px); background: #1f1fd1; box-shadow: 0 12px 24px rgba(40, 0, 240, 0.2); } .go-fph-promo-card:hover { transform: translateY(-3px); box-shadow: var(--fph-shadow); } .go-fph-feed-list { display: grid; grid-template-columns: 1fr; gap: 1.75rem; } .go-fp-feed-item { padding: 0 0 1.75rem; border-bottom: 1px solid var(--fph-border); } .go-fp-feed-item:last-child { padding-bottom: 0; border-bottom: 0; } .go-fp-feed-item-link { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 1.4rem; align-items: start; text-decoration: none; color: inherit; } .go-fp-feed-item-media { position: relative; overflow: hidden; border-radius: 14px; background: var(--fph-bg-3); aspect-ratio: 16 / 9; } .go-fp-feed-item-media img, .go-fp-feed-item-media .go-fph-placeholder { display: block; width: 100%; height: 100%; object-fit: cover; } .go-fp-feed-item-badge { position: absolute; top: 12px; left: 12px; display: inline-flex; align-items: center; padding: .38rem .72rem; border-radius: 999px; background: var(--fph-lime); color: #111111; font-size: .72rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; line-height: 1; } .go-fp-feed-item-content { display: flex; flex-direction: column; justify-content: flex-start; gap: .55rem; min-width: 0; padding-top: .05rem; } .go-fp-feed-item-content h3 { margin: 0; font-family: var(--fph-font-display); font-size: clamp(1.35rem, 1.9vw, 1.95rem); font-weight: 800; line-height: 1.12; letter-spacing: -0.03em; color: var(--fph-text); max-width: 24ch; } .go-fp-feed-item-date { display: flex; align-items: center; flex-wrap: wrap; gap: .4rem; color: var(--fph-text-muted); font-size: .92rem; line-height: 1.45; } .go-fp-feed-item-sep { opacity: .45; } .go-fp-feed-item-excerpt { margin: 0; color: var(--fph-text-body); font-size: .95rem; line-height: 1.62; max-width: 56ch; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .go-fp-feed-item-meta { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-top: .1rem; } .go-fph-author { display: inline-flex; align-items: center; gap: .45rem; } .go-fph-author-name { color: var(--fph-blue) !important; font-size: .84rem; font-weight: 800; letter-spacing: .02em; text-transform: uppercase; } .go-fp-feed-item-tag, .go-fp-feed-item-topline, .go-fp-feed-item-content > p:not(.go-fp-feed-item-excerpt) { display: none !important; } .go-fph-feed-status { margin-top: 1.5rem; text-align: center; font-size: .86rem; color: var(--fph-text-muted); } .go-fph-feed-trigger { height: 1px; visibility: hidden; pointer-events: none; } @media (max-width: 900px) { .go-fp-feed-item-link { grid-template-columns: 220px minmax(0, 1fr); gap: 1.1rem; } .go-fp-feed-item-content h3 { font-size: clamp(1.2rem, 3vw, 1.7rem); max-width: 100%; } } @media (max-width: 640px) { .go-fp-feed-item-link { grid-template-columns: 1fr; gap: .95rem; } .go-fp-feed-item-content h3 { font-size: 1.3rem; line-height: 1.18; } .go-fp-feed-item-excerpt { -webkit-line-clamp: 4; font-size: .94rem; } } /* ============================================================================ 17. Empty state ============================================================================ */ .go-fph-empty { padding: 2rem; font-size: .92rem; color: var(--fph-text-muted); text-align: center; border: 1px dashed var(--fph-border-2); border-radius: var(--fph-radius); grid-column: 1 / -1; } /* ============================================================================ 18. Reviews — fundo diferenciado ============================================================================ */ .go-fph-section--reviews { background: border-radius: var(--fph-radius-lg); padding: clamp(1.75rem, 3.5vw, 3rem); margin-inline: calc(var(--fph-shell) * -1); padding-inline: clamp(1.25rem, 5vw, 5rem); border-top: 1px solid var(--fph-border); border-bottom: 1px solid var(--fph-border); } /* ============================================================================ 19. Animações de entrada ============================================================================ */ @media (prefers-reduced-motion: no-preference) { .go-fph-hero-content { animation: fph-fade-up .65s var(--fph-ease) both; } .go-fph-card { animation: fph-fade-up .5s var(--fph-ease) both; } .go-fph-grid--three .go-fph-card:nth-child(1), .go-fph-reviews-grid .go-fph-card:nth-child(1) { animation-delay: .05s; } .go-fph-grid--three .go-fph-card:nth-child(2), .go-fph-reviews-grid .go-fph-card:nth-child(2) { animation-delay: .13s; } .go-fph-grid--three .go-fph-card:nth-child(3), .go-fph-reviews-grid .go-fph-card:nth-child(3) { animation-delay: .21s; } .go-fph-reviews-grid .go-fph-card:nth-child(4) { animation-delay: .29s; } .go-fph-reviews-grid .go-fph-card:nth-child(5) { animation-delay: .36s; } .go-fph-reviews-grid .go-fph-card:nth-child(6) { animation-delay: .43s; } @keyframes fph-fade-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } } .go-fph a:focus-visible, .go-fph button:focus-visible { outline-color: var(--fph-violet); } html.dark .go-fph a:focus-visible, html.dark .go-fph button:focus-visible, body.dark .go-fph a:focus-visible, body.dark .go-fph button:focus-visible, body.dark-mode .go-fph a:focus-visible, body.dark-mode .go-fph button:focus-visible, body.is-dark-theme .go-fph a:focus-visible, body.is-dark-theme .go-fph button:focus-visible, body.newsx-dark-mode .go-fph a:focus-visible, body.newsx-dark-mode .go-fph button:focus-visible, [data-theme="dark"] .go-fph a:focus-visible, [data-theme="dark"] .go-fph button:focus-visible { outline-color: var(--fph-lime); } @media (max-width: 700px) { .go-fph-hero { min-height: 440px; } .go-fph-hero-title { font-size: clamp(2.1rem, 8.5vw, 3rem); } .go-fph-hero-actions { flex-direction: column; align-items: flex-start; } .go-fph-section-head { flex-direction: column; align-items: flex-start; } .go-fph-section--reviews { margin-inline: 0; border-radius: var(--fph-radius); border-left: none; border-right: none; } } @media (max-width: 480px) { .go-fph-main { padding-inline: 1rem; } .go-fph-hero > .go-fph-shell { padding-inline: 1rem; } .go-fph-section-head--feed { flex-direction: column; align-items: flex-start; } } .site-content, #content, .site-main, .go-fph, .go-fph-hero, .newsx-main-wrap, .newsx-site-main, .newsx-content-area { background: transparent !important; border-top: 0 !important; margin-top: 0 !important; padding-top: 0 !important; } .site, .site-inner, .newsx-site, .newsx-site-wrap, .newsx-main-container { background: var(--fph-bg) !important; } .go-fph-grid--three, .go-fph-reviews-grid, .go-fph-platform-grid { align-items: stretch; } .go-fph-grid--three .go-fph-card, .go-fph-reviews-grid .go-fph-card, .go-fph-carousel-slide .go-fph-card, .go-fph-platform-card { height: 100%; min-height: 0; } .go-fph-card-link { min-height: 100%; } .go-fph-card-media, .go-fph-placeholder { aspect-ratio: 16 / 9; min-height: 220px; max-height: 260px; background: linear-gradient(180deg, var(--fph-bg-3) 0%, var(--fph-bg-2) 100%); } .go-fph-card--secondary .go-fph-card-media, .go-fph-card--secondary .go-fph-placeholder, .go-fph-card--review .go-fph-card-media, .go-fph-card--review .go-fph-placeholder { min-height: 210px; max-height: 240px; } .go-fph-card-copy { gap: 12px; padding: 18px 18px 20px; background: var(--fph-surface); } .go-fph-card-copy h3 { color: var(--fph-text) !important; font-size: 1.08rem !important; line-height: 1.32 !important; letter-spacing: -.02em; } .go-fph-card-copy p { color: var(--fph-text-body); } .go-fph-card-copy .go-fph-meta { margin-top: auto; padding-top: 12px; border-top: 1px solid var(--fph-border); } .go-fph-platform-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .go-fph-platform-card { position: relative; } .go-fph-platform-head { padding: 1.35rem 1.35rem 1rem; min-height: 152px; justify-content: flex-start; } .go-fph-platform-brand { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; } .go-fph-platform-brand-copy { display: flex; flex-direction: column; gap: 4px; min-width: 0; } .go-fph-platform-logo { width: 52px; height: 52px; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border: 1px solid rgba(15, 23, 42, 0.12); background: rgba(15, 23, 42, 0.03); box-shadow: none; } .go-fph-platform-logo svg { width: 28px; height: 28px; display: block; fill: currentColor; } .go-fph-platform-logo--playstation { background: rgba(0, 80, 200, 0.10); border-color: rgba(0, 80, 200, 0.22); color: #0050c8; } .go-fph-platform-logo--xbox { background: rgba(14, 122, 14, 0.10); border-color: rgba(14, 122, 14, 0.22); color: #0e7a0e; } .go-fph-platform-logo--pc { background: rgba(26, 111, 212, 0.10); border-color: rgba(26, 111, 212, 0.22); color: #1a5fcf; } .go-fph-platform-logo--nintendo { background: rgba(204, 0, 16, 0.10); border-color: rgba(204, 0, 16, 0.22); color: #b80014; } html.dark .go-fph-platform-logo, body.dark .go-fph-platform-logo, body.dark-mode .go-fph-platform-logo, body.is-dark-theme .go-fph-platform-logo, body.newsx-dark-mode .go-fph-platform-logo, [data-theme="dark"] .go-fph-platform-logo { border-color: rgba(255, 255, 255, 0.08); background: rgba(255, 255, 255, 0.03); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04); } html.dark .go-fph-platform-logo--playstation, body.dark .go-fph-platform-logo--playstation, [data-theme="dark"] .go-fph-platform-logo--playstation { background: rgba(0, 55, 145, 0.16); border-color: rgba(0, 55, 145, 0.35); color: #6ea8ff; } html.dark .go-fph-platform-logo--xbox, body.dark .go-fph-platform-logo--xbox, [data-theme="dark"] .go-fph-platform-logo--xbox { background: rgba(16, 124, 16, 0.16); border-color: rgba(16, 124, 16, 0.35); color: #58d458; } html.dark .go-fph-platform-logo--pc, body.dark .go-fph-platform-logo--pc, [data-theme="dark"] .go-fph-platform-logo--pc { background: rgba(40, 0, 240, 0.14); border-color: rgba(40, 0, 240, 0.30); color: #8f7cff; } html.dark .go-fph-platform-logo--nintendo, body.dark .go-fph-platform-logo--nintendo, [data-theme="dark"] .go-fph-platform-logo--nintendo { background: rgba(230, 0, 18, 0.16); border-color: rgba(230, 0, 18, 0.35); color: #ff6b78; } .go-fph-platform-list { display: flex; flex-direction: column; padding: 0 1.5rem 0.35rem; flex: 1; } .go-fph-platform-item { justify-content: center; min-height: 78px; padding: 0.85rem 0; } .go-fph-platform-item strong { font-size: 0.95rem; line-height: 1.45; } .go-fph-platform-card .go-fph-more { margin-top: auto; padding: 1rem 1.5rem 1.1rem; border-top: 1px solid var(--fph-border); } .go-fph-carousel { --fph-carousel-control-size: 34px; --fph-carousel-edge-gap: clamp(14px, 2vw, 22px); position: relative; display: flex; align-items: center; gap: 0; padding-inline: calc(var(--fph-carousel-control-size) + var(--fph-carousel-edge-gap)); } .go-fph-carousel-viewport { flex: 1; min-width: 0; overflow: hidden; } .go-fph-carousel-track { display: flex; gap: var(--fph-gap); transition: transform 320ms var(--fph-ease); will-change: transform; } .go-fph-carousel-slide { display: flex; flex: 0 0 calc((100% - (var(--fph-gap) * 3)) / 4.05); min-width: 0; } .go-fph-carousel-slide .go-fph-card, .go-fph-carousel-slide .go-fph-card--compact { width: 100%; min-width: 0; flex: 1 1 auto; } .go-fph-carousel-btn { width: var(--fph-carousel-control-size); height: var(--fph-carousel-control-size); min-width: var(--fph-carousel-control-size); padding: 0; border-radius: 999px; background: var(--fph-surface); border: 1px solid var(--fph-border); box-shadow: none; } .go-fph-carousel-btn span { font-size: 1.05rem; line-height: 1; font-weight: 700; } .go-fph-carousel-btn--prev, .go-fph-carousel-btn--next { position: absolute; top: 50%; transform: translateY(-50%); z-index: 3; } .go-fph-carousel-btn--prev { left: var(--fph-carousel-edge-gap); } .go-fph-carousel-btn--next { right: var(--fph-carousel-edge-gap); } .go-fph-carousel-btn:hover { background: var(--fph-lime); color: var(--fph-lime-text); border-color: var(--fph-lime); transform: translateY(-50%); } .go-fph-carousel-btn:disabled:hover { background: var(--fph-surface); color: var(--fph-text); border-color: var(--fph-border); } .go-fph-card--compact .go-fph-card-media, .go-fph-card--compact .go-fph-placeholder, .go-fph-carousel-slide .go-fph-card--compact .go-fph-card-media, .go-fph-carousel-slide .go-fph-card--compact .go-fph-placeholder { min-height: 164px; max-height: 164px; height: 164px; aspect-ratio: 16 / 9; } .go-fph-card--compact .go-fph-card-copy, .go-fph-carousel-slide .go-fph-card--compact .go-fph-card-copy { padding: 12px 12px 14px; gap: 7px; } .go-fph-card--compact .go-fph-card-copy h3, .go-fph-carousel-slide .go-fph-card--compact .go-fph-card-copy h3 { font-size: .92rem; line-height: 1.34; font-weight: 600; display: block; overflow: visible; -webkit-line-clamp: unset; -webkit-box-orient: initial; text-wrap: pretty; } .go-fph-card--compact .go-fph-card-copy p, .go-fph-carousel-slide .go-fph-card--compact .go-fph-card-copy p { font-size: 0.86rem; line-height: 1.5; } .go-fph-card--compact .go-fph-meta, .go-fph-carousel-slide .go-fph-card--compact .go-fph-meta { font-size: 0.78rem; margin-top: auto; padding-top: 10px; } @media (max-width: 1180px) { .go-fph-carousel-slide { flex: 0 0 calc((100% - (var(--fph-gap) * 2)) / 3.05); } } @media (max-width: 1100px) { .go-fph-platform-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 920px) { .go-fph-card-media, .go-fph-card--secondary .go-fph-card-media, .go-fph-card--review .go-fph-card-media, .go-fph-placeholder, .go-fph-card--secondary .go-fph-placeholder, .go-fph-card--review .go-fph-placeholder { min-height: 200px; max-height: 220px; } } @media (max-width: 860px) { .go-fph-carousel { --fph-carousel-control-size: 30px; --fph-carousel-edge-gap: 10px; } .go-fph-carousel-slide { flex: 0 0 calc((100% - var(--fph-gap)) / 2); } .go-fph-card--compact .go-fph-card-media, .go-fph-card--compact .go-fph-placeholder, .go-fph-carousel-slide .go-fph-card--compact .go-fph-card-media, .go-fph-carousel-slide .go-fph-card--compact .go-fph-placeholder { min-height: 148px; max-height: 148px; height: 148px; } } @media (max-width: 560px) { .go-fph-carousel { padding-inline: 0; } .go-fph-platform-grid { grid-template-columns: 1fr; } .go-fph-platform-head { min-height: 0; } .go-fph-card-copy { padding: 16px 16px 18px; } .go-fph-card-media, .go-fph-card--secondary .go-fph-card-media, .go-fph-card--review .go-fph-card-media, .go-fph-placeholder, .go-fph-card--secondary .go-fph-placeholder, .go-fph-card--review .go-fph-placeholder { min-height: 190px; max-height: 210px; } .go-fph-carousel-slide { flex: 0 0 100%; } .go-fph-carousel-btn--prev, .go-fph-carousel-btn--next { top: auto; bottom: calc(100% + 10px); transform: none; } .go-fph-carousel-btn--prev { left: auto; right: 42px; } .go-fph-carousel-btn--next { right: 0; } .go-fph-carousel-btn:hover, .go-fph-carousel-btn:disabled:hover { transform: none; } .go-fph-card--compact .go-fph-card-media, .go-fph-card--compact .go-fph-placeholder, .go-fph-carousel-slide .go-fph-card--compact .go-fph-card-media, .go-fph-carousel-slide .go-fph-card--compact .go-fph-placeholder { min-height: 118px; max-height: 118px; height: 118px; } .go-fph-card--compact .go-fph-card-copy, .go-fph-carousel-slide .go-fph-card--compact .go-fph-card-copy { padding: 10px 10px 12px; gap: 6px; } .go-fph-card--compact .go-fph-card-copy h3, .go-fph-carousel-slide .go-fph-card--compact .go-fph-card-copy h3 { font-size: .88rem; line-height: 1.36; } .go-fph-card--compact .go-fph-meta, .go-fph-carousel-slide .go-fph-card--compact .go-fph-meta { font-size: 0.72rem; padding-top: 8px; } } .go-fph-card-copy, .go-fph-card-copy * { opacity: 1 !important; visibility: visible !important; display: revert !important; } .go-fph-card-copy h3 { display: block !important; color: var(--fph-text) !important; font-size: 1.12rem !important; line-height: 1.3 !important; font-weight: 600 !important; overflow: visible !important; -webkit-line-clamp: unset !important; -webkit-box-orient: initial !important; text-wrap: pretty; } .go-fph-card-link, .go-fph-card-media-link, .go-fp-feed-item-media-link { display: block; } .go-fph-card-media-link, .go-fp-feed-item-media-link { height: 100%; } .go-fph-card-title-link, .go-fp-feed-item-title { color: inherit; text-decoration: none; transition: color var(--fph-dur) var(--fph-ease); } .go-fph-card-title-link:hover, .go-fp-feed-item-title:hover { color: var(--fph-blue); } .go-fph-card-cat, .go-fp-feed-item-badge { text-decoration: none; transition: transform var(--fph-dur) var(--fph-ease), filter var(--fph-dur) var(--fph-ease); } .go-fph-card-cat:hover, .go-fp-feed-item-badge:hover { transform: translateY(-1px); filter: brightness(.95); } .go-fph-video-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem; margin-top: 1.2rem; } .go-fph-video-mini { display: grid; gap: .75rem; } .go-fph-video-mini-thumb { position: relative; display: block; overflow: hidden; border-radius: 18px; aspect-ratio: 16 / 9; background: #050505; box-shadow: var(--fph-shadow-card); } .go-fph-video-mini-thumb img, .go-fph-video-mini-thumb .go-fph-placeholder { width: 100%; height: 100%; object-fit: cover; transition: transform 240ms var(--fph-ease); } .go-fph-video-mini:hover .go-fph-video-mini-thumb img, .go-fph-video-mini:hover .go-fph-video-mini-thumb .go-fph-placeholder { transform: scale(1.04); } .go-fph-video-mini-play { position: absolute; inset: auto auto 12px 12px; display: inline-flex; width: 42px; height: 42px; border-radius: 999px; background: rgba(15, 23, 42, .88); box-shadow: 0 10px 20px rgba(0, 0, 0, .22); } .go-fph-video-mini-play::before { content: ""; width: 0; height: 0; margin: auto; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 11px solid #ffffff; transform: translateX(2px); } .go-fph-video-mini-copy { display: grid; gap: .4rem; } .go-fph-video-mini-copy h3 { margin: 0; font-family: var(--fph-font-display); font-size: 1.06rem; line-height: 1.28; letter-spacing: -.03em; } .go-fph-video-mini-copy h3 a { color: var(--fph-text); } .go-fph-video-mini-copy h3 a:hover { color: var(--fph-blue); } .go-fph-video-mini-copy span { color: var(--fph-text-muted); font-size: .82rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; } .go-fph-special-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); gap: 1.4rem; align-items: start; } .go-fph-special-stack { display: grid; gap: 1.1rem; } .go-fph-section--special .go-fph-card--secondary .go-fph-card-copy { padding: 1.4rem; } .go-fph-section--special .go-fph-card--secondary .go-fph-card-copy h3 { font-size: clamp(1.55rem, 2.4vw, 2.3rem) !important; } .go-fph-carousel { --fph-carousel-control-size: 36px; padding-inline: 0; padding-top: 52px; align-items: flex-start; } .go-fph-carousel-btn { top: 0; transform: none; border: 0; background: #111827; color: #ffffff; box-shadow: 0 8px 18px rgba(15, 23, 42, 0.14); } .go-fph-carousel-btn span, .go-fph-carousel-btn svg { display: flex; align-items: center; justify-content: center; } .go-fph-carousel-btn svg { width: 18px; height: 18px; } .go-fph-carousel-btn--prev, .go-fph-carousel-btn--next { top: 0; left: auto; transform: none; } .go-fph-carousel-btn--prev { right: 46px; } .go-fph-carousel-btn--next { right: 0; } .go-fph-carousel-btn:hover { transform: none; background: #1b2844; border-color: transparent; } .go-fph-carousel-btn:disabled, .go-fph-carousel-btn:disabled:hover { background: #d1d5db; color: #ffffff; border-color: transparent; } html.dark .go-fph-carousel-btn:disabled, body.dark .go-fph-carousel-btn:disabled, body.dark-mode .go-fph-carousel-btn:disabled, body.is-dark-theme .go-fph-carousel-btn:disabled, body.newsx-dark-mode .go-fph-carousel-btn:disabled, [data-theme="dark"] .go-fph-carousel-btn:disabled { background: rgba(255, 255, 255, .18); } @media (max-width: 980px) { .go-fph-video-grid, .go-fph-special-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .go-fph-special-grid { grid-template-columns: 1fr; } } @media (max-width: 640px) { .go-fph-video-grid { grid-template-columns: 1fr; } .go-fph-carousel { padding-top: 46px; } .go-fph-carousel-btn--prev { right: 44px; bottom: auto; } .go-fph-carousel-btn--next { right: 0; bottom: auto; } } .go-fph-card-copy p { display: block !important; color: var(--fph-text-body) !important; font-size: .92rem !important; line-height: 1.65 !important; } .go-fph-card-copy .go-fph-meta { display: flex !important; color: var(--fph-text-muted) !important; } .go-fph-card-copy .go-fph-author, .go-fph-card-copy .go-fph-author-name { display: inline-flex !important; color: var(--fph-text-body) !important; } .go-fph-card-copy { min-height: 160px !important; background: var(--fph-surface) !important; } .go-fph-platform-logo { width: 54px; height: 54px; border-radius: 16px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; overflow: hidden; } .go-fph-platform-logo img { display: block; max-width: 72%; max-height: 72%; width: auto; height: auto; object-fit: contain; } .go-fph-platform-card--playstation .go-fph-platform-head h3 { color: #0a4bb3; } .go-fph-platform-card--xbox .go-fph-platform-head h3 { color: #148814; } .go-fph-platform-card--pc .go-fph-platform-head h3 { color: #3b36ff; } .go-fph-platform-card--nintendo .go-fph-platform-head h3 { color: #d91124; } /* ========================================================= PRÓXIMOS LANÇAMENTOS ========================================================= */ .go-fph-section--releases { position: relative; } .go-fph-releases-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; } .go-fph-release-card { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border-radius: 18px; background: var(--fph-surface); border: 1px solid var(--fph-border); box-shadow: var(--fph-shadow-card); transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease; } .go-fph-release-card:hover { transform: translateY(-4px); border-color: rgba(199, 240, 0, 0.28); box-shadow: var(--fph-shadow); } .go-fph-release-card.is-highlight { border-color: rgba(199, 240, 0, 0.3); box-shadow: 0 16px 34px rgba(199, 240, 0, 0.08); } .go-fph-release-thumb { position: relative; display: block; aspect-ratio: 16 / 10; overflow: hidden; background: var(--fph-surface-2); } .go-fph-release-thumb img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 0.35s ease; } .go-fph-release-card:hover .go-fph-release-thumb img { transform: scale(1.04); } .go-fph-release-date { position: absolute; left: 12px; bottom: 12px; z-index: 2; display: inline-flex; align-items: center; min-height: 34px; padding: 7px 12px; border-radius: 999px; background: var(--fph-lime); color: var(--fph-lime-text); font-size: 12px; font-weight: 700; line-height: 1; letter-spacing: 0.02em; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18); } .go-fph-release-flag { position: absolute; top: 12px; left: 12px; z-index: 2; display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border-radius: 999px; background: rgba(8, 17, 29, 0.84); color: #ffffff; font-size: 11px; font-weight: 800; line-height: 1; letter-spacing: 0.08em; text-transform: uppercase; backdrop-filter: blur(10px); } .go-fph-release-content { display: flex; flex-direction: column; gap: 12px; padding: 18px 18px 20px; background: transparent; } .go-fph-release-platforms { display: flex; flex-wrap: wrap; gap: 8px; } .go-fph-release-platform { display: inline-flex; align-items: center; min-height: 30px; padding: 6px 10px; border-radius: 999px; font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: 0.02em; border: 1px solid transparent; text-decoration: none; transition: transform var(--fph-dur) var(--fph-ease), box-shadow var(--fph-dur) var(--fph-ease), border-color var(--fph-dur) var(--fph-ease), background var(--fph-dur) var(--fph-ease), color var(--fph-dur) var(--fph-ease); } .go-fph-release-platform[href]:hover { transform: translateY(-1px); box-shadow: 0 10px 18px rgba(15, 23, 42, 0.08); } /* Claro */ .go-fph-release-platform--playstation { background: rgba(0, 55, 145, 0.10); color: #003791; border-color: rgba(0, 55, 145, 0.18); } .go-fph-release-platform--xbox { background: rgba(16, 124, 16, 0.10); color: #107c10; border-color: rgba(16, 124, 16, 0.18); } .go-fph-release-platform--nintendo { background: rgba(230, 0, 18, 0.10); color: #c1121f; border-color: rgba(230, 0, 18, 0.18); } .go-fph-release-platform--pc { background: rgba(75, 85, 99, 0.10); color: #374151; border-color: rgba(75, 85, 99, 0.18); } .go-fph-release-platform--mobile { background: rgba(217, 119, 6, 0.10); color: #b45309; border-color: rgba(217, 119, 6, 0.18); } .go-fph-release-platform--default { background: rgba(124, 58, 237, 0.10); color: var(--fph-violet); border-color: rgba(124, 58, 237, 0.16); } .go-fph-release-title { margin: 0; font-size: clamp(19px, 1.7vw, 24px); line-height: 1.16; letter-spacing: -0.02em; } .go-fph-release-title a { color: var(--fph-text); text-decoration: none; font-weight: 800; letter-spacing: -0.02em; transition: color 0.2s ease; } .go-fph-release-title a:hover { color: var(--fph-blue); } .go-fph-release-dev { display: inline-flex; align-self: flex-start; padding: 6px 12px; border-radius: 999px; background: rgba(199, 240, 0, 0.12); color: #516100; border: 1px solid rgba(199, 240, 0, 0.26); font-size: 11px; font-weight: 700; line-height: 1.2; letter-spacing: 0.03em; } .go-fph-release-link { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; color: var(--fph-blue); font-size: 14px; font-weight: 800; text-decoration: none; transition: color 0.2s ease; } .go-fph-release-link:hover { color: var(--fph-text); } .go-fph-release-link::after { content: "→"; font-size: 14px; line-height: 1; } /* Dark mode */ html.dark .go-fph-release-card, body.dark .go-fph-release-card, body.dark-mode .go-fph-release-card, body.is-dark-theme .go-fph-release-card, body.newsx-dark-mode .go-fph-release-card, [data-theme="dark"] .go-fph-release-card { background: var(--fph-surface); border-color: var(--fph-border); box-shadow: var(--fph-shadow-card); } html.dark .go-fph-release-card:hover, body.dark .go-fph-release-card:hover, body.dark-mode .go-fph-release-card:hover, body.is-dark-theme .go-fph-release-card:hover, body.newsx-dark-mode .go-fph-release-card:hover, [data-theme="dark"] .go-fph-release-card:hover { border-color: rgba(199, 240, 0, 0.28); box-shadow: var(--fph-shadow); } html.dark .go-fph-release-card.is-highlight, body.dark .go-fph-release-card.is-highlight, body.dark-mode .go-fph-release-card.is-highlight, body.is-dark-theme .go-fph-release-card.is-highlight, body.newsx-dark-mode .go-fph-release-card.is-highlight, [data-theme="dark"] .go-fph-release-card.is-highlight { border-color: rgba(199, 240, 0, 0.36); box-shadow: 0 18px 36px rgba(199, 240, 0, 0.08); } html.dark .go-fph-release-thumb, body.dark .go-fph-release-thumb, body.dark-mode .go-fph-release-thumb, body.is-dark-theme .go-fph-release-thumb, body.newsx-dark-mode .go-fph-release-thumb, [data-theme="dark"] .go-fph-release-thumb { background: var(--fph-surface-2); } html.dark .go-fph-release-title a, body.dark .go-fph-release-title a, body.dark-mode .go-fph-release-title a, body.is-dark-theme .go-fph-release-title a, body.newsx-dark-mode .go-fph-release-title a, [data-theme="dark"] .go-fph-release-title a { color: #F5F7FA; } html.dark .go-fph-release-title a:hover, body.dark .go-fph-release-title a:hover, body.dark-mode .go-fph-release-title a:hover, body.is-dark-theme .go-fph-release-title a:hover, body.newsx-dark-mode .go-fph-release-title a:hover, [data-theme="dark"] .go-fph-release-title a:hover { color: var(--fph-lime); } html.dark .go-fph-release-platform--playstation, body.dark .go-fph-release-platform--playstation, body.dark-mode .go-fph-release-platform--playstation, body.is-dark-theme .go-fph-release-platform--playstation, body.newsx-dark-mode .go-fph-release-platform--playstation, [data-theme="dark"] .go-fph-release-platform--playstation { background: rgba(0, 55, 145, 0.28); color: #9EC5FF; border-color: rgba(0, 55, 145, 0.45); } html.dark .go-fph-release-platform--xbox, body.dark .go-fph-release-platform--xbox, body.dark-mode .go-fph-release-platform--xbox, body.is-dark-theme .go-fph-release-platform--xbox, body.newsx-dark-mode .go-fph-release-platform--xbox, [data-theme="dark"] .go-fph-release-platform--xbox { background: rgba(16, 124, 16, 0.28); color: #8AFF8A; border-color: rgba(16, 124, 16, 0.45); } html.dark .go-fph-release-platform--nintendo, body.dark .go-fph-release-platform--nintendo, body.dark-mode .go-fph-release-platform--nintendo, body.is-dark-theme .go-fph-release-platform--nintendo, body.newsx-dark-mode .go-fph-release-platform--nintendo, [data-theme="dark"] .go-fph-release-platform--nintendo { background: rgba(230, 0, 18, 0.22); color: #FF9A9A; border-color: rgba(230, 0, 18, 0.35); } html.dark .go-fph-release-platform--pc, body.dark .go-fph-release-platform--pc, body.dark-mode .go-fph-release-platform--pc, body.is-dark-theme .go-fph-release-platform--pc, body.newsx-dark-mode .go-fph-release-platform--pc, [data-theme="dark"] .go-fph-release-platform--pc { background: rgba(255, 255, 255, 0.08); color: #E5E7EB; border-color: rgba(255, 255, 255, 0.16); } html.dark .go-fph-release-platform--mobile, body.dark .go-fph-release-platform--mobile, body.dark-mode .go-fph-release-platform--mobile, body.is-dark-theme .go-fph-release-platform--mobile, body.newsx-dark-mode .go-fph-release-platform--mobile, [data-theme="dark"] .go-fph-release-platform--mobile { background: rgba(217, 119, 6, 0.20); color: #FDBA74; border-color: rgba(217, 119, 6, 0.28); } html.dark .go-fph-release-platform--default, body.dark .go-fph-release-platform--default, body.dark-mode .go-fph-release-platform--default, body.is-dark-theme .go-fph-release-platform--default, body.newsx-dark-mode .go-fph-release-platform--default, [data-theme="dark"] .go-fph-release-platform--default { background: rgba(124, 58, 237, 0.18); color: #D4B8FF; border-color: rgba(124, 58, 237, 0.28); } html.dark .go-fph-release-dev, body.dark .go-fph-release-dev, body.dark-mode .go-fph-release-dev, body.is-dark-theme .go-fph-release-dev, body.newsx-dark-mode .go-fph-release-dev, [data-theme="dark"] .go-fph-release-dev { background: rgba(199, 240, 0, 0.18); color: #E6FF7A; border-color: rgba(199, 240, 0, 0.35); } html.dark .go-fph-release-link, body.dark .go-fph-release-link, body.dark-mode .go-fph-release-link, body.is-dark-theme .go-fph-release-link, body.newsx-dark-mode .go-fph-release-link, [data-theme="dark"] .go-fph-release-link { color: #8FA8FF; } html.dark .go-fph-release-link:hover, body.dark .go-fph-release-link:hover, body.dark-mode .go-fph-release-link:hover, body.is-dark-theme .go-fph-release-link:hover, body.newsx-dark-mode .go-fph-release-link:hover, [data-theme="dark"] .go-fph-release-link:hover { color: var(--fph-lime); } /* Responsivo */ @media (max-width: 1200px) { .go-fph-promotions-grid--nested, .go-fph-releases-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .go-fph-promo-story-grid, .go-fph-promo-coupon-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 900px) { .go-fph-promotions-grid--nested, .go-fph-releases-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } } @media (max-width: 640px) { .go-fph-promotions-grid--nested, .go-fph-releases-grid { grid-template-columns: 1fr; gap: 16px; } .go-fph-promo-story-grid, .go-fph-promo-coupon-grid { grid-template-columns: 1fr; } .go-fph-promo-panel { padding: 20px; border-radius: 24px; } .go-fph-coupon-item { grid-template-columns: 1fr; } .go-fph-release-content { padding: 16px 16px 18px; } .go-fph-release-title { font-size: 20px; } .go-fph-release-date { left: 10px; bottom: 10px; padding: 7px 10px; font-size: 11px; } } /* ========================================= HERO — autor branco e botão visível ========================================= */ .go-fph-hero .go-fph-meta, .go-fph-hero .go-fph-meta--light, .go-fph-hero .go-fph-author, .go-fph-hero .go-fph-author-name, .go-fph-hero .go-fph-meta a, .go-fph-hero .go-fph-author a { color: #ffffff !important; } .go-fph-hero .go-fph-author-name { font-weight: 700; } .go-fph-hero .go-fph-author:hover, .go-fph-hero .go-fph-author:hover .go-fph-author-name, .go-fph-hero .go-fph-meta a:hover { color: var(--fph-lime) !important; } .go-fph-hero .go-fph-meta-sep { background: rgba(255, 255, 255, 0.72) !important; opacity: 1; } .go-fph-hero .go-fph-author-avatar { border-color: rgba(255, 255, 255, 0.22) !important; } /* botão do hero sempre visível */ .go-fph-hero .go-fph-button, .go-fph-hero .go-fph-button--solid, .go-fph-hero .go-fph-button--ghost { display: inline-flex !important; visibility: visible !important; opacity: 1 !important; } /* LER MATÉRIA no hero */ .go-fph-hero .go-fph-button--solid { background: var(--fph-lime) !important; color: #111111 !important; border: 2px solid var(--fph-lime) !important; box-shadow: 0 10px 28px rgba(199, 240, 0, 0.22) !important; } .go-fph-hero .go-fph-button--solid:hover { background: var(--fph-lime-dark) !important; color: #111111 !important; border-color: var(--fph-lime-dark) !important; } /* garante contraste no dark */ html.dark .go-fph-hero .go-fph-button--solid, body.dark .go-fph-hero .go-fph-button--solid, body.dark-mode .go-fph-hero .go-fph-button--solid, body.is-dark-theme .go-fph-hero .go-fph-button--solid, body.newsx-dark-mode .go-fph-hero .go-fph-button--solid, html[data-theme="dark"] .go-fph-hero .go-fph-button--solid, body[data-theme="dark"] .go-fph-hero .go-fph-button--solid { background: #c7f000 !important; color: #111111 !important; border-color: #c7f000 !important; opacity: 1 !important; visibility: visible !important; filter: none !important; } /* se algum estilo do tema estiver apagando o texto do botão */ .go-fph-hero .go-fph-button--solid *, html.dark .go-fph-hero .go-fph-button--solid *, body.dark .go-fph-hero .go-fph-button--solid * { color: #111111 !important; fill: #111111 !important; } /* evita botão “sumido” por blend, filtro ou overlay herdado */ .go-fph-hero-actions, .go-fph-hero-actions a, .go-fph-hero-actions .go-fph-button { position: relative; z-index: 5; mix-blend-mode: normal !important; filter: none !important; } /* ========================================= AJUSTES FINAIS: video, filtros e plataformas ========================================= */ .go-fph-platform-card { overflow: hidden; } .go-fph-platform-head h3 { color: var(--fph-text) !important; } .go-fph-platform-card--playstation .go-fph-platform-head h3 { color: #0a4bb3 !important; } .go-fph-platform-card--xbox .go-fph-platform-head h3 { color: #148814 !important; } .go-fph-platform-card--pc .go-fph-platform-head h3 { color: #1d4ed8 !important; } .go-fph-platform-card--nintendo .go-fph-platform-head h3 { color: #d91124 !important; } .go-fph-platform-logo { background: linear-gradient(180deg, #ffffff, #eef2f7) !important; border: 1px solid rgba(15, 23, 42, 0.14) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 8px 20px rgba(15, 23, 42, 0.08); } .go-fph-platform-logo img { max-width: 82% !important; max-height: 82% !important; filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.4)); } html.dark .go-fph-platform-logo, body.dark .go-fph-platform-logo, body.dark-mode .go-fph-platform-logo, body.is-dark-theme .go-fph-platform-logo, body.newsx-dark-mode .go-fph-platform-logo, [data-theme="dark"] .go-fph-platform-logo { background: linear-gradient(180deg, #ffffff, #e5e7eb) !important; border-color: rgba(255, 255, 255, 0.24) !important; } .go-fph-section--video { position: relative; } .go-fph-video-feature { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(320px, 0.8fr); gap: 1.5rem; padding: 1.5rem; border: 1px solid var(--fph-border); border-radius: 24px; background: radial-gradient(circle at top right, rgba(40, 0, 240, 0.08), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(243, 246, 251, 0.98)), var(--fph-surface); box-shadow: var(--fph-shadow-card); } .go-fph-video-player { overflow: hidden; border-radius: 20px; background: #050505; aspect-ratio: 16 / 9; } .go-fph-video-player :is(iframe, video, embed, object) { display: block; width: 100%; height: 100%; border: 0; } .go-fph-video-copy { display: flex; flex-direction: column; gap: 1rem; min-width: 0; } .go-fph-video-topline, .go-fph-video-actions { display: flex; flex-wrap: wrap; gap: .75rem; } .go-fph-video-title { margin: 0; font-family: var(--fph-font-display); font-size: clamp(1.7rem, 2.8vw, 2.6rem); font-weight: 800; line-height: 1.08; letter-spacing: -.03em; } .go-fph-video-title a { color: var(--fph-text); } .go-fph-video-title a:hover { color: var(--fph-blue); } .go-fph-video-excerpt { margin: 0; color: var(--fph-text-body); font-size: .97rem; line-height: 1.7; } .go-fph-feed-list[aria-busy="true"] { opacity: .62; transition: opacity 180ms ease; } @media (max-width: 980px) { .go-fph-video-feature { grid-template-columns: 1fr; } } @media (max-width: 560px) { .go-fph-video-feature { padding: 1rem; border-radius: 20px; } .go-fph-video-title { font-size: clamp(1.4rem, 7vw, 1.9rem); } } /* ========================================= AJUSTES EXTRAS: links, videos e atalhos ========================================= */ .go-fph-section-head h2 a, .go-fph-platform-brand-copy h3 a, .go-fph-video-channel-head h3 a { color: inherit; text-decoration: none; } .go-fph-section-head h2 a:hover, .go-fph-platform-brand-copy h3 a:hover, .go-fph-video-channel-head h3 a:hover { color: var(--fph-blue); } .go-fph-meta, .go-fph-author, .go-fp-author-meta, .go-ca-meta, .go-cp-meta { position: relative; z-index: 4; } .go-fph-author, .go-fp-author-meta, .go-cp-author { pointer-events: auto; } .go-fph-section--video { padding: 34px; border-radius: 34px; background: radial-gradient(circle at top left, rgba(199, 240, 0, 0.14), transparent 26%), radial-gradient(circle at top right, rgba(40, 0, 240, 0.2), transparent 34%), linear-gradient(180deg, #050608 0%, #0b1017 100%); } .go-fph-section--video .go-fph-section-head, .go-fph-section--video .go-fph-section-head h2, .go-fph-section--video .go-fph-section-head p, .go-fph-section--video .go-fph-more, .go-fph-section--video .go-fph-video-title a, .go-fph-section--video .go-fph-video-excerpt, .go-fph-section--video .go-fph-meta, .go-fph-section--video .go-fph-video-mini-copy h3 a, .go-fph-section--video .go-fph-video-mini-copy span { color: #f4f7fb; } .go-fph-section--video .go-fph-video-feature { border-color: rgba(255, 255, 255, 0.08); background: radial-gradient(circle at top right, rgba(199, 240, 0, 0.12), transparent 28%), linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03)); box-shadow: 0 26px 60px rgba(0, 0, 0, 0.34); } .go-fph-section--video .go-fph-video-player { border: 1px solid rgba(255, 255, 255, 0.08); background: #000; } .go-fph-section--video .go-fph-meta-sep { background: rgba(255, 255, 255, 0.6); } .go-fph-section--video .go-fph-author-name, .go-fph-section--video .go-fph-author-text, .go-fph-section--video .go-fph-meta time { color: #f4f7fb; } .go-fph-category-shortcuts, .go-fph-video-channels-grid { display: grid; gap: 18px; } .go-fph-category-shortcuts { grid-template-columns: repeat(3, minmax(0, 1fr)); } .go-fph-category-shortcut { display: grid; gap: 10px; padding: 22px; border: 1px solid var(--fph-border); border-radius: 24px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 252, 0.98)); box-shadow: var(--fph-shadow-card); color: var(--fph-text); text-decoration: none; transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease; } .go-fph-category-shortcut:hover { transform: translateY(-3px); border-color: rgba(40, 0, 240, 0.16); box-shadow: 0 22px 52px rgba(15, 23, 42, 0.12); } .go-fph-category-shortcut strong { font-family: var(--fph-font-display); font-size: clamp(1.2rem, 2vw, 1.65rem); line-height: 1.04; letter-spacing: -0.04em; } .go-fph-category-shortcut span { color: var(--fph-text-body); line-height: 1.7; } .go-fph-video-channels-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .go-fph-video-channel-card { display: grid; gap: 18px; padding: 24px; border: 1px solid var(--fph-border); border-radius: 28px; background: radial-gradient(circle at top right, rgba(40, 0, 240, 0.08), transparent 28%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 252, 0.98)); box-shadow: var(--fph-shadow-card); } .go-fph-video-channel-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; } .go-fph-video-channel-head p { margin: 8px 0 0; color: var(--fph-text-body); line-height: 1.7; } .go-fph-video-channel-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; } .go-fph-video-channel-item { display: grid; gap: 12px; } .go-fph-video-channel-thumb { position: relative; display: block; overflow: hidden; border-radius: 20px; aspect-ratio: 16 / 9; background: #0b1220; } .go-fph-video-channel-thumb img { width: 100%; height: 100%; object-fit: cover; } .go-fph-video-channel-copy h4 { margin: 0; font-size: clamp(1.02rem, 1.5vw, 1.18rem); line-height: 1.2; letter-spacing: -0.03em; } .go-fph-video-channel-copy h4 a { color: var(--fph-text); text-decoration: none; } .go-fph-video-channel-copy span { display: inline-flex; margin-top: 8px; color: var(--fph-text-body); font-size: 12px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; } @media (max-width: 980px) { .go-fph-category-shortcuts, .go-fph-video-channels-grid, .go-fph-video-channel-list { grid-template-columns: 1fr; } } @media (max-width: 767px) { .go-fph-section--video { padding: 22px; } } .go-fph-hero-topline .go-fph-card-cat, .go-fph-video-topline .go-fph-card-cat { position: relative; z-index: 6; pointer-events: auto; } .go-fph-hero-content, .go-fph-hero-content * { pointer-events: auto; } .go-fph-category-shortcut { padding: 18px 18px 16px; gap: 8px; } .go-fph-category-shortcut strong { font-size: clamp(1rem, 1.5vw, 1.18rem); letter-spacing: -0.03em; } .go-fph-category-shortcut span { font-size: .92rem; line-height: 1.55; } .go-fph-special-grid { grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); grid-template-areas: "feature stack" "bottom bottom"; } .go-fph-special-feature { grid-area: feature; } .go-fph-special-stack { grid-area: stack; grid-template-columns: 1fr; } .go-fph-special-bottom { grid-area: bottom; } .go-fph-special-bottom .go-fph-card-link { min-height: 100%; } .go-fph-section--video { background: radial-gradient(circle at top left, rgba(199, 240, 0, 0.1), transparent 26%), radial-gradient(circle at top right, rgba(40, 0, 240, 0.12), transparent 34%), linear-gradient(180deg, rgba(247, 250, 253, 0.98) 0%, rgba(237, 243, 250, 0.98) 100%); } html.dark .go-fph-section--video, body.dark .go-fph-section--video, body.dark-mode .go-fph-section--video, body.is-dark-theme .go-fph-section--video, body.newsx-dark-mode .go-fph-section--video, [data-theme="dark"] .go-fph-section--video { background: radial-gradient(circle at top left, rgba(199, 240, 0, 0.14), transparent 26%), radial-gradient(circle at top right, rgba(40, 0, 240, 0.2), transparent 34%), linear-gradient(180deg, #0b0d12 0%, #111721 100%); } .go-fph-section--video .go-fph-section-head, .go-fph-section--video .go-fph-section-head h2, .go-fph-section--video .go-fph-section-head p, .go-fph-section--video .go-fph-more, .go-fph-section--video .go-fph-video-title a, .go-fph-section--video .go-fph-video-excerpt, .go-fph-section--video .go-fph-meta, .go-fph-section--video .go-fph-video-mini-copy h3 a, .go-fph-section--video .go-fph-video-mini-copy span { color: var(--fph-text); } html.dark .go-fph-section--video .go-fph-section-head, html.dark .go-fph-section--video .go-fph-section-head h2, html.dark .go-fph-section--video .go-fph-section-head p, html.dark .go-fph-section--video .go-fph-more, html.dark .go-fph-section--video .go-fph-video-title a, html.dark .go-fph-section--video .go-fph-video-excerpt, html.dark .go-fph-section--video .go-fph-meta, html.dark .go-fph-section--video .go-fph-video-mini-copy h3 a, html.dark .go-fph-section--video .go-fph-video-mini-copy span, body.dark .go-fph-section--video .go-fph-section-head, body.dark .go-fph-section--video .go-fph-section-head h2, body.dark .go-fph-section--video .go-fph-section-head p, body.dark .go-fph-section--video .go-fph-more, body.dark .go-fph-section--video .go-fph-video-title a, body.dark .go-fph-section--video .go-fph-video-excerpt, body.dark .go-fph-section--video .go-fph-meta, body.dark .go-fph-section--video .go-fph-video-mini-copy h3 a, body.dark .go-fph-section--video .go-fph-video-mini-copy span { color: #f4f7fb; } .go-fph-carousel-track { transition: transform 420ms cubic-bezier(.22, .74, .2, 1); } .go-fph-carousel-btn { transition: background .22s ease, color .22s ease, transform .22s ease, opacity .22s ease; } .go-fph-carousel.is-bumping-prev .go-fph-carousel-btn--prev, .go-fph-carousel.is-bumping-next .go-fph-carousel-btn--next { transform: scale(.92); } .go-fph-section--video { border: 1px solid var(--fph-border); box-shadow: var(--fph-shadow-card); } .go-fph-section--video .go-fph-video-feature { border-radius: 30px; overflow: hidden; } .go-fph-video-channel-player { overflow: hidden; border: 1px solid var(--fph-border); border-radius: 22px; background: rgba(10, 14, 22, 0.92); aspect-ratio: 16 / 9; } .go-fph-video-channel-player iframe { width: 100%; height: 100%; border: 0; display: block; } .go-fph-video-channel-featured-copy { display: grid; gap: 6px; } .go-fph-video-channel-featured-copy h4, .go-fph-video-channel-copy h4 { margin: 0; font-size: 1.02rem; line-height: 1.25; } .go-fph-video-channel-featured-copy h4 a, .go-fph-video-channel-copy h4 a { color: var(--fph-text); text-decoration: none; } .go-fph-video-channel-featured-copy span, .go-fph-video-channel-copy span { color: var(--fph-text-muted); font-size: 13px; } .go-fph-section--video-channels .go-fph-video-channel-card, .go-fph-section--category-shortcuts .go-fph-category-shortcut { background: radial-gradient(circle at top right, rgba(199, 240, 0, 0.08), transparent 28%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(242, 246, 252, 0.98)); } .go-fph-newsletter-card { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr); gap: 22px; padding: 28px; border: 1px solid var(--fph-border); border-radius: 28px; background: radial-gradient(circle at top right, rgba(199, 240, 0, 0.12), transparent 28%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(241, 246, 252, 0.98)); box-shadow: var(--fph-shadow-card); } .go-fph-newsletter-copy { display: grid; gap: 10px; } .go-fph-newsletter-form { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; } .go-fph-newsletter-form input { min-height: 54px; padding: 0 18px; border: 1px solid var(--fph-border); border-radius: 16px; background: rgba(255, 255, 255, 0.92); color: var(--fph-text); } html.dark .go-fph-section--video-channels .go-fph-video-channel-card, body.dark .go-fph-section--video-channels .go-fph-video-channel-card, body.dark-mode .go-fph-section--video-channels .go-fph-video-channel-card, body.is-dark-theme .go-fph-section--video-channels .go-fph-video-channel-card, body.newsx-dark-mode .go-fph-section--video-channels .go-fph-video-channel-card, [data-theme="dark"] .go-fph-section--video-channels .go-fph-video-channel-card, html.dark .go-fph-section--category-shortcuts .go-fph-category-shortcut, body.dark .go-fph-section--category-shortcuts .go-fph-category-shortcut, body.dark-mode .go-fph-section--category-shortcuts .go-fph-category-shortcut, body.is-dark-theme .go-fph-section--category-shortcuts .go-fph-category-shortcut, body.newsx-dark-mode .go-fph-section--category-shortcuts .go-fph-category-shortcut, [data-theme="dark"] .go-fph-section--category-shortcuts .go-fph-category-shortcut, html.dark .go-fph-newsletter-card, body.dark .go-fph-newsletter-card, body.dark-mode .go-fph-newsletter-card, body.is-dark-theme .go-fph-newsletter-card, body.newsx-dark-mode .go-fph-newsletter-card, [data-theme="dark"] .go-fph-newsletter-card { background: radial-gradient(circle at top right, rgba(199, 240, 0, 0.08), transparent 28%), linear-gradient(180deg, rgba(17, 21, 28, 0.96), rgba(12, 16, 24, 0.96)); } html.dark .go-fph-newsletter-form input, body.dark .go-fph-newsletter-form input, body.dark-mode .go-fph-newsletter-form input, body.is-dark-theme .go-fph-newsletter-form input, body.newsx-dark-mode .go-fph-newsletter-form input, [data-theme="dark"] .go-fph-newsletter-form input { background: rgba(9, 12, 18, 0.9); color: #f5f7fa; border-color: rgba(255, 255, 255, 0.08); } @media (max-width: 980px) { .go-fph-special-grid { grid-template-columns: 1fr; grid-template-areas: "feature" "stack" "bottom"; } .go-fph-newsletter-card, .go-fph-newsletter-form { grid-template-columns: 1fr; } } .go-fph-category-shortcut { padding: 16px 16px 14px; } .go-fph-category-shortcut strong { font-size: clamp(.92rem, 1.15vw, 1.04rem); } .go-fph-category-shortcut span { font-size: .86rem; line-height: 1.5; } .go-fph-section--video { border-radius: 34px; background: radial-gradient(circle at top left, rgba(199, 240, 0, 0.08), transparent 24%), linear-gradient(180deg, rgba(249, 251, 255, 0.96) 0%, rgba(242, 246, 252, 0.94) 100%); box-shadow: 0 16px 38px rgba(15, 23, 42, 0.08); } html.dark .go-fph-section--video, body.dark .go-fph-section--video, body.dark-mode .go-fph-section--video, body.is-dark-theme .go-fph-section--video, body.newsx-dark-mode .go-fph-section--video, [data-theme="dark"] .go-fph-section--video { background: radial-gradient(circle at top left, rgba(199, 240, 0, 0.12), transparent 24%), linear-gradient(180deg, rgba(14, 18, 26, 0.96) 0%, rgba(17, 22, 31, 0.96) 100%); } .go-fph-carousel-btn, .go-fph-carousel-btn:hover, .go-fph-carousel-btn:focus-visible { color: #ffffff; } .go-fph-carousel-btn:hover { background: #243757; border-color: transparent; } /* ========================================= ESPECIAIS EM SLIDER ========================================= */ .go-fph-special-slider-shell { display: grid; gap: 18px; } .go-fph-special-slider { overflow: visible; } .go-fph-special-slider .swiper-slide { height: auto; } .go-fph-special-slide, .go-fph-special-slide > * { height: 100%; } .go-fph-special-slide .go-fph-card-link, .go-fph-special-slide .go-fph-card { min-height: min(78svh, 720px); } .go-fph-special-slide .go-fph-card-link { border-radius: 28px; overflow: hidden; box-shadow: var(--fph-shadow); } .go-fph-special-slide .go-fph-card-copy { min-height: 0 !important; } .go-fph-special-slider-controls { display: flex; align-items: center; justify-content: space-between; gap: 16px; } .go-fph-special-slider-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; } .go-fph-special-slider-pagination .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 !important; border-radius: 999px; background: rgba(17, 24, 39, 0.18); opacity: 1; transition: width 0.22s ease, background 0.22s ease, transform 0.22s ease; } .go-fph-special-slider-pagination .swiper-pagination-bullet-active { width: 26px; background: var(--fph-lime); transform: translateY(-1px); } .go-fph-special-slider-nav { display: inline-flex; align-items: center; gap: 10px; } .go-fph-special-slider-btn { position: static; transform: none; } html.dark .go-fph-special-slider-pagination .swiper-pagination-bullet, body.dark .go-fph-special-slider-pagination .swiper-pagination-bullet, body.dark-mode .go-fph-special-slider-pagination .swiper-pagination-bullet, body.is-dark-theme .go-fph-special-slider-pagination .swiper-pagination-bullet, body.newsx-dark-mode .go-fph-special-slider-pagination .swiper-pagination-bullet, [data-theme="dark"] .go-fph-special-slider-pagination .swiper-pagination-bullet { background: rgba(255, 255, 255, 0.26); } @media (max-width: 720px) { .go-fph-special-slide .go-fph-card-link, .go-fph-special-slide .go-fph-card { min-height: 0; } .go-fph-special-slider-controls { align-items: flex-start; flex-direction: column; } } .go-fph-cat--lime, .go-fph-card .go-fph-cat--lime, .go-fph-card .go-fph-badge.go-fph-cat--lime { background: var(--fph-lime); color: var(--fph-lime-text); } .go-fph-platform-card--playstation { border-color: rgba(0, 55, 145, 0.22); background: linear-gradient(180deg, rgba(0, 55, 145, 0.08), rgba(255, 255, 255, 0)), var(--fph-surface); box-shadow: 0 26px 46px rgba(0, 55, 145, 0.08); } .go-fph-platform-card--playstation .go-fph-platform-list { background: linear-gradient(180deg, rgba(0, 55, 145, 0.04), transparent 62%); } .go-fph-platform-card--xbox { border-color: rgba(16, 124, 16, 0.22); background: linear-gradient(180deg, rgba(16, 124, 16, 0.09), rgba(255, 255, 255, 0)), var(--fph-surface); box-shadow: 0 26px 46px rgba(16, 124, 16, 0.08); } .go-fph-platform-card--xbox .go-fph-platform-list { background: linear-gradient(180deg, rgba(16, 124, 16, 0.045), transparent 62%); } .go-fph-special-slide .go-fph-card-link, .go-fph-special-slide .go-fph-card { min-height: min(62svh, 560px); } .go-fph { background: radial-gradient(circle at top left, rgba(199, 240, 0, 0.12), transparent 20%), linear-gradient(180deg, #fcfdff 0%, var(--fph-bg) 18%, #eef3f8 100%); } html.dark .go-fph, body.dark .go-fph, body.dark-mode .go-fph, body.is-dark-theme .go-fph, body.newsx-dark-mode .go-fph, [data-theme="dark"] .go-fph { background: radial-gradient(circle at top left, rgba(199, 240, 0, 0.08), transparent 20%), linear-gradient(180deg, #05070b 0%, #090d13 42%, var(--fph-bg) 100%); } .go-fph-hero-overlay { background: linear-gradient( to top, rgba(0, 0, 0, 0.96) 0%, rgba(0, 0, 0, 0.72) 38%, rgba(0, 0, 0, 0.24) 72%, rgba(0, 0, 0, 0.06) 100% ), radial-gradient(ellipse at center, transparent 30%, rgba(0, 0, 0, 0.62) 100%); } .go-fph-card-cat, .go-fph-card .go-fph-card-cat, .go-fph-section .go-fph-card-cat { color: #ffffff; } .go-fph-cat--lime, .go-fph-card .go-fph-cat--lime, .go-fph-card .go-fph-badge.go-fph-cat--lime { background: linear-gradient(135deg, #7f9800, #96b700); color: #ffffff; } .go-fph-hero .go-fph-card-cat.is-guides { background: var(--fph-lime) !important; color: #111111 !important; } .go-fph-hero .go-fph-card-cat.go-fph-cat--playstation, .go-fph-hero .go-fph-card-cat.go-fph-cat--xbox, .go-fph-hero .go-fph-card-cat.go-fph-cat--pc, .go-fph-hero .go-fph-card-cat.go-fph-cat--mobile, .go-fph-hero .go-fph-card-cat.go-fph-cat--nintendo { color: #ffffff !important; -webkit-text-fill-color: #ffffff !important; } .go-fph-hero .go-fph-author, .go-fph-hero .go-fph-author-name { text-shadow: 0 2px 12px rgba(0, 0, 0, 0.35); } .go-fph-special-slider-nav { margin-left: auto; } .go-fph-special-slider-btn { display: inline-flex !important; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 999px; border: 1px solid var(--fph-border-2); background: rgba(15, 23, 42, 0.92); color: #ffffff; box-shadow: 0 18px 30px rgba(15, 23, 42, 0.18); } .go-fph-special-slider-btn span, .go-fph-special-slider-btn svg { width: 20px; height: 20px; } .go-fph-special-slider-btn:hover { background: var(--fph-blue); color: #ffffff; border-color: transparent; } html.dark .go-fph-special-slider-btn, body.dark .go-fph-special-slider-btn, body.dark-mode .go-fph-special-slider-btn, body.is-dark-theme .go-fph-special-slider-btn, body.newsx-dark-mode .go-fph-special-slider-btn, [data-theme="dark"] .go-fph-special-slider-btn { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.16); } @media (max-width: 720px) { .go-fph-hero .go-fph-meta, .go-fph-hero .go-fph-author { align-items: flex-start; gap: 8px 10px; } .go-fph-hero .go-fph-author { width: 100%; } .go-fph-hero .go-fph-author-avatar { width: 36px; height: 36px; } .go-fph-hero .go-fph-meta-sep { display: none; } .go-fph-special-slider-controls { width: 100%; } .go-fph-special-slider-nav { width: 100%; justify-content: flex-end; } } .go-fph-hero-slider { position: relative; overflow: hidden; } .go-fph-hero-slider + .go-fph-main { padding-top: clamp(4.8rem, 8vw, 6.4rem); } .go-fph-hero-slider-shell { display: grid; position: relative; overflow: hidden; } .go-fph-hero-slide { grid-area: 1 / 1; opacity: 0; visibility: hidden; pointer-events: none; transform: scale(1.018); z-index: 0; transition: opacity 0.55s ease, transform 0.85s ease; } .go-fph-hero-slide.is-active { opacity: 1; visibility: visible; pointer-events: auto; transform: none; z-index: 2; } .go-fph-hero-slide.is-leaving { opacity: 0; visibility: visible; pointer-events: none; transform: scale(1.012); z-index: 1; } .go-fph-hero-slider-controls { position: absolute; right: clamp(16px, 4vw, 36px); bottom: clamp(28px, 4vw, 42px); z-index: 3; display: flex; align-items: center; justify-content: flex-end; } .go-fph-hero-slider-nav, .go-fph-hero-slider-dots { display: flex; align-items: center; gap: 12px; } .go-fph-hero-slider-btn { position: static; transform: none; width: 54px; height: 54px; min-width: 54px; padding: 0; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 18px; background: rgba(7, 12, 20, 0.82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22); } .go-fph-hero-slider-btn:hover { background: rgba(14, 20, 31, 0.92); border-color: rgba(199, 240, 0, 0.42); color: var(--fph-lime); transform: none; } .go-fph-hero-slider-btn svg { width: 18px; height: 18px; } .go-fph-hero-slider-dot { width: 10px; height: 10px; padding: 0; border: 0; border-radius: 999px; background: rgba(17, 24, 39, 0.18); cursor: pointer; transition: width 0.22s ease, background 0.22s ease, transform 0.22s ease; } .go-fph-hero-slider-dot.is-active { width: 28px; background: var(--fph-lime); transform: translateY(-1px); } html.dark .go-fph-hero-slider-dot, body.dark .go-fph-hero-slider-dot, body.dark-mode .go-fph-hero-slider-dot, body.is-dark-theme .go-fph-hero-slider-dot, body.newsx-dark-mode .go-fph-hero-slider-dot, [data-theme="dark"] .go-fph-hero-slider-dot { background: rgba(255, 255, 255, 0.26); } html.dark .go-fph-hero-slider-dot.is-active, body.dark .go-fph-hero-slider-dot.is-active, body.dark-mode .go-fph-hero-slider-dot.is-active, body.is-dark-theme .go-fph-hero-slider-dot.is-active, body.newsx-dark-mode .go-fph-hero-slider-dot.is-active, [data-theme="dark"] .go-fph-hero-slider-dot.is-active { background: var(--fph-lime); } @media (max-width: 720px) { .go-fph-hero-content { padding-bottom: 5.25rem; } .go-fph-hero-slider-controls { right: 14px; left: auto; bottom: 12px; } .go-fph-hero-slider-btn { width: 48px; height: 48px; min-width: 48px; border-radius: 16px; } } .go-fph-hero > .go-fph-shell { padding-top: clamp(4.5rem, 10vw, 7rem); padding-bottom: clamp(1.8rem, 4vw, 3rem); } .go-fph-hero-content { padding-top: clamp(1.2rem, 3vw, 2rem); padding-bottom: clamp(1.9rem, 4vw, 3rem); } @media (max-width: 720px) { .go-fph-hero > .go-fph-shell { padding-top: clamp(5rem, 16vw, 6.4rem); } .go-fph-hero-content { padding-top: .75rem; padding-bottom: 4.8rem; } } .go-fph-section--promotions.is-loading .go-fph-promotions-grid { opacity: .64; transition: opacity .22s ease; } .go-fph-promo-status { margin: 14px 0 0; color: var(--fph-text-muted); font-size: .84rem; } .go-fph-promo-empty { display: grid; gap: .75rem; align-items: center; min-height: 220px; padding: 28px; border: 1px solid var(--fph-border); border-radius: 28px; background: radial-gradient(circle at top right, rgba(199, 240, 0, .12), transparent 30%), linear-gradient(180deg, var(--fph-card), var(--fph-card-2)); } .go-fph-promo-empty h3, .go-fph-promo-empty p { margin: 0; } .go-fph-promo-empty h3 { color: var(--fph-text); font-family: var(--fph-font-display); font-size: clamp(1.2rem, 2vw, 1.5rem); } .go-fph-promo-empty p { color: var(--fph-text-body); max-width: 48ch; } .go-fph-promo-link, .go-fph-promo-link:visited, .go-fph-promo-link span { color: #ffffff !important; } .go-fph-promo-link:hover, .go-fph-promo-link:focus-visible { color: #ffffff !important; } .go-fph-hero-slider { overflow: hidden; } .go-fph-hero-slider-shell { display: flex !important; grid-auto-flow: column; grid-auto-columns: 100%; grid-template-columns: none !important; gap: 0 !important; transition: transform .72s cubic-bezier(.22, .61, .36, 1); will-change: transform; } .go-fph-hero-slider-shell.is-static { transition: none; } .go-fph-hero-slide { flex: 0 0 100%; grid-area: auto !important; min-width: 100%; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; transition: none !important; } .go-fph-hero-slide:not(.is-active) { z-index: 1; } .go-fph-hero-slide.is-active { z-index: 2; } .go-fph-author, .go-fp-author-meta { gap: .55rem; } .go-fph-author-name, .go-fph-author-name a, .go-fp-author-meta .go-fph-author-name, .go-fp-author-meta .go-fph-author-name a { color: var(--fph-text-body); } .go-fph-author:hover .go-fph-author-name, .go-fp-author-meta:hover .go-fph-author-name { color: var(--fph-text); } .go-fp-author-meta .go-fph-author-avatar, .go-fph-author-avatar { width: 34px; height: 34px; } html.dark .go-fph-author-name, html.dark .go-fph-author-name a, body.dark .go-fph-author-name, body.dark .go-fph-author-name a, body.dark-mode .go-fph-author-name, body.dark-mode .go-fph-author-name a, body.is-dark-theme .go-fph-author-name, body.is-dark-theme .go-fph-author-name a, body.newsx-dark-mode .go-fph-author-name, body.newsx-dark-mode .go-fph-author-name a, [data-theme="dark"] .go-fph-author-name, [data-theme="dark"] .go-fph-author-name a, html.dark .go-fp-author-meta .go-fph-author-name, html.dark .go-fp-author-meta .go-fph-author-name a, body.dark .go-fp-author-meta .go-fph-author-name, body.dark .go-fp-author-meta .go-fph-author-name a, body.dark-mode .go-fp-author-meta .go-fph-author-name, body.dark-mode .go-fp-author-meta .go-fph-author-name a, body.is-dark-theme .go-fp-author-meta .go-fph-author-name, body.is-dark-theme .go-fp-author-meta .go-fph-author-name a, body.newsx-dark-mode .go-fp-author-meta .go-fph-author-name, body.newsx-dark-mode .go-fp-author-meta .go-fph-author-name a, [data-theme="dark"] .go-fp-author-meta .go-fph-author-name, [data-theme="dark"] .go-fp-author-meta .go-fph-author-name a { color: #e6edf9 !important; } .go-fph-filter { appearance: none; cursor: pointer; } .go-fph-author-avatar, .go-fp-author-meta .go-fph-author-avatar { display: block; overflow: hidden; } .go-fph-author-avatar img, .go-fph-author-avatar .avatar, .go-fp-author-meta .go-fph-author-avatar img, .go-fp-author-meta .go-fph-author-avatar .avatar { display: block; width: 100%; height: 100%; object-fit: cover; } .go-fph-hero-slider-shell, .go-fph-hero-slide { backface-visibility: hidden; -webkit-backface-visibility: hidden; } .go-fph-promo-link, .go-fph-promo-link:visited, .go-fph-promo-link:hover, .go-fph-promo-link:focus-visible { background: linear-gradient(135deg, #4f6fff, #3657ef) !important; color: #ffffff !important; } .go-fph-promo-link * { color: inherit !important; } .go-fph-hero { position: relative; } .go-fph-hero::after { content: ""; position: absolute; inset: auto 0 0 0; height: clamp(96px, 14vw, 180px); background: linear-gradient(180deg, rgba(6, 10, 18, 0), var(--fph-bg) 88%); pointer-events: none; z-index: 2; } .go-fph-hero-content, .go-fph-hero-slider-controls { position: relative; z-index: 3; } .go-fph-hero-slider { position: relative; overflow: hidden; } .go-fph-hero-slider-controls { position: absolute !important; right: clamp(18px, 3.8vw, 34px); bottom: clamp(40px, 5vw, 58px); left: auto; z-index: 6 !important; pointer-events: none; } .go-fph-hero-slider-controls .go-fph-hero-slider-nav, .go-fph-hero-slider-controls .go-fph-hero-slider-btn, .go-fph-hero-slider-controls .go-fph-hero-slider-dots, .go-fph-hero-slider-controls .go-fph-hero-slider-dot { pointer-events: auto; } @media (max-width: 720px) { .go-fph-hero-slider-controls { bottom: clamp(20px, 4vw, 30px); } } .go-fp-feed-item-badge, .go-fp-feed-item-badge * { color: #101820 !important; } .go-fp-feed-item-badge { background: linear-gradient(135deg, rgba(234, 255, 147, 0.98), rgba(199, 240, 0, 0.94)) !important; border: 1px solid rgba(168, 197, 0, 0.22); box-shadow: 0 10px 22px rgba(199, 240, 0, 0.18); } .go-fp-feed-item-date { display: inline-flex; width: fit-content; padding: 0.34rem 0.72rem; border: 1px solid rgba(148, 163, 184, 0.18); border-radius: 999px; background: rgba(255, 255, 255, 0.04); color: var(--fph-text-body); font-size: 0.82rem; font-weight: 700; letter-spacing: 0.01em; line-height: 1.1; font-variant-numeric: tabular-nums; } .go-fp-author-meta, .go-fph-author { align-items: center; } .go-fp-author-meta .go-fph-author-avatar, .go-fph-author-avatar { width: 38px !important; height: 38px !important; flex: 0 0 38px; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.18); } html.dark .go-fp-feed-item-date, body.dark .go-fp-feed-item-date, body.dark-mode .go-fp-feed-item-date, body.is-dark-theme .go-fp-feed-item-date, body.newsx-dark-mode .go-fp-feed-item-date, [data-theme="dark"] .go-fp-feed-item-date { background: rgba(11, 16, 24, 0.78); border-color: rgba(148, 163, 184, 0.18); color: #d8e1ee; } html.dark .go-fp-feed-item-badge, html.dark .go-fp-feed-item-badge *, body.dark .go-fp-feed-item-badge, body.dark .go-fp-feed-item-badge *, body.dark-mode .go-fp-feed-item-badge, body.dark-mode .go-fp-feed-item-badge *, body.is-dark-theme .go-fp-feed-item-badge, body.is-dark-theme .go-fp-feed-item-badge *, body.newsx-dark-mode .go-fp-feed-item-badge, body.newsx-dark-mode .go-fp-feed-item-badge *, [data-theme="dark"] .go-fp-feed-item-badge, [data-theme="dark"] .go-fp-feed-item-badge * { color: #efffb7 !important; } html.dark .go-fp-feed-item-badge, body.dark .go-fp-feed-item-badge, body.dark-mode .go-fp-feed-item-badge, body.is-dark-theme .go-fp-feed-item-badge, body.newsx-dark-mode .go-fp-feed-item-badge, [data-theme="dark"] .go-fp-feed-item-badge { background: linear-gradient(135deg, rgba(163, 230, 53, 0.2), rgba(15, 23, 42, 0.96)) !important; border-color: rgba(199, 240, 0, 0.24); box-shadow: none; } .go-fph-author-name, .go-fp-author-meta, .go-fp-author-meta a, .go-fph-meta time { color: inherit !important; } .go-fp-feed-item-date::before { content: "Atualizado"; display: inline-flex; margin-right: 0.45rem; padding-right: 0.45rem; border-right: 1px solid rgba(148, 163, 184, 0.2); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.72; } html.dark .go-fph-author-name, html.dark .go-fp-author-meta, html.dark .go-fp-author-meta a, html.dark .go-fph-meta time, body.dark .go-fph-author-name, body.dark .go-fp-author-meta, body.dark .go-fp-author-meta a, body.dark .go-fph-meta time, body.dark-mode .go-fph-author-name, body.dark-mode .go-fp-author-meta, body.dark-mode .go-fp-author-meta a, body.dark-mode .go-fph-meta time, body.is-dark-theme .go-fph-author-name, body.is-dark-theme .go-fp-author-meta, body.is-dark-theme .go-fp-author-meta a, body.is-dark-theme .go-fph-meta time, body.newsx-dark-mode .go-fph-author-name, body.newsx-dark-mode .go-fp-author-meta, body.newsx-dark-mode .go-fp-author-meta a, body.newsx-dark-mode .go-fph-meta time, [data-theme="dark"] .go-fph-author-name, [data-theme="dark"] .go-fp-author-meta, [data-theme="dark"] .go-fp-author-meta a, [data-theme="dark"] .go-fph-meta time { color: #dce7f7 !important; } /* ===================================== HERO TRANSITION POLISH ===================================== */ .go-fph { background: radial-gradient(circle at top left, rgba(199, 240, 0, 0.1), transparent 20%), linear-gradient(180deg, #f9fbfe 0%, var(--fph-bg) 22%, var(--fph-bg-2) 100%); } html.dark .go-fph, body.dark .go-fph, body.dark-mode .go-fph, body.is-dark-theme .go-fph, body.newsx-dark-mode .go-fph, [data-theme="dark"] .go-fph { background: radial-gradient(circle at top left, rgba(199, 240, 0, 0.08), transparent 20%), linear-gradient(180deg, #05070b 0%, #090d13 36%, var(--fph-bg) 100%); } .go-fph-hero::after { height: clamp(56px, 9vw, 112px); background: linear-gradient(180deg, rgba(8, 12, 18, 0) 0%, rgba(8, 12, 18, 0.14) 48%, var(--fph-bg) 100%); } html.dark .go-fph-hero::after, body.dark .go-fph-hero::after, body.dark-mode .go-fph-hero::after, body.is-dark-theme .go-fph-hero::after, body.newsx-dark-mode .go-fph-hero::after, [data-theme="dark"] .go-fph-hero::after { background: linear-gradient(180deg, rgba(4, 6, 10, 0) 0%, rgba(4, 6, 10, 0.22) 52%, var(--fph-bg) 100%); } .go-fph-special-slide .go-fph-card-link { box-shadow: 0 14px 26px rgba(15, 23, 42, 0.08); } html.dark .go-fph-special-slide .go-fph-card-link, body.dark .go-fph-special-slide .go-fph-card-link, body.dark-mode .go-fph-special-slide .go-fph-card-link, body.is-dark-theme .go-fph-special-slide .go-fph-card-link, body.newsx-dark-mode .go-fph-special-slide .go-fph-card-link, [data-theme="dark"] .go-fph-special-slide .go-fph-card-link { box-shadow: 0 18px 34px rgba(0, 0, 0, 0.28); } /* ===================================== SPECIALS BASE BAR ===================================== */ .go-fph-special-slider-shell { position: relative; gap: 0; padding-bottom: clamp(1.2rem, 3vw, 2rem); } .go-fph-special-slider-shell::after { content: ""; position: absolute; inset: auto 0 0 0; height: clamp(7rem, 12vw, 10rem); background: linear-gradient(180deg, rgba(10, 13, 20, 0) 0%, rgba(10, 13, 20, 0.18) 36%, rgba(245, 247, 250, 0.96) 84%, rgba(243, 244, 246, 0.98) 100%); pointer-events: none; z-index: 1; } html.dark .go-fph-special-slider-shell::after, body.dark .go-fph-special-slider-shell::after, body.dark-mode .go-fph-special-slider-shell::after, body.is-dark-theme .go-fph-special-slider-shell::after, body.newsx-dark-mode .go-fph-special-slider-shell::after, [data-theme="dark"] .go-fph-special-slider-shell::after { background: linear-gradient(180deg, rgba(5, 7, 11, 0) 0%, rgba(5, 7, 11, 0.26) 40%, rgba(9, 11, 16, 0.94) 84%, rgba(9, 11, 16, 0.98) 100%); } .go-fph-special-slider { position: relative; z-index: 2; } .go-fph-special-slide .go-fph-card-link, .go-fph-special-slide .go-fph-card { min-height: min(74svh, 680px); } .go-fph-special-slider-controls { position: relative; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: min(calc(100% - 2rem), 1040px); margin: clamp(-2.4rem, -4vw, -3.4rem) auto 0; padding: 1rem 1.1rem; border: 1px solid rgba(148, 163, 184, 0.12); border-radius: 24px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(243, 244, 246, 0.94)); box-shadow: 0 18px 38px rgba(15, 23, 42, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.62); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } html.dark .go-fph-special-slider-controls, body.dark .go-fph-special-slider-controls, body.dark-mode .go-fph-special-slider-controls, body.is-dark-theme .go-fph-special-slider-controls, body.newsx-dark-mode .go-fph-special-slider-controls, [data-theme="dark"] .go-fph-special-slider-controls { border-color: rgba(255, 255, 255, 0.08); background: linear-gradient(180deg, rgba(14, 18, 26, 0.94), rgba(10, 14, 22, 0.96)); box-shadow: 0 24px 42px rgba(0, 0, 0, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.04); } .go-fph-special-slider-controls-copy { display: grid; gap: 0.5rem; min-width: 0; } .go-fph-special-slider-label { display: inline-flex; align-items: center; gap: 0.55rem; font-family: var(--fph-font-display); font-size: 0.8rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: #516074; } .go-fph-special-slider-label::before { content: ""; display: inline-flex; width: 18px; height: 2px; border-radius: 999px; background: var(--fph-lime); } html.dark .go-fph-special-slider-label, body.dark .go-fph-special-slider-label, body.dark-mode .go-fph-special-slider-label, body.is-dark-theme .go-fph-special-slider-label, body.newsx-dark-mode .go-fph-special-slider-label, [data-theme="dark"] .go-fph-special-slider-label { color: #d5deeb; } .go-fph-special-slider-progress { display: flex; align-items: center; flex-wrap: wrap; gap: 0.8rem; } .go-fph-special-slider-pagination { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem; } .go-fph-special-slider-counter { display: inline-flex; align-items: baseline; gap: 0.35rem; color: #516074; font-family: var(--fph-font-display); font-size: 0.92rem; font-weight: 800; letter-spacing: -0.03em; } .go-fph-special-slider-counter strong { color: var(--fph-text); font-size: 1.05rem; } html.dark .go-fph-special-slider-counter, body.dark .go-fph-special-slider-counter, body.dark-mode .go-fph-special-slider-counter, body.is-dark-theme .go-fph-special-slider-counter, body.newsx-dark-mode .go-fph-special-slider-counter, [data-theme="dark"] .go-fph-special-slider-counter { color: #b8c4d6; } html.dark .go-fph-special-slider-counter strong, body.dark .go-fph-special-slider-counter strong, body.dark-mode .go-fph-special-slider-counter strong, body.is-dark-theme .go-fph-special-slider-counter strong, body.newsx-dark-mode .go-fph-special-slider-counter strong, [data-theme="dark"] .go-fph-special-slider-counter strong { color: #f4f7fb; } .go-fph-special-slider-nav { display: inline-flex; align-items: center; gap: 0.75rem; padding: 0.35rem; border-radius: 999px; background: rgba(15, 23, 42, 0.05); } html.dark .go-fph-special-slider-nav, body.dark .go-fph-special-slider-nav, body.dark-mode .go-fph-special-slider-nav, body.is-dark-theme .go-fph-special-slider-nav, body.newsx-dark-mode .go-fph-special-slider-nav, [data-theme="dark"] .go-fph-special-slider-nav { background: rgba(255, 255, 255, 0.05); } .go-fph-special-slider-btn { width: 54px; height: 54px; border-radius: 18px; border-color: rgba(15, 23, 42, 0.08); background: rgba(15, 23, 42, 0.78); box-shadow: 0 10px 20px rgba(15, 23, 42, 0.12); } .go-fph-special-slider-btn:hover { background: #1f304a; } @media (max-width: 720px) { .go-fph-special-slider-shell { padding-bottom: 1rem; } .go-fph-special-slider-controls { width: calc(100% - 1rem); margin-top: -1.4rem; padding: 0.9rem; border-radius: 20px; align-items: stretch; flex-direction: column; } .go-fph-special-slider-controls-copy, .go-fph-special-slider-progress { width: 100%; } .go-fph-special-slider-progress { justify-content: space-between; } .go-fph-special-slider-nav { align-self: flex-end; } .go-fph-special-slider-btn { width: 48px; height: 48px; border-radius: 16px; } } .go-fph-special-slider-shell { overflow: hidden; } .go-fph-special-slider { overflow: hidden; border-radius: clamp(1.75rem, 3vw, 2.25rem); background: linear-gradient(180deg, rgba(8, 12, 19, 0.84), rgba(8, 12, 19, 0.94)); isolation: isolate; } .go-fph-special-slider .swiper-wrapper, .go-fph-special-slider .swiper-slide, .go-fph-special-slide, .go-fph-special-slide .go-fph-card-link { backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translate3d(0, 0, 0); } .go-fph-special-slider .swiper-slide { overflow: hidden; background: transparent; } .go-fph-special-slide .go-fph-card-link { border-radius: 0; } html.dark .go-fph-special-slider, body.dark .go-fph-special-slider, body.dark-mode .go-fph-special-slider, body.is-dark-theme .go-fph-special-slider, body.newsx-dark-mode .go-fph-special-slider, [data-theme="dark"] .go-fph-special-slider { background: linear-gradient(180deg, rgba(5, 7, 11, 0.9), rgba(5, 7, 11, 0.98)); } .go-fph-special-slider-shell { padding-bottom: clamp(0.8rem, 2vw, 1.2rem); background: linear-gradient(180deg, rgba(244, 247, 250, 0) 0%, rgba(244, 247, 250, 0) 76%, rgba(244, 247, 250, 0.96) 100%); } .go-fph-special-slider-shell::after { height: clamp(4rem, 8vw, 6rem); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(245, 247, 250, 0.52) 54%, rgba(245, 247, 250, 0.96) 100%); } .go-fph-special-slider { background: linear-gradient(180deg, rgba(8, 12, 19, 0.88), rgba(8, 12, 19, 0.96)); } .go-fph-special-slider .swiper-wrapper { align-items: stretch; will-change: transform; } .go-fph-special-slider .swiper-slide { width: 100%; } .go-fph-special-slide, .go-fph-special-slide > * { width: 100%; } .go-fph-special-slider-controls { margin-top: clamp(-3rem, -4.2vw, -2.25rem); padding: 0.9rem 1rem; background: linear-gradient(180deg, rgba(248, 250, 252, 0.96), rgba(241, 245, 249, 0.94)); box-shadow: 0 14px 26px rgba(15, 23, 42, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72); } html.dark .go-fph-special-slider-shell, body.dark .go-fph-special-slider-shell, body.dark-mode .go-fph-special-slider-shell, body.is-dark-theme .go-fph-special-slider-shell, body.newsx-dark-mode .go-fph-special-slider-shell, [data-theme="dark"] .go-fph-special-slider-shell { background: linear-gradient(180deg, rgba(9, 11, 16, 0) 0%, rgba(9, 11, 16, 0) 76%, rgba(9, 11, 16, 0.98) 100%); } html.dark .go-fph-special-slider-shell::after, body.dark .go-fph-special-slider-shell::after, body.dark-mode .go-fph-special-slider-shell::after, body.is-dark-theme .go-fph-special-slider-shell::after, body.newsx-dark-mode .go-fph-special-slider-shell::after, [data-theme="dark"] .go-fph-special-slider-shell::after { background: linear-gradient(180deg, rgba(5, 7, 11, 0) 0%, rgba(5, 7, 11, 0.2) 48%, rgba(9, 11, 16, 0.96) 100%); } @media (max-width: 720px) { .go-fph-special-slider-shell { padding-bottom: 0.65rem; } .go-fph-special-slider-controls { margin-top: -1.1rem; padding: 0.82rem 0.9rem; } .go-fph-special-slider-shell::after { height: 3.2rem; } } .go-fph-special-slider-shell { background: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, rgba(239, 242, 246, 0.52) 70%, rgba(237, 240, 244, 0.98) 100%) !important; } .go-fph-special-slider-shell::after { height: clamp(5rem, 8vw, 6.6rem) !important; background: linear-gradient(180deg, rgba(10, 13, 20, 0) 0%, rgba(10, 13, 20, 0.18) 34%, rgba(237, 240, 244, 0.74) 70%, rgba(237, 240, 244, 0.98) 100%) !important; } .go-fph-special-slider { background: linear-gradient(180deg, rgba(14, 18, 26, 0.9), rgba(14, 18, 26, 0.98)) !important; overflow: hidden; } .go-fph-special-slider .swiper-wrapper { display: flex; gap: 0 !important; } .go-fph-special-slider .swiper-slide { flex-shrink: 0; width: 100% !important; margin-right: 0 !important; } .go-fph-special-slider-controls { background: linear-gradient(180deg, rgba(250, 251, 253, 0.98), rgba(241, 244, 248, 0.96)) !important; border: 1px solid rgba(148, 163, 184, 0.16); backdrop-filter: blur(12px); } html.dark .go-fph-special-slider-shell, body.dark .go-fph-special-slider-shell, body.dark-mode .go-fph-special-slider-shell, body.is-dark-theme .go-fph-special-slider-shell, body.newsx-dark-mode .go-fph-special-slider-shell, [data-theme="dark"] .go-fph-special-slider-shell { background: linear-gradient(180deg, rgba(9, 11, 16, 0) 0%, rgba(9, 11, 16, 0.18) 70%, rgba(9, 11, 16, 0.98) 100%) !important; } html.dark .go-fph-special-slider-shell::after, body.dark .go-fph-special-slider-shell::after, body.dark-mode .go-fph-special-slider-shell::after, body.is-dark-theme .go-fph-special-slider-shell::after, body.newsx-dark-mode .go-fph-special-slider-shell::after, [data-theme="dark"] .go-fph-special-slider-shell::after { background: linear-gradient(180deg, rgba(5, 7, 11, 0) 0%, rgba(5, 7, 11, 0.22) 42%, rgba(9, 11, 16, 0.96) 100%) !important; } /* ===================================== HOME HOTFIXES: HERO NAV + MOBILE MEDIA ===================================== */ .go-fph-special-slider-shell { position: relative; } .go-fph-special-slider-controls { position: relative; z-index: 3; } .go-fph-special-slider-nav { position: absolute; right: clamp(1rem, 2vw, 1.35rem); bottom: clamp(1rem, 2vw, 1.35rem); z-index: 5; margin-left: 0 !important; padding: 0.4rem; background: rgba(10, 13, 20, 0.7) !important; box-shadow: 0 12px 28px rgba(0, 0, 0, 0.24); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } html.dark .go-fph-special-slider-nav, body.dark .go-fph-special-slider-nav, body.dark-mode .go-fph-special-slider-nav, body.is-dark-theme .go-fph-special-slider-nav, body.newsx-dark-mode .go-fph-special-slider-nav, [data-theme="dark"] .go-fph-special-slider-nav { background: rgba(7, 10, 16, 0.78) !important; } @media (max-width: 720px) { .go-fph-section--special .go-fph-card-media, .go-fph-section--special .go-fph-placeholder { aspect-ratio: 4 / 3 !important; min-height: 0 !important; max-height: none !important; height: auto !important; } .go-fph-section--special .go-fph-card-media img { object-position: center center !important; } .go-fph-special-slider-nav { right: 0.85rem; bottom: 0.85rem; } .go-fph-special-slider-controls { padding-right: 0.9rem; } } /* Final pass: arrows live inside the hero */ .go-fph-special-slider-shell { position: relative !important; } .go-fph-special-slider-controls { position: absolute !important; right: clamp(0.9rem, 2vw, 1.3rem) !important; bottom: clamp(0.9rem, 2vw, 1.3rem) !important; z-index: 8 !important; width: auto !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .go-fph-special-slider-controls-copy { display: none !important; } .go-fph-special-slider-nav { position: static !important; right: auto !important; bottom: auto !important; margin: 0 !important; } .go-fph-hero-slider-shell { transform: translate3d(0, 0, 0); } .go-fph-hero-slide { pointer-events: none !important; } .go-fph-hero-slide.is-active { pointer-events: auto !important; } .go-fph-hero-slider-controls { right: clamp(18px, 3.8vw, 34px) !important; bottom: clamp(52px, 5.6vw, 72px) !important; z-index: 8 !important; } .go-fph-hero-slider-controls .go-fph-hero-slider-btn { position: relative; z-index: 9; } @media (max-width: 720px) { .go-fph-hero-slider-controls { bottom: clamp(26px, 4.8vw, 38px) !important; } } /* 2026 front-page surface cleanup + special slider fix */ .go-fph .go-fph-card, .go-fph .go-fph-platform-card, .go-fph .go-fph-promo-card, .go-fph .go-fph-promo-panel, .go-fph .go-fph-promo-story-card, .go-fph .go-fph-promo-coupon-card, .go-fph .go-fph-promo-empty, .go-fph .go-fph-release-card, .go-fph .go-fph-section--video, .go-fph .go-fph-video-feature, .go-fph .go-fph-video-channel-card, .go-fph .go-fph-category-shortcut, .go-fph .go-fph-newsletter-card { background-color: transparent !important; background-image: none !important; box-shadow: none !important; } .go-fph .go-fph-card-copy, .go-fph .go-fph-release-content, .go-fph .go-fph-promo-copy, .go-fph .go-fph-promo-coupon-copy, .go-fph .go-fph-promo-story-copy, .go-fph .go-fph-video-copy, .go-fph .go-fph-platform-list, .go-fph .go-fph-platform-head { background: transparent !important; } .go-fph .go-fph-card, .go-fph .go-fph-platform-card, .go-fph .go-fph-promo-card, .go-fph .go-fph-release-card, .go-fph .go-fph-video-feature, .go-fph .go-fph-video-channel-card, .go-fph .go-fph-category-shortcut, .go-fph .go-fph-newsletter-card { border-color: rgba(15, 23, 42, 0.1) !important; } html.dark .go-fph .go-fph-card, body.dark .go-fph .go-fph-card, body.dark-mode .go-fph .go-fph-card, body.is-dark-theme .go-fph .go-fph-card, body.newsx-dark-mode .go-fph .go-fph-card, [data-theme="dark"] .go-fph .go-fph-card, html.dark .go-fph .go-fph-platform-card, body.dark .go-fph .go-fph-platform-card, body.dark-mode .go-fph .go-fph-platform-card, body.is-dark-theme .go-fph .go-fph-platform-card, body.newsx-dark-mode .go-fph .go-fph-platform-card, [data-theme="dark"] .go-fph .go-fph-platform-card, html.dark .go-fph .go-fph-promo-card, body.dark .go-fph .go-fph-promo-card, body.dark-mode .go-fph .go-fph-promo-card, body.is-dark-theme .go-fph .go-fph-promo-card, body.newsx-dark-mode .go-fph .go-fph-promo-card, [data-theme="dark"] .go-fph .go-fph-promo-card, html.dark .go-fph .go-fph-release-card, body.dark .go-fph .go-fph-release-card, body.dark-mode .go-fph .go-fph-release-card, body.is-dark-theme .go-fph .go-fph-release-card, body.newsx-dark-mode .go-fph .go-fph-release-card, [data-theme="dark"] .go-fph .go-fph-release-card, html.dark .go-fph .go-fph-video-feature, body.dark .go-fph .go-fph-video-feature, body.dark-mode .go-fph .go-fph-video-feature, body.is-dark-theme .go-fph .go-fph-video-feature, body.newsx-dark-mode .go-fph .go-fph-video-feature, [data-theme="dark"] .go-fph .go-fph-video-feature, html.dark .go-fph .go-fph-newsletter-card, body.dark .go-fph .go-fph-newsletter-card, body.dark-mode .go-fph .go-fph-newsletter-card, body.is-dark-theme .go-fph .go-fph-newsletter-card, body.newsx-dark-mode .go-fph .go-fph-newsletter-card, [data-theme="dark"] .go-fph .go-fph-newsletter-card { border-color: rgba(255, 255, 255, 0.1) !important; } .go-fph .go-fph-special-slider-shell { position: relative !important; overflow: visible !important; padding-bottom: 0 !important; background: transparent !important; } .go-fph .go-fph-special-slider-shell::after { content: none !important; display: none !important; } .go-fph .go-fph-special-slider { overflow: hidden !important; border: 1px solid rgba(15, 23, 42, 0.12) !important; border-radius: clamp(1.4rem, 2.7vw, 2.25rem) !important; background: radial-gradient(circle at 18% 18%, rgba(199, 240, 0, 0.12), transparent 28%), linear-gradient(135deg, rgba(8, 12, 19, 0.94), rgba(14, 18, 28, 0.98)) !important; box-shadow: 0 18px 42px rgba(15, 23, 42, 0.13) !important; } .go-fph .go-fph-special-slider .swiper-wrapper { align-items: stretch !important; } .go-fph .go-fph-special-slider .swiper-slide { height: auto !important; background: transparent !important; } .go-fph .go-fph-special-slide, .go-fph .go-fph-special-slide > *, .go-fph .go-fph-special-slide .go-fph-card, .go-fph .go-fph-special-slide .go-fph-card-link { height: 100% !important; min-height: clamp(430px, 42vw, 640px) !important; } .go-fph .go-fph-special-slide .go-fph-card { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .go-fph .go-fph-special-slide .go-fph-card-link { display: grid !important; grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr) !important; grid-template-rows: minmax(0, 1fr) !important; overflow: hidden !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .go-fph .go-fph-special-slide .go-fph-card-media { height: 100% !important; min-height: 100% !important; max-height: none !important; aspect-ratio: auto !important; background: transparent !important; } .go-fph .go-fph-special-slide .go-fph-card-media::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(8, 12, 19, 0) 58%, rgba(8, 12, 19, 0.68) 100%), linear-gradient(180deg, rgba(8, 12, 19, 0) 56%, rgba(8, 12, 19, 0.58) 100%); pointer-events: none; } .go-fph .go-fph-special-slide .go-fph-card-media-link, .go-fph .go-fph-special-slide .go-fph-card-media-link img, .go-fph .go-fph-special-slide .go-fph-card-media-link .go-fph-placeholder { width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important; } .go-fph .go-fph-special-slide .go-fph-card-media .go-fph-card-cat { z-index: 2; } .go-fph .go-fph-special-slide .go-fph-card-copy { justify-content: center !important; gap: clamp(0.85rem, 1.7vw, 1.25rem) !important; min-height: 100% !important; padding: clamp(2rem, 4vw, 4.25rem) clamp(1.8rem, 4vw, 4.5rem) !important; background: radial-gradient(circle at 100% 0%, rgba(199, 240, 0, 0.1), transparent 34%), linear-gradient(90deg, rgba(8, 12, 19, 0.88), rgba(8, 12, 19, 0.97)) !important; } .go-fph .go-fph-special-slide .go-fph-card-copy h3, .go-fph .go-fph-special-slide .go-fph-card-copy h3 a, .go-fph .go-fph-special-slide .go-fph-card-title-link { color: #ffffff !important; } .go-fph .go-fph-special-slide .go-fph-card-copy p, .go-fph .go-fph-special-slide .go-fph-meta, .go-fph .go-fph-special-slide .go-fph-author, .go-fph .go-fph-special-slide .go-fph-author-name, .go-fph .go-fph-special-slide .go-fph-meta time { color: rgba(235, 242, 255, 0.82) !important; } .go-fph .go-fph-special-slide .go-fph-card-copy .go-fph-meta { border-top-color: rgba(255, 255, 255, 0.16) !important; } .go-fph .go-fph-special-slide .go-fph-more--special { color: var(--fph-lime) !important; } .go-fph .go-fph-special-slider-controls { position: absolute !important; right: clamp(1rem, 2vw, 1.45rem) !important; bottom: clamp(1rem, 2vw, 1.45rem) !important; z-index: 12 !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; pointer-events: none; } .go-fph .go-fph-special-slider-controls-copy { display: none !important; } .go-fph .go-fph-special-slider-nav { position: static !important; display: inline-flex !important; align-items: center !important; gap: 0.55rem !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; pointer-events: auto; } .go-fph .go-fph-special-slider-btn, .go-fph .go-fph-special-slider-btn:hover, .go-fph .go-fph-special-slider-btn:focus-visible { position: static !important; display: inline-grid !important; place-items: center !important; width: 48px !important; height: 48px !important; min-width: 0 !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, 0.26) !important; border-radius: 999px !important; background: rgba(8, 12, 19, 0.78) !important; color: #ffffff !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important; transform: none !important; } .go-fph .go-fph-special-slider-btn:hover, .go-fph .go-fph-special-slider-btn:focus-visible { background: var(--fph-blue) !important; border-color: transparent !important; } .go-fph .go-fph-special-slider-btn span { display: grid !important; place-items: center !important; width: 100% !important; height: 100% !important; } .go-fph .go-fph-special-slider-btn svg { display: block !important; width: 22px !important; height: 22px !important; fill: none !important; stroke: currentColor !important; } .go-fph .go-fph-special-slider-btn:disabled { opacity: 0.46 !important; cursor: not-allowed !important; } @media (max-width: 860px) { .go-fph .go-fph-special-slide .go-fph-card-link { grid-template-columns: 1fr !important; grid-template-rows: auto auto !important; } .go-fph .go-fph-special-slide, .go-fph .go-fph-special-slide > *, .go-fph .go-fph-special-slide .go-fph-card, .go-fph .go-fph-special-slide .go-fph-card-link { min-height: 0 !important; } .go-fph .go-fph-special-slide .go-fph-card-media { height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 10 !important; } .go-fph .go-fph-special-slide .go-fph-card-copy { min-height: 0 !important; padding: clamp(1.35rem, 6vw, 2rem) !important; background: rgba(8, 12, 19, 0.96) !important; } .go-fph .go-fph-special-slider-controls { right: 0.85rem !important; bottom: 0.85rem !important; } .go-fph .go-fph-special-slider-btn { width: 44px !important; height: 44px !important; } } /* 2026 promotions cleanup */ .go-fph-section--promotions .go-fph-filters { row-gap: 10px; } .go-fph-section--promotions .go-fph-filters--promo-type { margin-top: 12px; margin-bottom: 24px; } .go-fph-section--promotions .go-fph-promo-coupon-grid.is-radar-grid { grid-template-columns: 1fr; } .go-fph-section--promotions .go-fph-promo-panel--radar .go-fph-promo-coupon-card.is-radar { padding: 22px 24px; } .go-fph-section--promotions .go-fph-promo-panel--radar .go-fph-coupon-list { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } .go-fph-section--promotions .go-fph-promo-panel--radar .go-fph-coupon-item { min-width: 0; } .go-fph-section--promotions .go-fph-promo-panel--radar .go-fph-coupon-item p, .go-fph-section--promotions .go-fph-promo-panel--radar .go-fph-promo-subject { overflow-wrap: anywhere; } html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-panel { border-color: rgba(148, 163, 184, 0.16); background: radial-gradient(circle at top left, rgba(199, 240, 0, 0.08), transparent 38%), linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(243, 247, 252, 0.96)); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08); } html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-panel--radar { background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.08), transparent 38%), radial-gradient(circle at top left, rgba(199, 240, 0, 0.1), transparent 32%), linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(242, 247, 252, 0.97)); } html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-panel-head h3, html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-story-card h3 a, html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-coupon-card h3, html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-coupon-card h3 a { color: #0f172a; } html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-story-card, html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-coupon-card { border-color: rgba(148, 163, 184, 0.14); background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(246, 249, 253, 0.94)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.48); } html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-story-meta, html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-story-card p, html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-coupon-card p, html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-empty { color: #475569; } html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-store, html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-badge, html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-specs span { border-color: rgba(148, 163, 184, 0.14); background: rgba(241, 245, 249, 0.9); color: #334155; } html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-coupon-item { border-color: rgba(148, 163, 184, 0.14); background: rgba(248, 250, 252, 0.96); } html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-coupon-item strong, html:not(.dark):not([data-theme="dark"]) body:not(.dark):not(.dark-mode):not(.is-dark-theme):not(.newsx-dark-mode) .go-fph-section--promotions .go-fph-promo-empty strong { color: #0f172a; } /* 2026 media category badges */ .go-fph-card-media > .go-fph-card-cat { position: absolute; top: 14px; left: 14px; z-index: 4; display: inline-flex; align-items: center; justify-content: center; min-height: 34px; padding: 0 14px; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: 0 16px 28px rgba(2, 6, 23, 0.3); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); line-height: 1; } .go-fph-card-media > .go-fph-card-cat.go-fph-cat--lime { background: linear-gradient(135deg, #95bc00, #7ea100) !important; color: #ffffff !important; } .go-fph-card-media > .go-fph-card-cat:is(.go-fph-cat--blue, .go-fph-cat--violet) { background: linear-gradient(135deg, rgba(34, 46, 90, 0.96), rgba(31, 41, 55, 0.9)) !important; color: #ffffff !important; } .go-fph-card-media > .go-fph-card-cat:is(.go-fph-cat--playstation, .go-fph-cat--xbox, .go-fph-cat--pc, .go-fph-cat--mobile, .go-fph-cat--nintendo) { top: 12px; left: 14px; right: 14px; padding: 0 18px; min-height: 38px; border-radius: 16px 16px 12px 12px; justify-content: center; gap: 8px; font-size: 0.78rem; text-align: center; box-shadow: 0 18px 34px rgba(2, 6, 23, 0.34); } .go-fph-card-media > .go-fph-card-cat:is(.go-fph-cat--playstation, .go-fph-cat--xbox, .go-fph-cat--pc, .go-fph-cat--mobile, .go-fph-cat--nintendo)::before { content: ""; display: inline-block; width: 8px; height: 8px; border-radius: 999px; background: currentColor; opacity: 0.92; box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.14); } .go-fph-card-media > .go-fph-card-cat.go-fph-cat--playstation { background: linear-gradient(135deg, #2563eb, #1d4ed8) !important; color: #ffffff !important; } .go-fph-card-media > .go-fph-card-cat.go-fph-cat--xbox { background: linear-gradient(135deg, #15803d, #166534) !important; color: #ffffff !important; } .go-fph-card-media > .go-fph-card-cat.go-fph-cat--pc { background: linear-gradient(135deg, #315f8f, #24496e) !important; color: #ffffff !important; } .go-fph-card-media > .go-fph-card-cat.go-fph-cat--mobile { background: linear-gradient(135deg, #c2410c, #9a3412) !important; color: #ffffff !important; } .go-fph-card-media > .go-fph-card-cat.go-fph-cat--nintendo { background: linear-gradient(135deg, #dc2626, #b91c1c) !important; color: #ffffff !important; } /* 2026 front page cleanup */ .go-fph, html.dark .go-fph, body.dark .go-fph, body.dark-mode .go-fph, body.is-dark-theme .go-fph, body.newsx-dark-mode .go-fph, [data-theme="dark"] .go-fph { background: var(--fph-bg) !important; } .go-fph-hero-slider, .go-fph-hero-slide, .go-fph-hero { min-height: min(68svh, 620px) !important; } .go-fph-hero-overlay { background: rgba(8, 12, 18, 0.54) !important; } .go-fph-card-cat, .go-fph-card .go-fph-card-cat, .go-fph-section .go-fph-card-cat, .go-fp-feed-item-badge, .go-fph-promo-discount { background-image: none !important; box-shadow: none !important; text-shadow: none !important; } .go-fph-card-media > .go-fph-card-cat, .go-fp-feed-item-badge { border: 0 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .go-fph-card-media > .go-fph-card-cat:is(.go-fph-cat--playstation, .go-fph-cat--xbox, .go-fph-cat--pc, .go-fph-cat--mobile, .go-fph-cat--nintendo)::before { box-shadow: none !important; } .go-fph-card-cat.go-fph-cat--lime, .go-fp-feed-item-badge.go-fph-cat--lime, .go-fph-card-media > .go-fph-card-cat.go-fph-cat--lime { background: var(--fph-lime) !important; color: #111111 !important; } .go-fph-card-cat.go-fph-cat--blue, .go-fp-feed-item-badge.go-fph-cat--blue, .go-fph-card-media > .go-fph-card-cat.go-fph-cat--blue { background: var(--fph-blue) !important; color: #ffffff !important; } .go-fph-card-cat.go-fph-cat--violet, .go-fp-feed-item-badge.go-fph-cat--violet, .go-fph-card-media > .go-fph-card-cat.go-fph-cat--violet { background: var(--fph-violet) !important; color: #ffffff !important; } .go-fph-card-cat.go-fph-cat--playstation, .go-fp-feed-item-badge.go-fph-cat--playstation, .go-fph-card-media > .go-fph-card-cat.go-fph-cat--playstation { background: var(--fph-ps) !important; color: #ffffff !important; } .go-fph-card-cat.go-fph-cat--xbox, .go-fp-feed-item-badge.go-fph-cat--xbox, .go-fph-card-media > .go-fph-card-cat.go-fph-cat--xbox { background: var(--fph-xbox) !important; color: #ffffff !important; } .go-fph-card-cat.go-fph-cat--pc, .go-fp-feed-item-badge.go-fph-cat--pc, .go-fph-card-media > .go-fph-card-cat.go-fph-cat--pc { background: var(--fph-pc) !important; color: #ffffff !important; } .go-fph-card-cat.go-fph-cat--mobile, .go-fp-feed-item-badge.go-fph-cat--mobile, .go-fph-card-media > .go-fph-card-cat.go-fph-cat--mobile { background: var(--fph-mob) !important; color: #ffffff !important; } .go-fph-card-cat.go-fph-cat--nintendo, .go-fp-feed-item-badge.go-fph-cat--nintendo, .go-fph-card-media > .go-fph-card-cat.go-fph-cat--nintendo { background: var(--fph-nin) !important; color: #ffffff !important; } .go-fp-feed-item-badge, .go-fp-feed-item-badge:hover { color: inherit !important; } .go-fph-promo-discount.is-soft { background: var(--fph-lime) !important; color: #111111 !important; } .go-fph-promo-discount.is-strong { background: #f59e0b !important; color: #111111 !important; } .go-fph-promo-discount.is-hot { background: #ef4444 !important; color: #ffffff !important; } .go-fph-promo-discount.is-legendary { background: var(--fph-blue) !important; color: #ffffff !important; } .go-fph-hero-slider-btn, .go-fph-hero-slider-btn:hover, .go-fph-hero-slider-btn:focus-visible { background: #ffffff !important; color: #111111 !important; border-color: rgba(15, 23, 42, 0.12) !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } .go-fph-section--promotions .go-fph-promo-panel, .go-fph-section--promotions .go-fph-promo-panel--radar, .go-fph-section--promotions .go-fph-promo-story-card, .go-fph-section--promotions .go-fph-promo-coupon-card, .go-fph-section--video, .go-fph-section--video .go-fph-video-feature, .go-fph-section--video-channels .go-fph-video-channel-card, .go-fph-section--category-shortcuts .go-fph-category-shortcut, .go-fph-newsletter-card { background-image: none !important; } .go-fph-section--promotions .go-fph-promo-panel { background: var(--fph-surface) !important; } .go-fph-section--promotions .go-fph-promo-panel--radar, .go-fph-section--promotions .go-fph-promo-story-card, .go-fph-section--promotions .go-fph-promo-coupon-card, .go-fph-section--video .go-fph-video-feature, .go-fph-section--video-channels .go-fph-video-channel-card, .go-fph-section--category-shortcuts .go-fph-category-shortcut, .go-fph-newsletter-card { background: var(--fph-surface) !important; } .go-fph-section--video { background: var(--fph-surface) !important; box-shadow: none !important; } .go-fph-section--video .go-fph-video-feature, .go-fph-section--video .go-fph-video-player, .go-fph-section--video .go-fph-video-mini, .go-fph-section--video-channels .go-fph-video-channel-card, .go-fph-section--video-channels .go-fph-video-channel-player { box-shadow: none !important; } html.dark .go-fph-section--promotions .go-fph-promo-panel, body.dark .go-fph-section--promotions .go-fph-promo-panel, body.dark-mode .go-fph-section--promotions .go-fph-promo-panel, body.is-dark-theme .go-fph-section--promotions .go-fph-promo-panel, body.newsx-dark-mode .go-fph-section--promotions .go-fph-promo-panel, [data-theme="dark"] .go-fph-section--promotions .go-fph-promo-panel, html.dark .go-fph-section--promotions .go-fph-promo-panel--radar, body.dark .go-fph-section--promotions .go-fph-promo-panel--radar, body.dark-mode .go-fph-section--promotions .go-fph-promo-panel--radar, body.is-dark-theme .go-fph-section--promotions .go-fph-promo-panel--radar, body.newsx-dark-mode .go-fph-section--promotions .go-fph-promo-panel--radar, [data-theme="dark"] .go-fph-section--promotions .go-fph-promo-panel--radar, html.dark .go-fph-section--promotions .go-fph-promo-story-card, body.dark .go-fph-section--promotions .go-fph-promo-story-card, body.dark-mode .go-fph-section--promotions .go-fph-promo-story-card, body.is-dark-theme .go-fph-section--promotions .go-fph-promo-story-card, body.newsx-dark-mode .go-fph-section--promotions .go-fph-promo-story-card, [data-theme="dark"] .go-fph-section--promotions .go-fph-promo-story-card, html.dark .go-fph-section--promotions .go-fph-promo-coupon-card, body.dark .go-fph-section--promotions .go-fph-promo-coupon-card, body.dark-mode .go-fph-section--promotions .go-fph-promo-coupon-card, body.is-dark-theme .go-fph-section--promotions .go-fph-promo-coupon-card, body.newsx-dark-mode .go-fph-section--promotions .go-fph-promo-coupon-card, [data-theme="dark"] .go-fph-section--promotions .go-fph-promo-coupon-card, html.dark .go-fph-section--video, body.dark .go-fph-section--video, body.dark-mode .go-fph-section--video, body.is-dark-theme .go-fph-section--video, body.newsx-dark-mode .go-fph-section--video, [data-theme="dark"] .go-fph-section--video, html.dark .go-fph-section--video .go-fph-video-feature, body.dark .go-fph-section--video .go-fph-video-feature, body.dark-mode .go-fph-section--video .go-fph-video-feature, body.is-dark-theme .go-fph-section--video .go-fph-video-feature, body.newsx-dark-mode .go-fph-section--video .go-fph-video-feature, [data-theme="dark"] .go-fph-section--video .go-fph-video-feature, html.dark .go-fph-section--video-channels .go-fph-video-channel-card, body.dark .go-fph-section--video-channels .go-fph-video-channel-card, body.dark-mode .go-fph-section--video-channels .go-fph-video-channel-card, body.is-dark-theme .go-fph-section--video-channels .go-fph-video-channel-card, body.newsx-dark-mode .go-fph-section--video-channels .go-fph-video-channel-card, [data-theme="dark"] .go-fph-section--video-channels .go-fph-video-channel-card, html.dark .go-fph-newsletter-card, body.dark .go-fph-newsletter-card, body.dark-mode .go-fph-newsletter-card, body.is-dark-theme .go-fph-newsletter-card, body.newsx-dark-mode .go-fph-newsletter-card, [data-theme="dark"] .go-fph-newsletter-card { background: #0f131b !important; } /* 2026 front page cleanup final */ .go-fph, .go-fph-hero, .go-fph-hero-slider, .go-fph-hero-slide { background-image: none !important; } .go-fph-hero, .go-fph-hero-slider, .go-fph-hero-slide { min-height: min(70svh, 640px) !important; } .go-fph-hero-overlay { background: rgba(8, 12, 18, 0.54) !important; } .go-fph-hero::after { content: none !important; display: none !important; background: none !important; } .go-fph-card-cat, .go-fp-feed-item-badge, .go-fph-promo-discount, .go-fph-section--video, .go-fph-section--video .go-fph-video-feature, .go-fph-section--video .go-fph-video-player, .go-fph-section--video .go-fph-video-mini, .go-fph-section--video-channels .go-fph-video-channel-card, .go-fph-section--video-channels .go-fph-video-channel-player { box-shadow: none !important; } .go-fph-hero-slider-btn, .go-fph-hero-slider-btn:hover, .go-fph-hero-slider-btn:focus-visible, .go-fph-hero-slider-controls .go-fph-hero-slider-btn, .go-fph-hero-slider-controls .go-fph-hero-slider-btn:hover, .go-fph-hero-slider-controls .go-fph-hero-slider-btn:focus-visible { background: #ffffff !important; color: #111111 !important; border-color: rgba(15, 23, 42, 0.12) !important; box-shadow: none !important; } .go-fph-hero-slider-btn svg, .go-fph-hero-slider-controls .go-fph-hero-slider-btn svg { fill: currentColor !important; stroke: currentColor !important; } /* 2026 hero slider normalize final */ .go-fph-hero-slider { overflow: hidden !important; touch-action: pan-y !important; } .go-fph-hero-slider-shell { display: grid !important; position: relative !important; width: 100% !important; gap: 0 !important; transition: none !important; will-change: auto !important; } .go-fph-hero-slider-shell.is-static { transition: none !important; } .go-fph-hero-slide { display: block !important; grid-area: 1 / 1 !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; opacity: 0 !important; visibility: hidden !important; transform: none !important; pointer-events: none !important; transition: opacity .45s ease !important, visibility .45s ease !important; } .go-fph-hero-slide.is-active { opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; } /* 2026 front-page media fill polish */ .go-fph-main { gap: clamp(2.8rem, 4.8vw, 4.15rem) !important; } .go-fph-grid--three, .go-fph-reviews-grid, .go-fph-releases-grid, .go-fph-video-grid { gap: clamp(1rem, 2.2vw, 1.45rem) !important; } .go-fph-card-copy, .go-fph-section--special .go-fph-card--secondary .go-fph-card-copy { padding: 1rem 1.05rem 1.15rem !important; } .go-fph-card-media-link, .go-fph-hero-media-link, .go-fph-release-thumb, .go-fph-video-mini-thumb, .go-fph-video-channel-thumb, .go-fp-feed-item-media-link { width: 100%; height: 100%; } .go-fph-card-media-link img, .go-fph-hero-media-link img, .go-fph-release-thumb img, .go-fph-video-mini-thumb img, .go-fph-video-channel-thumb img, .go-fp-feed-item-media-link img { display: block; width: 100%; height: 100%; object-fit: cover; } .go-fph-card-media-link .go-fph-placeholder, .go-fph-hero-media-link .go-fph-placeholder, .go-fph-release-thumb .go-fph-placeholder, .go-fph-video-mini-thumb .go-fph-placeholder, .go-fph-video-channel-thumb .go-fph-placeholder, .go-fp-feed-item-media-link .go-fph-placeholder { display: block; width: 100%; height: 100%; min-height: 100%; aspect-ratio: auto !important; } .go-fph-placeholder { position: relative; overflow: hidden; background: radial-gradient(circle at top right, rgba(199, 240, 0, 0.2), transparent 34%), radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.16), transparent 38%), linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important; } .go-fph-placeholder::before, .go-fph-placeholder::after { content: ""; position: absolute; inset: 0; } .go-fph-placeholder::before { background: repeating-linear-gradient( -45deg, rgba(255, 255, 255, 0.06) 0, rgba(255, 255, 255, 0.06) 1px, transparent 1px, transparent 14px ), linear-gradient(180deg, rgba(255, 255, 255, 0.02) 0%, rgba(15, 23, 42, 0.34) 100%); opacity: 0.9; } .go-fph-placeholder::after { inset: auto 1rem 1rem 1rem; height: 2px; background: linear-gradient(90deg, rgba(199, 240, 0, 0.95), rgba(199, 240, 0, 0)); border-radius: 999px; } .go-fph-placeholder--streaming, .go-fph-placeholder--cinema-e-tv, .go-fph-placeholder--entretenimento, .go-fph-placeholder--animes, .go-fph-placeholder--anime { background: radial-gradient(circle at top right, rgba(124, 58, 237, 0.28), transparent 34%), radial-gradient(circle at bottom left, rgba(199, 240, 0, 0.14), transparent 40%), linear-gradient(135deg, #1f1147 0%, #0f172a 100%) !important; } .go-fph-placeholder--games, .go-fph-placeholder--reviews, .go-fph-placeholder--dicas-e-guias, .go-fph-placeholder--type-games { background: radial-gradient(circle at top right, rgba(199, 240, 0, 0.28), transparent 34%), radial-gradient(circle at bottom left, rgba(34, 197, 94, 0.16), transparent 38%), linear-gradient(135deg, #111827 0%, #1f2937 100%) !important; } /* 2026 final authoritative pass: no white front-page blocks */ .go-fph .go-fph-card, .go-fph .go-fph-platform-card, .go-fph .go-fph-promo-card, .go-fph .go-fph-promo-panel, .go-fph .go-fph-promo-story-card, .go-fph .go-fph-promo-coupon-card, .go-fph .go-fph-promo-empty, .go-fph .go-fph-release-card, .go-fph .go-fph-section--video, .go-fph .go-fph-video-feature, .go-fph .go-fph-video-channel-card, .go-fph .go-fph-category-shortcut, .go-fph .go-fph-newsletter-card { background-color: transparent !important; background-image: none !important; box-shadow: none !important; } .go-fph .go-fph-card-copy, .go-fph .go-fph-release-content, .go-fph .go-fph-promo-copy, .go-fph .go-fph-promo-coupon-copy, .go-fph .go-fph-promo-story-copy, .go-fph .go-fph-video-copy, .go-fph .go-fph-platform-head, .go-fph .go-fph-platform-list { background: transparent !important; } .go-fph .go-fph-special-slider-shell { position: relative !important; overflow: visible !important; padding-bottom: 0 !important; background: transparent !important; } .go-fph .go-fph-special-slider-shell::after { content: none !important; display: none !important; } .go-fph .go-fph-special-slider { overflow: hidden !important; border: 1px solid rgba(15, 23, 42, 0.12) !important; border-radius: clamp(1.4rem, 2.7vw, 2.25rem) !important; background: radial-gradient(circle at 18% 18%, rgba(199, 240, 0, 0.12), transparent 28%), linear-gradient(135deg, rgba(8, 12, 19, 0.94), rgba(14, 18, 28, 0.98)) !important; box-shadow: 0 18px 42px rgba(15, 23, 42, 0.13) !important; } .go-fph .go-fph-special-slide, .go-fph .go-fph-special-slide > *, .go-fph .go-fph-special-slide .go-fph-card, .go-fph .go-fph-special-slide .go-fph-card-link { height: 100% !important; min-height: clamp(430px, 42vw, 640px) !important; } .go-fph .go-fph-special-slide .go-fph-card { border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .go-fph .go-fph-special-slide .go-fph-card-link { display: grid !important; grid-template-columns: minmax(0, 0.9fr) minmax(360px, 1.1fr) !important; grid-template-rows: minmax(0, 1fr) !important; overflow: hidden !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; } .go-fph .go-fph-special-slide .go-fph-card-media { height: 100% !important; min-height: 100% !important; max-height: none !important; aspect-ratio: auto !important; background: transparent !important; } .go-fph .go-fph-special-slide .go-fph-card-media::after { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(8, 12, 19, 0) 58%, rgba(8, 12, 19, 0.68) 100%), linear-gradient(180deg, rgba(8, 12, 19, 0) 56%, rgba(8, 12, 19, 0.58) 100%); pointer-events: none; } .go-fph .go-fph-special-slide .go-fph-card-media-link, .go-fph .go-fph-special-slide .go-fph-card-media-link img, .go-fph .go-fph-special-slide .go-fph-card-media-link .go-fph-placeholder { width: 100% !important; height: 100% !important; min-height: 100% !important; object-fit: cover !important; } .go-fph .go-fph-special-slide .go-fph-card-media .go-fph-card-cat { z-index: 2; } .go-fph .go-fph-special-slide .go-fph-card-copy, .go-fph .go-fph-section--special .go-fph-card--secondary .go-fph-card-copy { justify-content: center !important; gap: clamp(0.85rem, 1.7vw, 1.25rem) !important; min-height: 100% !important; padding: clamp(2rem, 4vw, 4.25rem) clamp(1.8rem, 4vw, 4.5rem) !important; background: radial-gradient(circle at 100% 0%, rgba(199, 240, 0, 0.1), transparent 34%), linear-gradient(90deg, rgba(8, 12, 19, 0.88), rgba(8, 12, 19, 0.97)) !important; } .go-fph .go-fph-special-slide .go-fph-card-copy h3, .go-fph .go-fph-special-slide .go-fph-card-copy h3 a, .go-fph .go-fph-special-slide .go-fph-card-title-link { color: #ffffff !important; } .go-fph .go-fph-special-slide .go-fph-card-copy p, .go-fph .go-fph-special-slide .go-fph-meta, .go-fph .go-fph-special-slide .go-fph-author, .go-fph .go-fph-special-slide .go-fph-author-name, .go-fph .go-fph-special-slide .go-fph-meta time { color: rgba(235, 242, 255, 0.82) !important; } .go-fph .go-fph-special-slide .go-fph-card-copy .go-fph-meta { border-top-color: rgba(255, 255, 255, 0.16) !important; } .go-fph .go-fph-special-slide .go-fph-more--special { color: var(--fph-lime) !important; } .go-fph .go-fph-special-slider-controls { position: absolute !important; right: clamp(1rem, 2vw, 1.45rem) !important; bottom: clamp(1rem, 2vw, 1.45rem) !important; z-index: 12 !important; width: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; pointer-events: none; } .go-fph .go-fph-special-slider-controls-copy { display: none !important; } .go-fph .go-fph-special-slider-nav { position: static !important; display: inline-flex !important; align-items: center !important; gap: 0.55rem !important; margin: 0 !important; padding: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; pointer-events: auto; } .go-fph .go-fph-special-slider-btn, .go-fph .go-fph-special-slider-btn:hover, .go-fph .go-fph-special-slider-btn:focus-visible { position: static !important; display: inline-grid !important; place-items: center !important; width: 48px !important; height: 48px !important; min-width: 0 !important; padding: 0 !important; border: 1px solid rgba(255, 255, 255, 0.26) !important; border-radius: 999px !important; background: rgba(8, 12, 19, 0.78) !important; color: #ffffff !important; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.28) !important; transform: none !important; } .go-fph .go-fph-special-slider-btn:hover, .go-fph .go-fph-special-slider-btn:focus-visible { background: var(--fph-blue) !important; border-color: transparent !important; } .go-fph .go-fph-special-slider-btn span { display: grid !important; place-items: center !important; width: 100% !important; height: 100% !important; } .go-fph .go-fph-special-slider-btn svg { display: block !important; width: 22px !important; height: 22px !important; fill: none !important; stroke: currentColor !important; } .go-fph .go-fph-special-slider-btn:disabled { opacity: 0.46 !important; cursor: not-allowed !important; } @media (max-width: 860px) { .go-fph .go-fph-special-slide .go-fph-card-link { grid-template-columns: 1fr !important; grid-template-rows: auto auto !important; } .go-fph .go-fph-special-slide, .go-fph .go-fph-special-slide > *, .go-fph .go-fph-special-slide .go-fph-card, .go-fph .go-fph-special-slide .go-fph-card-link { min-height: 0 !important; } .go-fph .go-fph-special-slide .go-fph-card-media { height: auto !important; min-height: 0 !important; aspect-ratio: 16 / 10 !important; } .go-fph .go-fph-special-slide .go-fph-card-copy, .go-fph .go-fph-section--special .go-fph-card--secondary .go-fph-card-copy { min-height: 0 !important; padding: clamp(1.35rem, 6vw, 2rem) !important; background: rgba(8, 12, 19, 0.96) !important; } .go-fph .go-fph-special-slider-controls { right: 0.85rem !important; bottom: 0.85rem !important; } .go-fph .go-fph-special-slider-btn { width: 44px !important; height: 44px !important; } }