/* ========================================================= EBA — Dark + Surfaces (CLEAN BUILD) --------------------------------------------------------- Consolidado desde tu eba-surfaces.css “largo”. Objetivo: - NO perder features (allow-nested, comments final, related posts, etc.) - Eliminar duplicados/contradicciones por orden de reglas - Mantener: HOME ✅, SINGLE POST ✅, SINGLE REVIEW ✅ ========================================================= */ /* ========================================================= 1) TOKENS (1 sola vez) ========================================================= */ :root{ --eba-bg: #07080b; --eba-surface-1: rgba(255,255,255,0.06); --eba-surface-2: rgba(255,255,255,0.09); --eba-border: rgba(255,255,255,0.12); --eba-border-2: rgba(255,255,255,0.18); --eba-text: rgba(255,255,255,0.92); --eba-text-2: rgba(255,255,255,0.78); --eba-muted: rgba(255,255,255,0.62); --eba-shadow: 0 18px 70px rgba(0,0,0,0.55); --eba-shadow-soft: 0 12px 40px rgba(0,0,0,0.45); --eba-radius-lg: 18px; --eba-radius-md: 14px; --eba-radius-sm: 12px; --eba-pad-lg: 18px; --eba-pad-md: 14px; --eba-pad-sm: 12px; --eba-gap-lg: 18px; --eba-gap-md: 14px; --eba-gap-sm: 10px; --eba-hover-border: rgba(220,38,38,0.40); --eba-focus-ring: 0 0 0 3px rgba(220,38,38,0.18); --eba-link: rgba(255,255,255,0.92); --eba-link-strong: #ffffff; --eba-link-underline: rgba(220,38,38,0.55); /* Sub-surfaces (módulos dentro del wrapper) */ --eba-sub-bg: rgba(255,255,255,0.04); --eba-sub-border: rgba(255,255,255,0.10); --eba-sub-shadow: 0 10px 30px rgba(0,0,0,0.35); } /* ========================================================= 2) UTILIDADES DE SURFACE (globales) ========================================================= */ .eba-surface{ background: var(--eba-surface-1) !important; border: 1px solid var(--eba-border) !important; border-radius: var(--eba-radius-lg) !important; box-shadow: var(--eba-shadow-soft) !important; } .eba-surface-2{ background: var(--eba-surface-2) !important; border: 1px solid var(--eba-border-2) !important; border-radius: var(--eba-radius-lg) !important; box-shadow: var(--eba-shadow) !important; } .eba-surface-pad-lg{ padding: var(--eba-pad-lg) !important; } .eba-surface-pad-md{ padding: var(--eba-pad-md) !important; } .eba-surface-pad-sm{ padding: var(--eba-pad-sm) !important; } .eba-rounded-lg{ border-radius: var(--eba-radius-lg) !important; } .eba-rounded-md{ border-radius: var(--eba-radius-md) !important; } .eba-rounded-sm{ border-radius: var(--eba-radius-sm) !important; } .eba-border{ border: 1px solid var(--eba-border) !important; } /* ========================================================= 3) HOME / FRONT PAGE (premium + nested control) ========================================================= */ body.home, body.front-page{ background: var(--eba-bg) !important; color: var(--eba-text); } body.home a, body.front-page a{ color: var(--eba-text); } body.home a:hover, body.front-page a:hover{ color: #fff; } /* Tipografía base HOME */ body.home h1, body.front-page h1{ color: #fff; } body.home h2, body.front-page h2{ color: rgba(255,255,255,0.96); } body.home h3, body.front-page h3{ color: rgba(255,255,255,0.92); } body.home p, body.front-page p{ color: var(--eba-text-2); } body.home .post-meta, body.front-page .post-meta, body.home .entry-meta, body.front-page .entry-meta, body.home .post-date, body.front-page .post-date, body.home .cat-links, body.front-page .cat-links{ color: var(--eba-muted) !important; } /* Section titles HOME */ body.home .elementor-widget-heading .elementor-heading-title, body.front-page .elementor-widget-heading .elementor-heading-title{ text-transform: uppercase; letter-spacing: .9px; font-weight: 900; font-size: 22px; line-height: 1.05; color: rgba(255,255,255,0.96); } /* Divider sutil cuando el heading vive dentro de una surface */ body.home .eba-surface .elementor-widget-heading, body.front-page .eba-surface .elementor-widget-heading, body.home .eba-surface-2 .elementor-widget-heading, body.front-page .eba-surface-2 .elementor-widget-heading{ padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.08); } /* Botones HOME */ body.home .elementor-button, body.front-page .elementor-button{ border-radius: 12px !important; border: 1px solid rgba(255,255,255,0.14) !important; background: rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.95) !important; transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease; outline: none !important; } body.home .elementor-button:hover, body.front-page .elementor-button:hover{ transform: translateY(-1px); background: rgba(255,255,255,0.12) !important; border-color: var(--eba-hover-border) !important; box-shadow: var(--eba-shadow-soft) !important; } body.home .elementor-button:focus, body.front-page .elementor-button:focus{ box-shadow: var(--eba-focus-ring) !important; } /* --------------------------------------------------------- HOME: anti “double surface” (por defecto aplana nested) --------------------------------------------------------- */ body.home .eba-surface .eba-surface, body.front-page .eba-surface .eba-surface, body.home .eba-surface-2 .eba-surface, body.front-page .eba-surface-2 .eba-surface, body.home .eba-surface .eba-surface-2, body.front-page .eba-surface .eba-surface-2, body.home .eba-surface-2 .eba-surface-2, body.front-page .eba-surface-2 .eba-surface-2{ border-color: transparent !important; box-shadow: none !important; background: transparent !important; } /* ✅ HOME: allow-nested (EXCEPCIÓN real: vuelve a dibujar la surface interna) */ body.home .eba-surface .eba-surface.eba-surface-allow-nested, body.front-page .eba-surface .eba-surface.eba-surface-allow-nested, body.home .eba-surface-2 .eba-surface.eba-surface-allow-nested, body.front-page .eba-surface-2 .eba-surface.eba-surface-allow-nested, body.home .eba-surface .eba-surface-2.eba-surface-allow-nested, body.front-page .eba-surface .eba-surface-2.eba-surface-allow-nested, body.home .eba-surface-2 .eba-surface-2.eba-surface-allow-nested, body.front-page .eba-surface-2 .eba-surface-2.eba-surface-allow-nested{ background: var(--eba-surface-1) !important; border: 1px solid var(--eba-border) !important; box-shadow: var(--eba-shadow-soft) !important; } /* Si NO hay padding explícito, se le da padding base */ body.home .eba-surface:not(.eba-surface-pad-lg):not(.eba-surface-pad-md):not(.eba-surface-pad-sm), body.front-page .eba-surface:not(.eba-surface-pad-lg):not(.eba-surface-pad-md):not(.eba-surface-pad-sm), body.home .eba-surface-2:not(.eba-surface-pad-lg):not(.eba-surface-pad-md):not(.eba-surface-pad-sm), body.front-page .eba-surface-2:not(.eba-surface-pad-lg):not(.eba-surface-pad-md):not(.eba-surface-pad-sm){ padding: 14px !important; } /* Elementor: inset extra si aplicas surface directamente al widget */ body.home .eba-surface > .elementor-widget-container, body.front-page .eba-surface > .elementor-widget-container, body.home .eba-surface-2 > .elementor-widget-container, body.front-page .eba-surface-2 > .elementor-widget-container{ padding: 12px !important; box-sizing: border-box !important; } /* Evitar doble padding cuando YA pusiste eba-surface-pad-* */ body.home .eba-surface.eba-surface-pad-lg > .elementor-widget-container, body.home .eba-surface.eba-surface-pad-md > .elementor-widget-container, body.home .eba-surface.eba-surface-pad-sm > .elementor-widget-container, body.front-page .eba-surface.eba-surface-pad-lg > .elementor-widget-container, body.front-page .eba-surface.eba-surface-pad-md > .elementor-widget-container, body.front-page .eba-surface.eba-surface-pad-sm > .elementor-widget-container, body.home .eba-surface-2.eba-surface-pad-lg > .elementor-widget-container, body.home .eba-surface-2.eba-surface-pad-md > .elementor-widget-container, body.home .eba-surface-2.eba-surface-pad-sm > .elementor-widget-container, body.front-page .eba-surface-2.eba-surface-pad-lg > .elementor-widget-container, body.front-page .eba-surface-2.eba-surface-pad-md > .elementor-widget-container, body.front-page .eba-surface-2.eba-surface-pad-sm > .elementor-widget-container{ padding: 0 !important; } /* ========================================================= 4) SINGLE POSTS (artículos) — base + wrapper + módulos ========================================================= */ body.single-post{ background: var(--eba-bg) !important; color: var(--eba-text); } body.single-post a{ color: var(--eba-link); } body.single-post a:hover{ color: var(--eba-link-strong); } /* Links en contenido */ body.single-post .entry-content a{ text-decoration: underline; text-decoration-color: var(--eba-link-underline); text-decoration-thickness: 2px; text-underline-offset: 3px; } body.single-post .entry-content a:hover{ text-decoration-color: rgba(220,38,38,0.78); } /* Header con overlay */ body.single-post .single-post-header{ position: relative; background-position: center; background-repeat: no-repeat; } body.single-post .single-post-header:before{ content: ""; position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(7,8,11,0.25) 0%, rgba(7,8,11,0.88) 85%, rgba(7,8,11,1) 100%); pointer-events: none; } /* Wrapper principal (ya lo estás poniendo en single.php) */ body.single-post #primary.eba-single-wrap{ margin-top: 18px; margin-bottom: 18px; } /* Legibilidad contenido */ body.single-post #primary.eba-single-wrap .entry-content{ line-height: 1.75; font-size: 16px; } body.single-post #primary.eba-single-wrap .entry-title{ font-weight: 900; letter-spacing: .2px; line-height: 1.12; margin-bottom: 10px; } /* Meta */ body.single-post #primary.eba-single-wrap .entry-meta, body.single-post .post-meta, body.single-post .post-date, body.single-post .cat-links{ color: var(--eba-muted) !important; } /* Rich content */ body.single-post .entry-content hr{ border: 0; border-top: 1px solid rgba(255,255,255,0.10); margin: 18px 0; } body.single-post .entry-content blockquote{ background: rgba(255,255,255,0.06); border-left: 4px solid rgba(220,38,38,0.55); padding: 14px 16px; border-radius: 12px; color: rgba(255,255,255,0.88); } body.single-post .entry-content table{ width: 100%; border-collapse: collapse; background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.10); border-radius: 12px; overflow: hidden; } body.single-post .entry-content table th, body.single-post .entry-content table td{ border-bottom: 1px solid rgba(255,255,255,0.10); padding: 10px 12px; color: rgba(255,255,255,0.86); } body.single-post .entry-content table th{ background: rgba(255,255,255,0.06); color: rgba(255,255,255,0.92); font-weight: 800; } /* --------------------------------------------------------- SINGLE: Anti muñeca rusa - Ya tienes surface en #primary - Y también en content-single.php (post_class) -> aplanar surfaces internas dentro del wrapper --------------------------------------------------------- */ body.single-post #primary.eba-single-wrap .eba-surface, body.single-post #primary.eba-single-wrap .eba-surface-2{ background: transparent !important; border-color: transparent !important; box-shadow: none !important; padding: 0 !important; } /* --------------------------------------------------------- SINGLE: Comments — (tu versión final estable) --------------------------------------------------------- */ body.single-post #primary.eba-single-wrap .comment-form-area{ width: 100% !important; max-width: none !important; box-sizing: border-box !important; background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 16px !important; padding: 18px !important; margin-top: 16px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important; margin-left: 0 !important; margin-right: 0 !important; display: block !important; } body.single-post #primary.eba-single-wrap #comments.comments-area{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; } body.single-post #primary.eba-single-wrap #commentform{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; max-width: none !important; } body.single-post #primary.eba-single-wrap .comment-form-area .comment-reply-title{ margin: 0 0 10px !important; padding: 0 !important; } body.single-post #primary.eba-single-wrap .comment-form-area .logged-in-as{ margin: 0 0 14px !important; opacity: .88; } body.single-post #primary.eba-single-wrap .comment-form-area .comment-form-comment{ margin: 0 0 14px !important; } body.single-post #primary.eba-single-wrap .comment-form-area textarea#comment{ width: 100% !important; min-height: 170px; border-radius: 14px !important; background: rgba(0,0,0,0.28) !important; border: 1px solid rgba(255,255,255,0.12) !important; color: rgba(255,255,255,0.92) !important; padding: 14px 14px !important; box-sizing: border-box !important; } body.single-post #primary.eba-single-wrap .comment-form-area #submit, body.single-post #primary.eba-single-wrap .comment-form-area input[type="submit"]{ margin-top: 10px !important; width: 100% !important; border-radius: 14px !important; } /* --------------------------------------------------------- SINGLE: Like/Dislike + Afinidad (estilo nuevo) + quitar línea roja --------------------------------------------------------- */ body.single-post #primary.eba-single-wrap .gamez-review-like-wrap{ margin-top: 16px !important; background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-top: 0 !important; /* mata línea roja legacy */ border-radius: 16px !important; padding: 14px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important; } body.single-post #primary.eba-single-wrap .gamez-review-like-wrap:before, body.single-post #primary.eba-single-wrap .gamez-review-like-wrap:after, body.single-post #primary.eba-single-wrap .gamez-review-like-inner:before, body.single-post #primary.eba-single-wrap .gamez-review-like-inner:after{ display: none !important; content: none !important; } body.single-post #primary.eba-single-wrap .gamez-review-like-inner{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } body.single-post #primary.eba-single-wrap .gamez-review-like-title{ color: rgba(255,255,255,0.96) !important; font-weight: 900 !important; letter-spacing: .2px; margin: 0 0 12px !important; } body.single-post #primary.eba-single-wrap .gamez-review-like-actions{ display: flex; gap: 12px; flex-wrap: wrap; } body.single-post #primary.eba-single-wrap .gamez-review-vote-btn{ flex: 1 1 220px; min-height: 44px; border-radius: 14px !important; border: 1px solid rgba(255,255,255,0.12) !important; background: rgba(255,255,255,0.06) !important; color: rgba(255,255,255,0.92) !important; font-weight: 800 !important; letter-spacing: .2px !important; transition: transform .15s ease, background .15s ease, border-color .15s ease; } body.single-post #primary.eba-single-wrap .gamez-review-vote-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,0.10) !important; border-color: rgba(220,38,38,0.30) !important; } body.single-post #primary.eba-single-wrap .gamez-review-vote-btn .count{ background: rgba(0,0,0,0.35) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 999px !important; padding: 2px 8px !important; } body.single-post #primary.eba-single-wrap .gamez-review-like-msg{ margin-top: 12px; color: var(--eba-muted) !important; } /* Afinidad integrada (sin panel azul legacy) */ body.single-post #primary.eba-single-wrap .gamez-review-like-wrap .eba-affinity{ margin-top: 14px !important; background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(255,255,255,0.08) !important; box-shadow: none !important; border-radius: 14px !important; } /* --------------------------------------------------------- SINGLE: Related Posts — 1 sola surface exterior + items compactos (RESTORE estable, sin tocar lo demás del sitio) --------------------------------------------------------- */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin-top: 16px !important; } /* Aplanar wrappers del theme/widget (evita surfaces extra) */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .widget, body.single-post #primary.eba-single-wrap .entry-above-author-widgets .widget-content, body.single-post #primary.eba-single-wrap .entry-above-author-widgets .widget-area, body.single-post #primary.eba-single-wrap .entry-above-author-widgets .textwidget{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } /* Items */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb{ margin: 0 0 10px 0 !important; padding: 0 !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb:last-child{ margin-bottom: 0 !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media{ display: flex; gap: 14px; align-items: center; background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 14px !important; padding: 12px !important; transition: transform .15s ease, border-color .15s ease, background .15s ease; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media:hover{ transform: translateY(-1px); border-color: rgba(220,38,38,0.28) !important; background: rgba(255,255,255,0.055) !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media-left figure{ margin: 0 !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media-left img{ width: 92px; height: 62px; object-fit: cover; border-radius: 12px !important; display: block; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media-heading a{ color: rgba(255,255,255,0.95) !important; font-weight: 900 !important; text-decoration: none !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .content-desc{ color: rgba(255,255,255,0.72) !important; line-height: 1.35; margin-top: 6px !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* ========================================================= 5) SINGLE REVIEWS (game_review) — sin full width, sin duplicados ========================================================= */ body.single-game_review{ background: var(--eba-bg) !important; color: var(--eba-text); } body.single-game_review a{ color: var(--eba-link); } body.single-game_review a:hover{ color: var(--eba-link-strong); } /* Aplanar panels legacy que meten azules/púrpuras */ body.single-game_review .review-main-content, body.single-game_review .review-content-tabs, body.single-game_review .review-content-tabs *{ box-shadow: none !important; } /* ---------- TABS: matar azules legacy, mantener look dark ---------- */ body.single-game_review .review-content-tabs .nav-tabs{ border-bottom: 1px solid rgba(255,255,255,0.10) !important; margin: 0 0 12px !important; } body.single-game_review .review-content-tabs .nav-tabs > li > a{ background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.10) !important; color: rgba(255,255,255,0.86) !important; border-radius: 12px 12px 0 0 !important; margin-right: 8px !important; padding: 10px 12px !important; font-weight: 900 !important; letter-spacing: .2px !important; } body.single-game_review .review-content-tabs .nav-tabs > li > a:hover{ background: rgba(255,255,255,0.07) !important; border-color: rgba(220,38,38,0.25) !important; color: rgba(255,255,255,0.95) !important; } body.single-game_review .review-content-tabs .nav-tabs > li.active > a, body.single-game_review .review-content-tabs .nav-tabs > li.active > a:hover, body.single-game_review .review-content-tabs .nav-tabs > li.active > a:focus{ background: rgba(255,255,255,0.09) !important; border-color: rgba(220,38,38,0.30) !important; color: rgba(255,255,255,0.98) !important; } /* Tab content: aire (tu dolor “texto apretado”) */ body.single-game_review .review-content-tabs .tab-content{ background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(255,255,255,0.08) !important; border-radius: 16px !important; padding: 18px !important; margin-top: 14px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.28) !important; } body.single-game_review .review-content-tabs #reviews{ line-height: 1.75; font-size: 16px; } body.single-game_review .review-content-tabs #reviews p{ color: var(--eba-text-2) !important; } body.single-game_review .review-content-tabs #reviews img{ border-radius: 12px !important; } /* ---------- Like/Dislike + Afinidad en REVIEWS (mismo look nuevo) ---------- */ body.single-game_review .gamez-review-like-wrap{ margin-top: 16px !important; background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-top: 0 !important; /* mata línea roja legacy */ border-radius: 16px !important; padding: 14px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important; } body.single-game_review .gamez-review-like-wrap:before, body.single-game_review .gamez-review-like-wrap:after, body.single-game_review .gamez-review-like-inner:before, body.single-game_review .gamez-review-like-inner:after{ display: none !important; content: none !important; } body.single-game_review .gamez-review-like-inner{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } body.single-game_review .gamez-review-like-title{ color: rgba(255,255,255,0.96) !important; font-weight: 900 !important; letter-spacing: .2px; margin: 0 0 12px !important; } body.single-game_review .gamez-review-like-actions{ display: flex; gap: 12px; flex-wrap: wrap; } body.single-game_review .gamez-review-vote-btn{ flex: 1 1 220px; min-height: 44px; border-radius: 14px !important; border: 1px solid rgba(255,255,255,0.12) !important; background: rgba(255,255,255,0.06) !important; color: rgba(255,255,255,0.92) !important; font-weight: 800 !important; letter-spacing: .2px !important; transition: transform .15s ease, background .15s ease, border-color .15s ease; } body.single-game_review .gamez-review-vote-btn:hover{ transform: translateY(-1px); background: rgba(255,255,255,0.10) !important; border-color: rgba(220,38,38,0.30) !important; } body.single-game_review .gamez-review-vote-btn .count{ background: rgba(0,0,0,0.35) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 999px !important; padding: 2px 8px !important; } body.single-game_review .gamez-review-like-msg{ margin-top: 12px; color: var(--eba-muted) !important; } body.single-game_review .gamez-review-like-wrap .eba-affinity{ margin-top: 14px !important; background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(255,255,255,0.08) !important; box-shadow: none !important; border-radius: 14px !important; } /* ---------- Verdict/rating: quitar bordes “raros” legacy ---------- */ body.single-game_review .review-verdict{ border: 0px solid rgba(255,255,255,0.10) !important; border-radius: 16px !important; overflow: visible !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important; background-size: cover !important; background-position: center !important; } body.single-game_review .review-verdict .outer-border, body.single-game_review .review-verdict .inner-border{ border-color: rgba(255,255,255,0.14) !important; box-shadow: none !important; } body.single-game_review .review-verdict, body.single-game_review .review-verdict *{ outline: none !important; } /* ---------- Comments dentro del tab (sin “panel azul”) ---------- */ body.single-game_review #comments.comments-area{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } body.single-game_review #comments .comment-list > li{ background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 14px !important; padding: 12px !important; margin-top: 10px !important; } body.single-game_review #comments #commentform textarea, body.single-game_review #comments #commentform input[type="text"], body.single-game_review #comments #commentform input[type="email"], body.single-game_review #comments #commentform input[type="url"]{ background: rgba(0,0,0,0.28) !important; border: 1px solid rgba(255,255,255,0.12) !important; color: rgba(255,255,255,0.92) !important; border-radius: 12px !important; } body.single-game_review #comments #commentform #submit, body.single-game_review #comments #commentform input[type="submit"]{ background: rgba(255,255,255,0.10) !important; border: 1px solid rgba(255,255,255,0.14) !important; border-radius: 14px !important; } body.single-game_review #comments #commentform #submit:hover, body.single-game_review #comments #commentform input[type="submit"]:hover{ background: rgba(255,255,255,0.14) !important; border-color: rgba(220,38,38,0.35) !important; } /* ========================================================= 6) RESPONSIVE ========================================================= */ @media (max-width: 767px){ .eba-surface, .eba-surface-2{ border-radius: 16px !important; } .eba-surface-pad-lg{ padding: 14px !important; } body.home .elementor-widget-heading .elementor-heading-title, body.front-page .elementor-widget-heading .elementor-heading-title{ font-size: 18px; } body.single-post #primary.eba-single-wrap{ margin-top: 12px; margin-bottom: 12px; } body.single-post #primary.eba-single-wrap .comment-form-area{ padding: 16px !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media{ flex-direction: column; align-items: flex-start; } body.single-game_review .review-content-tabs .nav-tabs > li{ float: none !important; display: block !important; margin-bottom: 8px !important; } body.single-game_review .review-content-tabs .nav-tabs > li > a{ border-radius: 12px !important; margin-right: 0 !important; } body.single-game_review .gamez-review-vote-btn{ flex: 1 1 100%; } } /* ========================================================= [EBA][SINGLE][RELATED] Hotfix — dejarlo “premium” y compacto - Elimina separadores/bordes legacy del theme - Cards más bajas, mejor spacing, sin “líneas” entre items ========================================================= */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets{ margin-top: 16px !important; } /* Mata separadores legacy típicos (hr o borders del theme) */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets hr, body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb hr{ display: none !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb{ border: 0 !important; border-top: 0 !important; border-bottom: 0 !important; background: transparent !important; padding: 0 !important; margin: 0 0 10px 0 !important; /* compact */ } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb:last-child{ margin-bottom: 0 !important; } /* La card real */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media{ display: flex !important; gap: 12px !important; align-items: center !important; background: rgba(255,255,255,0.035) !important; /* menos “bloque gris” */ border: 1px solid rgba(255,255,255,0.09) !important; border-radius: 14px !important; padding: 12px !important; /* compact */ margin: 0 !important; box-shadow: none !important; /* evita look “pesado” */ transition: transform .15s ease, background .15s ease, border-color .15s ease; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media:hover{ transform: translateY(-1px); background: rgba(255,255,255,0.05) !important; border-color: rgba(220,38,38,0.22) !important; } /* Thumb tamaño fijo y limpio */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media-left{ flex: 0 0 auto !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media-left img{ width: 86px !important; height: 56px !important; object-fit: cover !important; border-radius: 12px !important; display: block !important; } /* Título: menos gigante, 2 líneas */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media-heading{ margin: 0 !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media-heading a{ font-size: 15px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: .1px !important; color: rgba(255,255,255,0.95) !important; text-decoration: none !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* Excerpt: 1–2 líneas máximo y más tenue */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .content-desc{ margin-top: 6px !important; color: rgba(255,255,255,0.70) !important; line-height: 1.35 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* Si el theme mete padding raro en media-body */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media-body{ padding: 0 !important; } /* Mobile: apilar, pero compacto */ @media (max-width: 767px){ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media{ align-items: flex-start !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .gamez-recent-with-thumb .media-left img{ width: 100% !important; height: auto !important; max-height: 160px !important; } } /* ========================================================= [EBA][SINGLE][RELATED] RESTORE OUTER SURFACE + TITLE PRO - La surface grande = el .widget (contenedor del módulo) - Las cards internas se mantienen como están ========================================================= */ /* 1) La surface grande externa (recuperar) */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .widget{ background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 16px !important; padding: 16px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important; margin: 16px 0 0 0 !important; } /* 2) Quitar wrappers internos para que NO aparezcan surfaces extra */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .widget > .widget-content, body.single-post #primary.eba-single-wrap .entry-above-author-widgets .widget > .textwidget{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } /* 3) Título “pro” como en el resto del sistema */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .widget-title, body.single-post #primary.eba-single-wrap .entry-above-author-widgets .widgettitle, body.single-post #primary.eba-single-wrap .entry-above-author-widgets h2.widget-title, body.single-post #primary.eba-single-wrap .entry-above-author-widgets h3.widget-title{ color: rgba(255,255,255,0.96) !important; font-weight: 900 !important; letter-spacing: .9px !important; text-transform: uppercase !important; font-size: 18px !important; margin: 0 0 12px 0 !important; padding: 0 0 12px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; } /* 4) Por si el theme mete una línea/HR debajo del título */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .widget hr{ display: none !important; } /* ========================================================= [EBA][SINGLE][RELATED] Title exacto (según DOM real) - Target: .eba-related-posts__title (es DIV, no H*) - Mantiene 1 sola surface (la grande) y título “pro” ========================================================= */ /* Header: separación limpia */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .eba-related-posts__head{ margin: 0 0 12px 0 !important; padding: 0 0 12px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; } /* ✅ TÍTULO REAL (DIV) */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .eba-related-posts__title{ color: rgba(255,255,255,0.96) !important; font-weight: 900 !important; letter-spacing: .9px !important; text-transform: uppercase !important; font-size: 18px !important; line-height: 1.1 !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= [EBA][MOBILE/TABLET] Fix títulos gigantes / corte feo - Single posts + Single reviews - Evita 1 palabra por línea ========================================================= */ /* 1) Reglas base para que el H1 rompa “bien” */ @media (max-width: 1024px){ /* --- SINGLE POST --- */ body.single-post .entry-title{ width: 100% !important; max-width: 100% !important; /* Tamaño más estable en móvil/tablet */ font-size: clamp(26px, 6.4vw, 44px) !important; line-height: 1.06 !important; /* Evita el “corte horrible” */ overflow-wrap: anywhere !important; word-break: normal !important; hyphens: auto !important; margin: 10px 0 12px !important; } /* Si algo está estrangulando el título por floats */ body.single-post .entry-header{ display: block !important; width: 100% !important; } body.single-post .entry-header > .pull-left{ float: none !important; width: 100% !important; } /* --- SINGLE REVIEW (game_review) --- */ body.single-game_review .entry-title{ width: 100% !important; max-width: 100% !important; font-size: clamp(26px, 6.4vw, 44px) !important; line-height: 1.06 !important; overflow-wrap: anywhere !important; word-break: normal !important; hyphens: auto !important; margin: 10px 0 12px !important; } /* En reviews, asegurar que el contenedor del título NO quede “angosto” */ body.single-game_review .review-main-content .entry-content.container, body.single-game_review .review-main-content .entry-content .container{ width: 100% !important; } body.single-game_review .review-main-content .col-md-9, body.single-game_review .review-main-content .col-md-6, body.single-game_review .review-main-content .col-md-3{ float: none !important; width: 100% !important; } } /* 2) Extra: en móviles chicos, un pelín más compacto */ @media (max-width: 767px){ body.single-post .entry-title, body.single-game_review .entry-title{ font-size: clamp(24px, 7.2vw, 38px) !important; line-height: 1.05 !important; letter-spacing: .1px !important; } } /* ========================================================= [EBA][MOBILE/TABLET] Headings dentro del CONTENIDO (no entry-title) - Soluciona títulos tipo H2/H3 dentro del body con tamaño excesivo ========================================================= */ @media (max-width: 1024px){ body.single-post .entry-content h1, body.single-post .entry-content h2, body.single-post .entry-content h3, body.single-game_review .entry-content h1, body.single-game_review .entry-content h2, body.single-game_review .entry-content h3{ font-size: clamp(22px, 6.2vw, 38px) !important; line-height: 1.08 !important; margin: 14px 0 12px !important; /* por si queda algún nbsp o palabra larga */ overflow-wrap: anywhere !important; word-break: break-word !important; hyphens: auto !important; /* los justify en headings se ven mal en móvil */ text-align: left !important; } } @media (max-width: 767px){ body.single-post .entry-content h1, body.single-post .entry-content h2, body.single-game_review .entry-content h1, body.single-game_review .entry-content h2{ font-size: clamp(22px, 7.2vw, 34px) !important; } } /* ========================================================= [EBA][REVIEWS] Verdict badge (rating) — FIX mobile/tablet - Evita que “IMPRESIONANTE” se parta (IM-PRE-SIO…) - Ajusta tamaño del badge para pantallas pequeñas ========================================================= */ @media (max-width: 991px){ /* 1) Evitar cortes/hyphens en el texto del veredicto */ body.single-game_review .review-verdict .review-verdict-rating .rating-text h3{ white-space: nowrap !important; hyphens: none !important; -webkit-hyphens: none !important; -ms-hyphens: none !important; word-break: keep-all !important; overflow-wrap: normal !important; letter-spacing: .6px !important; /* un poco menos para que quepa */ font-size: clamp(12px, 2.8vw, 16px) !important; line-height: 1.1 !important; text-align: center !important; margin: 6px 0 0 !important; } body.single-game_review .review-verdict .review-verdict-rating .rating-text h2{ font-size: clamp(28px, 7vw, 40px) !important; line-height: 1 !important; text-align: center !important; margin: 0 !important; } /* 2) Hacer el badge más pequeño y centrado en móvil/tablet */ body.single-game_review .review-verdict .review-verdict-rating{ display: flex !important; justify-content: center !important; align-items: flex-start !important; } body.single-game_review .review-verdict .review-verdict-rating .shape{ transform: scale(.78) !important; transform-origin: top center !important; } } /* Extra por si algún CSS global está forzando hyphens/break-all */ body.single-game_review .review-verdict .review-verdict-rating .rating-text{ hyphens: none !important; -webkit-hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* ========================================================= [EBA][REVIEWS] Tabs mobile/tablet — limpiar líneas rojas legacy ========================================================= */ @media (max-width: 991px){ /* quitar bordes rojos raros heredados */ body.single-game_review .review-content-tabs .nav-tabs, body.single-game_review .review-content-tabs .nav-tabs > li, body.single-game_review .review-content-tabs .nav-tabs > li > a{ border: 0 !important; background: transparent !important; box-shadow: none !important; } /* cada tab como chip limpio */ body.single-game_review .review-content-tabs .nav-tabs > li{ float: none !important; display: block !important; margin: 0 0 10px 0 !important; } body.single-game_review .review-content-tabs .nav-tabs > li > a{ display: block !important; width: 100% !important; border-radius: 14px !important; padding: 12px 14px !important; background: rgba(255,255,255,0.04) !important; border: 1px solid rgba(255,255,255,0.10) !important; color: rgba(255,255,255,0.90) !important; font-weight: 900 !important; letter-spacing: .4px !important; /* mata la “línea roja” inferior/derecha */ border-right: 1px solid rgba(255,255,255,0.10) !important; border-bottom: 1px solid rgba(255,255,255,0.10) !important; } /* estado hover */ body.single-game_review .review-content-tabs .nav-tabs > li > a:hover{ background: rgba(255,255,255,0.06) !important; border-color: rgba(220,38,38,0.22) !important; } /* estado activo (sin subrayados rojos feos) */ body.single-game_review .review-content-tabs .nav-tabs > li.active > a, body.single-game_review .review-content-tabs .nav-tabs > li.active > a:hover, body.single-game_review .review-content-tabs .nav-tabs > li.active > a:focus{ background: rgba(255,255,255,0.08) !important; border-color: rgba(220,38,38,0.32) !important; /* IMPORTANTÍSIMO: sin “barra roja” */ box-shadow: none !important; outline: none !important; } /* por si el theme dibuja la línea roja con pseudo-elementos */ body.single-game_review .review-content-tabs .nav-tabs > li > a:before, body.single-game_review .review-content-tabs .nav-tabs > li > a:after{ content: none !important; display: none !important; } } /* ========================================================= [EBA][REVIEWS] Tabs mobile/tablet — quitar “tick” rojo derecho ========================================================= */ @media (max-width: 991px){ /* Si el theme dibuja la rayita roja con pseudo-elementos en LI o A */ body.single-game_review .review-content-tabs .nav-tabs > li:before, body.single-game_review .review-content-tabs .nav-tabs > li:after, body.single-game_review .review-content-tabs .nav-tabs > li > a:before, body.single-game_review .review-content-tabs .nav-tabs > li > a:after{ content: none !important; display: none !important; } /* Si es borde derecho rojo (o box-shadow inset) */ body.single-game_review .review-content-tabs .nav-tabs > li, body.single-game_review .review-content-tabs .nav-tabs > li > a{ border-right: 0 !important; box-shadow: none !important; } /* Extra: algunos themes meten “inset” a la derecha */ body.single-game_review .review-content-tabs .nav-tabs > li > a{ background-image: none !important; } } /* ========================================================= [EBA][REVIEWS] Tabs mobile/tablet — FIX overflow + align - Evita que los se salgan lateralmente - Fuerza tabs en columna, full width, sin floats legacy - Solo afecta single game_review ========================================================= */ @media (max-width: 991px){ /* 1) El contenedor no debe permitir overflow horizontal */ body.single-game_review .review-content-tabs, body.single-game_review .review-content-tabs.eba-review-tabs{ overflow-x: hidden !important; } /* 2) Reset UL */ body.single-game_review .review-content-tabs .nav-tabs, body.single-game_review .eba-review-tabs__nav{ width: 100% !important; max-width: 100% !important; margin: 0 0 14px 0 !important; padding: 0 !important; list-style: none !important; box-sizing: border-box !important; overflow-x: hidden !important; } /* 3) Cada LI: sin float, full width */ body.single-game_review .review-content-tabs .nav-tabs > li, body.single-game_review .eba-review-tabs__nav > li{ float: none !important; display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 10px 0 !important; padding: 0 !important; box-sizing: border-box !important; } /* 4) El : full width real, sin empujar a la derecha */ body.single-game_review .review-content-tabs .nav-tabs > li > a, body.single-game_review .eba-review-tabs__nav > li > a{ display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; left: auto !important; right: auto !important; box-sizing: border-box !important; /* evita “borde rojo”/línea vertical rara al borde derecho */ border-right: 1px solid rgba(255,255,255,0.10) !important; background-clip: padding-box !important; } } /* ========================================================= [EBA][REVIEWS] Tabs mobile — quitar “línea roja” del active ========================================================= */ @media (max-width: 991px){ /* Mata borde rojo / outline / glow del tab activo */ body.single-game_review .review-content-tabs .nav-tabs > li.active > a, body.single-game_review .review-content-tabs .nav-tabs > li.active > a:hover, body.single-game_review .review-content-tabs .nav-tabs > li.active > a:focus, body.single-game_review .eba-review-tabs__nav > li.active > a, body.single-game_review .eba-review-tabs__nav > li.active > a:hover, body.single-game_review .eba-review-tabs__nav > li.active > a:focus{ border-color: rgba(255,255,255,0.12) !important; /* mismo estilo neutro */ outline: none !important; box-shadow: none !important; } /* Por si la línea roja viene de pseudo-elementos */ body.single-game_review .review-content-tabs .nav-tabs > li.active > a:before, body.single-game_review .review-content-tabs .nav-tabs > li.active > a:after, body.single-game_review .eba-review-tabs__nav > li.active > a:before, body.single-game_review .eba-review-tabs__nav > li.active > a:after{ content: none !important; display: none !important; } } /* ========================================================= [EBA][SINGLE POST] FIX — “Círculo” de fecha deformado en móvil/tablet Causa: .entry-date-meta termina tomando ancho full (ovalo) Solución: tamaño fijo + centrado + evitar width:100% ========================================================= */ @media (max-width: 1024px){ /* El contenedor del “badge” de fecha */ body.single-post .entry-header .entry-date-meta{ width: 96px !important; /* ajusta si quieres 88/92/100 */ height: 96px !important; max-width: 96px !important; border-radius: 999px !important; /* círculo */ overflow: hidden !important; /* por si algún css raro le mete width:100% */ flex: 0 0 auto !important; } /* Forzar que el contenedor padre no lo estire */ body.single-post .entry-header{ display: block !important; } /* Spans internos: centrados y sin romper líneas */ body.single-post .entry-header .entry-date-meta .entry-date-day, body.single-post .entry-header .entry-date-meta .entry-date-month{ display: block !important; width: 100% !important; text-align: center !important; white-space: nowrap !important; } } /* ========================================================= [EBA][SINGLE] Related Posts — FIX overflow horizontal (títulos/excerpt) - El texto se estaba saliendo por flex/min-width + palabras largas ========================================================= */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .eba-related-posts__item .media{ /* por seguridad: que el flex no permita overflow visual */ max-width: 100% !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .eba-related-posts__item .media-body{ /* CLAVE en flex layouts: permite que el texto se encoja */ min-width: 0 !important; max-width: 100% !important; } /* Título */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .eba-related-posts__item .media-heading{ max-width: 100% !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .eba-related-posts__item .media-heading a{ max-width: 100% !important; /* evitar que cadenas largas/guiones rompan el layout */ overflow-wrap: anywhere !important; word-break: break-word !important; /* clamp real */ display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; } /* Excerpt */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .eba-related-posts__item .content-desc{ max-width: 100% !important; overflow-wrap: anywhere !important; word-break: break-word !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; overflow: hidden !important; } /* Si el theme mete

con márgenes raros */ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .eba-related-posts__item .content-desc p{ margin: 0 !important; } /* ========================================================= [EBA][SINGLE] Related Posts — thumbnail full-width en móvil - En móvil: imagen arriba ocupando todo el ancho del card - Mantiene bordes/redondeos y recorte limpio ========================================================= */ @media (max-width: 767px){ body.single-post #primary.eba-single-wrap .entry-above-author-widgets .eba-related-posts__item .media{ flex-direction: column !important; align-items: stretch !important; gap: 12px !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .eba-related-posts__item .media-left{ width: 100% !important; max-width: 100% !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .eba-related-posts__item .media-left figure{ width: 100% !important; margin: 0 !important; } body.single-post #primary.eba-single-wrap .entry-above-author-widgets .eba-related-posts__item .media-left img{ display: block !important; width: 100% !important; height: auto !important; /* si quieres un alto consistente tipo “banner” */ aspect-ratio: 16 / 9; object-fit: cover !important; border-radius: 14px !important; } } /* ========================================================= [EBA][REVIEWS ARCHIVE] Dark + Surfaces (v1) Target: archivo archive-game_review.php + content-review_archive.php - 100% en eba-surfaces.css (override layer) ========================================================= */ /* Body correcto para archive de CPT */ body.post-type-archive-game_review, body.tax-game_genre, body.tax-game_category{ background: var(--eba-bg) !important; color: var(--eba-text); } body.post-type-archive-game_review a, body.tax-game_genre a, body.tax-game_category a{ color: var(--eba-link); } body.post-type-archive-game_review a:hover, body.tax-game_genre a:hover, body.tax-game_category a:hover{ color: var(--eba-link-strong); } /* Header del archive (hero) ya lo imprime el template */ body.post-type-archive-game_review .gamez-page-header:before, body.tax-game_genre .gamez-page-header:before, body.tax-game_category .gamez-page-header:before{ content:""; position:absolute; inset:0; background: linear-gradient(to bottom, rgba(7,8,11,0.20) 0%, rgba(7,8,11,0.85) 80%, rgba(7,8,11,1) 100%); pointer-events:none; } body.post-type-archive-game_review .gamez-page-header, body.tax-game_genre .gamez-page-header, body.tax-game_category .gamez-page-header{ position: relative; } /* Filtros (los que ya tienes en style.css se ven “legacy”) */ body.post-type-archive-game_review .review-filters{ background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.10) !important; border-radius: 16px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.35) !important; } body.post-type-archive-game_review .review-filters label{ color: rgba(255,255,255,0.86) !important; } body.post-type-archive-game_review .review-filters select{ background: rgba(0,0,0,0.35) !important; border: 1px solid rgba(255,255,255,0.14) !important; color: rgba(255,255,255,0.90) !important; border-radius: 12px !important; } body.post-type-archive-game_review .review-filters button{ background: rgba(255,255,255,0.10) !important; border: 1px solid rgba(255,255,255,0.14) !important; border-radius: 12px !important; color: rgba(255,255,255,0.95) !important; } body.post-type-archive-game_review .review-filters button:hover{ background: rgba(255,255,255,0.14) !important; border-color: rgba(220,38,38,0.35) !important; } /* Card principal: 1 sola surface (tu template ya le pone eba-surface) */ body.post-type-archive-game_review .review-archive.eba-surface{ overflow: hidden !important; /* respeta radius en header */ } /* Neutralizar fondos legacy dentro del card */ body.post-type-archive-game_review .review-archive, body.post-type-archive-game_review .review-archive *{ box-shadow: none; } /* Header imagen del card */ body.post-type-archive-game_review .review-archive-header{ border-radius: 14px !important; overflow: hidden !important; background-position: center !important; background-size: cover !important; margin-bottom: 14px !important; position: relative; } body.post-type-archive-game_review .review-archive-header:before{ content:""; position:absolute; inset:0; background: linear-gradient(to bottom, rgba(7,8,11,0.15) 0%, rgba(7,8,11,0.65) 100%); pointer-events:none; } /* Layout interno del card */ body.post-type-archive-game_review .review-archive-content{ display: flex; gap: 14px; align-items: flex-start; } /* Thumbnail */ body.post-type-archive-game_review .review-archive-thumbnail img{ border-radius: 12px !important; display: block; width: 120px; height: 80px; object-fit: cover; } /* Texto */ body.post-type-archive-game_review .review-archive-title a{ color: rgba(255,255,255,0.96) !important; font-weight: 900 !important; text-decoration: none !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.post-type-archive-game_review .review-archive-details p{ color: rgba(255,255,255,0.74) !important; line-height: 1.45; margin-top: 8px; } /* Genres */ body.post-type-archive-game_review .review-archive-genre a{ color: rgba(255,255,255,0.78) !important; text-decoration: none !important; } body.post-type-archive-game_review .review-archive-genre a:hover{ color: rgba(255,255,255,0.95) !important; } /* Mobile/tablet */ @media (max-width: 767px){ body.post-type-archive-game_review .review-archive-content{ flex-direction: column; } body.post-type-archive-game_review .review-archive-thumbnail img{ width: 100%; height: auto; max-height: 220px; } } /* ========================================================= [EBA][BLOG v2] Blog/Category/Tag/Search/Archives — Dark + Surfaces + 2 columnas - Usa el markup real implementado: wrapper: .eba-archive-posts .eba-surface--archive .eba-archive-grid--posts card: article.eba-postcard .eba-surface--postcard - Mantiene container (no full width) - 2 columnas desktop/tablet, 1 columna móvil ========================================================= */ /* Contexto dark para blog + archives “normales” (no CPT reviews) */ body.blog, body.category, body.tag, body.search, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category){ background: var(--eba-bg) !important; color: var(--eba-text) !important; } /* Links */ body.blog a, body.category a, body.tag a, body.search a, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) a{ color: var(--eba-link) !important; } body.blog a:hover, body.category a:hover, body.tag a:hover, body.search a:hover, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) a:hover{ color: var(--eba-link-strong) !important; } /* Hero/header overlay para archives del blog (coherente con reviews) */ body.blog .gamez-page-header, body.category .gamez-page-header, body.tag .gamez-page-header, body.search .gamez-page-header, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) .gamez-page-header{ position: relative; } body.blog .gamez-page-header:before, body.category .gamez-page-header:before, body.tag .gamez-page-header:before, body.search .gamez-page-header:before, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) .gamez-page-header:before{ content:""; position:absolute; inset:0; background: linear-gradient(to bottom, rgba(7,8,11,0.20) 0%, rgba(7,8,11,0.86) 82%, rgba(7,8,11,1) 100%); pointer-events:none; } /* IMPORTANTE: evitar “surface grande” extra en listados (queremos 1 surface por post/card) */ body.blog .eba-archive-posts .eba-surface--archive, body.category .eba-archive-posts .eba-surface--archive, body.tag .eba-archive-posts .eba-surface--archive, body.search .eba-archive-posts .eba-surface--archive, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) .eba-archive-posts .eba-surface--archive{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; } /* GRID 2 columnas (sin pelear con Bootstrap/floats) */ body.blog .eba-archive-grid--posts, body.category .eba-archive-grid--posts, body.tag .eba-archive-grid--posts, body.search .eba-archive-grid--posts, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) .eba-archive-grid--posts{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: var(--eba-gap-lg) !important; align-items: start !important; } /* Neutralizar el col-xs-12 / floats de los

dentro del grid */ body.blog .eba-archive-grid--posts > article, body.category .eba-archive-grid--posts > article, body.tag .eba-archive-grid--posts > article, body.search .eba-archive-grid--posts > article, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) .eba-archive-grid--posts > article{ width: auto !important; max-width: none !important; float: none !important; margin: 0 !important; padding: 0 !important; } /* Card base */ body.blog article.eba-postcard .eba-postcard__inner, body.category article.eba-postcard .eba-postcard__inner, body.tag article.eba-postcard .eba-postcard__inner, body.search article.eba-postcard .eba-postcard__inner, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__inner{ padding: 16px !important; transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease; } body.blog article.eba-postcard .eba-postcard__inner:hover, body.category article.eba-postcard .eba-postcard__inner:hover, body.tag article.eba-postcard .eba-postcard__inner:hover, body.search article.eba-postcard .eba-postcard__inner:hover, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__inner:hover{ transform: translateY(-1px); border-color: rgba(220,38,38,0.24) !important; background: rgba(255,255,255,0.065) !important; box-shadow: var(--eba-shadow-soft) !important; } /* Header en modo card: mejor layout (sin floats legacy) */ body.blog article.eba-postcard .eba-postcard__header, body.category article.eba-postcard .eba-postcard__header, body.tag article.eba-postcard .eba-postcard__header, body.search article.eba-postcard .eba-postcard__header, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__header{ display: flex !important; gap: 14px !important; align-items: flex-start !important; margin: 0 0 12px 0 !important; } /* Quitar floats */ body.blog article.eba-postcard .eba-postcard__header .pull-left, body.category article.eba-postcard .eba-postcard__header .pull-left, body.tag article.eba-postcard .eba-postcard__header .pull-left, body.search article.eba-postcard .eba-postcard__header .pull-left, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__header .pull-left{ float: none !important; } /* Fecha/“badge” más compacto en cards */ body.blog article.eba-postcard .eba-postcard__date, body.category article.eba-postcard .eba-postcard__date, body.tag article.eba-postcard .eba-postcard__date, body.search article.eba-postcard .eba-postcard__date, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__date{ flex: 0 0 auto !important; } /* Título + meta */ body.blog article.eba-postcard .eba-postcard__title a, body.category article.eba-postcard .eba-postcard__title a, body.tag article.eba-postcard .eba-postcard__title a, body.search article.eba-postcard .eba-postcard__title a, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__title a{ color: rgba(255,255,255,0.96) !important; font-weight: 900 !important; text-decoration: none !important; line-height: 1.05 !important; /* ajustable */ overflow-wrap: anywhere !important; word-break: break-word !important; } body.blog article.eba-postcard .eba-postcard__meta, body.category article.eba-postcard .eba-postcard__meta, body.tag article.eba-postcard .eba-postcard__meta, body.search article.eba-postcard .eba-postcard__meta, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__meta{ color: var(--eba-muted) !important; } /* Thumb cover: solo bordes consistentes (sin romper tu cover actual) */ body.blog article.eba-postcard .eba-postcard__thumb, body.category article.eba-postcard .eba-postcard__thumb, body.tag article.eba-postcard .eba-postcard__thumb, body.search article.eba-postcard .eba-postcard__thumb, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__thumb{ margin: 10px 0 12px 0 !important; border-radius: 14px !important; overflow: hidden !important; } /* Excerpt */ body.blog article.eba-postcard .eba-postcard__excerpt, body.category article.eba-postcard .eba-postcard__excerpt, body.tag article.eba-postcard .eba-postcard__excerpt, body.search article.eba-postcard .eba-postcard__excerpt, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__excerpt{ color: var(--eba-text-2) !important; line-height: 1.55 !important; } /* Read more: botón full y consistente */ body.blog article.eba-postcard .eba-postcard__actions .btn-border, body.category article.eba-postcard .eba-postcard__actions .btn-border, body.tag article.eba-postcard .eba-postcard__actions .btn-border, body.search article.eba-postcard .eba-postcard__actions .btn-border, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__actions .btn-border{ display: inline-block !important; width: 100% !important; text-align: center !important; border-radius: 14px !important; border: 1px solid rgba(255,255,255,0.14) !important; background: rgba(255,255,255,0.08) !important; color: rgba(255,255,255,0.95) !important; transition: transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease; } body.blog article.eba-postcard .eba-postcard__actions .btn-border:hover, body.category article.eba-postcard .eba-postcard__actions .btn-border:hover, body.tag article.eba-postcard .eba-postcard__actions .btn-border:hover, body.search article.eba-postcard .eba-postcard__actions .btn-border:hover, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__actions .btn-border:hover{ transform: translateY(-1px); background: rgba(255,255,255,0.12) !important; border-color: rgba(220,38,38,0.26) !important; box-shadow: var(--eba-shadow-soft) !important; } /* Responsive: 1 columna en móvil/tablet chico */ @media (max-width: 991px){ body.blog .eba-archive-grid--posts, body.category .eba-archive-grid--posts, body.tag .eba-archive-grid--posts, body.search .eba-archive-grid--posts, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) .eba-archive-grid--posts{ grid-template-columns: 1fr !important; } body.blog article.eba-postcard .eba-postcard__header, body.category article.eba-postcard .eba-postcard__header, body.tag article.eba-postcard .eba-postcard__header, body.search article.eba-postcard .eba-postcard__header, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__header{ gap: 12px !important; } } /* ========================================================= [EBA][BLOG/SEARCH] Cards NEUTRAS (sin tinte) - Hace las cards casi sólidas para evitar “purple cast” - Solo afecta listados de posts (blog/category/tag/search/archives) ========================================================= */ body.blog article.eba-postcard .eba-postcard__inner, body.category article.eba-postcard .eba-postcard__inner, body.tag article.eba-postcard .eba-postcard__inner, body.search article.eba-postcard .eba-postcard__inner, body.search-results article.eba-postcard .eba-postcard__inner, body.search-no-results article.eba-postcard .eba-postcard__inner, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__inner{ /* Fondo casi sólido y neutro (no translúcido) */ background: rgba(12,13,18,0.94) !important; border: 1px solid rgba(255,255,255,0.10) !important; box-shadow: 0 16px 52px rgba(0,0,0,0.62) !important; } /* Asegurar que ningún wrapper interno vuelva a pintar morado */ body.blog article.eba-postcard .eba-postcard__inner * , body.category article.eba-postcard .eba-postcard__inner * , body.tag article.eba-postcard .eba-postcard__inner * , body.search article.eba-postcard .eba-postcard__inner * , body.search-results article.eba-postcard .eba-postcard__inner * , body.search-no-results article.eba-postcard .eba-postcard__inner * , body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__inner *{ background-color: transparent !important; background-image: none !important; } /* EXCEPCIÓN: NO romper el thumb cover (usa background-image) */ body.blog article.eba-postcard .eba-postcard__inner .gamez-entry-thumb-bg, body.category article.eba-postcard .eba-postcard__inner .gamez-entry-thumb-bg, body.tag article.eba-postcard .eba-postcard__inner .gamez-entry-thumb-bg, body.search article.eba-postcard .eba-postcard__inner .gamez-entry-thumb-bg, body.search-results article.eba-postcard .eba-postcard__inner .gamez-entry-thumb-bg, body.search-no-results article.eba-postcard .eba-postcard__inner .gamez-entry-thumb-bg, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__inner .gamez-entry-thumb-bg{ background-color: transparent !important; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } /* ========================================================= [EBA][BLOG/SEARCH] FIX thumbnails + hover (sin purple cast) - Revierte el background-image del thumb cover - Fuerza hover neutro y bloquea fondos morados heredados ========================================================= */ /* 1) RESTAURAR THUMB COVER (background-image) */ body.blog .gamez-entry-thumb-bg, body.category .gamez-entry-thumb-bg, body.tag .gamez-entry-thumb-bg, body.search .gamez-entry-thumb-bg, body.search-results .gamez-entry-thumb-bg, body.search-no-results .gamez-entry-thumb-bg, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) .gamez-entry-thumb-bg{ /* el inline style trae el background-image; NO lo mates */ background-image: inherit !important; background-repeat: no-repeat !important; background-position: center !important; background-size: cover !important; } /* 2) No permitir que el theme pinte morado en wrappers internos */ body.blog article.eba-postcard .eba-postcard__inner div, body.category article.eba-postcard .eba-postcard__inner div, body.tag article.eba-postcard .eba-postcard__inner div, body.search article.eba-postcard .eba-postcard__inner div, body.search-results article.eba-postcard .eba-postcard__inner div, body.search-no-results article.eba-postcard .eba-postcard__inner div, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__inner div{ background-color: transparent !important; background-image: none !important; /* solo divs internos */ } /* 3) HOVER: forzar neutro (evita que “regrese” el morado) */ body.blog article.eba-postcard .eba-postcard__inner:hover, body.category article.eba-postcard .eba-postcard__inner:hover, body.tag article.eba-postcard .eba-postcard__inner:hover, body.search article.eba-postcard .eba-postcard__inner:hover, body.search-results article.eba-postcard .eba-postcard__inner:hover, body.search-no-results article.eba-postcard .eba-postcard__inner:hover, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__inner:hover{ /* neutro, ligeramente más claro */ background: rgba(14,15,20,0.96) !important; border-color: rgba(220,38,38,0.22) !important; box-shadow: 0 18px 58px rgba(0,0,0,0.65) !important; } /* 4) Hover: NO afectar el thumb cover */ body.blog article.eba-postcard .eba-postcard__inner:hover .gamez-entry-thumb-bg, body.category article.eba-postcard .eba-postcard__inner:hover .gamez-entry-thumb-bg, body.tag article.eba-postcard .eba-postcard__inner:hover .gamez-entry-thumb-bg, body.search article.eba-postcard .eba-postcard__inner:hover .gamez-entry-thumb-bg, body.search-results article.eba-postcard .eba-postcard__inner:hover .gamez-entry-thumb-bg, body.search-no-results article.eba-postcard .eba-postcard__inner:hover .gamez-entry-thumb-bg, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__inner:hover .gamez-entry-thumb-bg{ background-image: inherit !important; } /* ========================================================= [EBA][THUMB IMG] Thumb como real (no background-image) - Evita que hover del theme “apague” el thumbnail ========================================================= */ body.blog .eba-thumb-img-wrap, body.category .eba-thumb-img-wrap, body.tag .eba-thumb-img-wrap, body.search .eba-thumb-img-wrap, body.search-results .eba-thumb-img-wrap, body.search-no-results .eba-thumb-img-wrap, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) .eba-thumb-img-wrap{ border-radius: 14px !important; overflow: hidden !important; margin: 10px 0 12px 0 !important; } body.blog .eba-thumb-img, body.category .eba-thumb-img, body.tag .eba-thumb-img, body.search .eba-thumb-img, body.search-results .eba-thumb-img, body.search-no-results .eba-thumb-img, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) .eba-thumb-img{ width: 100% !important; height: 220px !important; /* ajustable si quieres 200/240 */ object-fit: cover !important; display: block !important; } /* Mobile: un poco más bajo */ @media (max-width: 991px){ body.blog .eba-thumb-img, body.category .eba-thumb-img, body.tag .eba-thumb-img, body.search .eba-thumb-img, body.search-results .eba-thumb-img, body.search-no-results .eba-thumb-img, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) .eba-thumb-img{ height: 200px !important; } } /* ========================================================= [EBA][CARD CORNERS] Quitar “puntas moradas” en esquinas - Corta bleeding (overflow) y neutraliza borde/outline/halo legacy - Solo en listados (blog/category/tag/search/archives) ========================================================= */ body.blog article.eba-postcard .eba-postcard__inner, body.category article.eba-postcard .eba-postcard__inner, body.tag article.eba-postcard .eba-postcard__inner, body.search article.eba-postcard .eba-postcard__inner, body.search-results article.eba-postcard .eba-postcard__inner, body.search-no-results article.eba-postcard .eba-postcard__inner, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__inner{ /* corta cualquier fondo/borde/overlay que “sangre” en las esquinas */ overflow: hidden !important; /* borde neutro estable */ border-color: rgba(255,255,255,0.10) !important; /* elimina halos/contornos raros del theme */ outline: none !important; -webkit-mask-image: -webkit-radial-gradient(white, black); /* fix safari/bleed */ } /* Por si el theme aplica sombra/outline al contenedor externo (article) */ body.blog article.eba-postcard, body.category article.eba-postcard, body.tag article.eba-postcard, body.search article.eba-postcard, body.search-results article.eba-postcard, body.search-no-results article.eba-postcard, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard{ background: transparent !important; outline: none !important; box-shadow: none !important; } /* Hover: mantener borde/sombra neutros (sin tintes) */ body.blog article.eba-postcard:hover .eba-postcard__inner, body.category article.eba-postcard:hover .eba-postcard__inner, body.tag article.eba-postcard:hover .eba-postcard__inner, body.search article.eba-postcard:hover .eba-postcard__inner, body.search-results article.eba-postcard:hover .eba-postcard__inner, body.search-no-results article.eba-postcard:hover .eba-postcard__inner, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard:hover .eba-postcard__inner{ border-color: rgba(220,38,38,0.22) !important; box-shadow: 0 18px 58px rgba(0,0,0,0.65) !important; outline: none !important; } /* ========================================================= [EBA][BLOG/SEARCH] Match global surfaces (glass premium) - Mantiene el fix anti-morado (body bg) - Reajusta solo las cards para igualar Home/Reseñas/Destacados ========================================================= */ body.blog article.eba-postcard .eba-postcard__inner, body.category article.eba-postcard .eba-postcard__inner, body.tag article.eba-postcard .eba-postcard__inner, body.search article.eba-postcard .eba-postcard__inner, body.search-results article.eba-postcard .eba-postcard__inner, body.search-no-results article.eba-postcard .eba-postcard__inner, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard .eba-postcard__inner{ /* “glass” como el resto */ background: rgba(255,255,255,0.06) !important; border: 1px solid rgba(255,255,255,0.12) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.45) !important; /* similar a --eba-shadow-soft */ } /* Hover coherente con el resto (sin tintes) */ body.blog article.eba-postcard:hover .eba-postcard__inner, body.category article.eba-postcard:hover .eba-postcard__inner, body.tag article.eba-postcard:hover .eba-postcard__inner, body.search article.eba-postcard:hover .eba-postcard__inner, body.search-results article.eba-postcard:hover .eba-postcard__inner, body.search-no-results article.eba-postcard:hover .eba-postcard__inner, body.archive:not(.post-type-archive-game_review):not(.tax-game_genre):not(.tax-game_category) article.eba-postcard:hover .eba-postcard__inner{ background: rgba(255,255,255,0.075) !important; border-color: rgba(220,38,38,0.22) !important; box-shadow: 0 18px 58px rgba(0,0,0,0.55) !important; } /* ========================================================= [EBA][SEARCH] Igualar spacing/ritmo visual al Blog/Archives - Más aire entre thumb → título → excerpt → botón - No cambia colores, solo layout/padding/márgenes ========================================================= */ body.search-results article.eba-postcard .eba-postcard__inner, body.search-no-results article.eba-postcard .eba-postcard__inner{ padding: 16px !important; /* asegura consistencia */ } /* Thumb: margen inferior consistente */ body.search-results article.eba-postcard .eba-postcard__thumb, body.search-no-results article.eba-postcard .eba-postcard__thumb{ margin: 0 0 14px 0 !important; } /* Header/título: aire abajo */ body.search-results article.eba-postcard .eba-postcard__header, body.search-no-results article.eba-postcard .eba-postcard__header{ margin: 0 0 10px 0 !important; } /* Excerpt: line-height y separación */ body.search-results article.eba-postcard .eba-postcard__excerpt, body.search-no-results article.eba-postcard .eba-postcard__excerpt{ margin: 0 0 14px 0 !important; line-height: 1.55 !important; } /* Acciones: que el botón quede “en su zona” */ body.search-results article.eba-postcard .eba-postcard__actions, body.search-no-results article.eba-postcard .eba-postcard__actions{ margin-top: 4px !important; } /* Row/col de Bootstrap en acciones no deben meter padding raro */ body.search-results article.eba-postcard .eba-postcard__actions .row, body.search-no-results article.eba-postcard .eba-postcard__actions .row{ margin-left: 0 !important; margin-right: 0 !important; } body.search-results article.eba-postcard .eba-postcard__actions [class*="col-"], body.search-no-results article.eba-postcard .eba-postcard__actions [class*="col-"]{ padding-left: 0 !important; padding-right: 0 !important; } /* ========================================================= [EBA][EMPTY STATE] content-none.php premium ========================================================= */ .eba-empty{ margin: 18px 0 !important; } .eba-empty__inner{ text-align: left; } .eba-empty__title{ color: rgba(255,255,255,0.96) !important; font-weight: 900 !important; letter-spacing: .6px !important; text-transform: uppercase !important; margin: 0 0 10px 0 !important; } .eba-empty__content{ color: var(--eba-text-2) !important; } .eba-empty__text{ margin: 0 0 14px 0 !important; line-height: 1.55 !important; } .eba-empty__search{ margin-top: 10px !important; } /* Search form inputs (solo dentro del empty state) */ .eba-empty__search input[type="search"], .eba-empty__search input[type="text"]{ width: 100% !important; background: rgba(0,0,0,0.28) !important; border: 1px solid rgba(255,255,255,0.12) !important; color: rgba(255,255,255,0.92) !important; border-radius: 12px !important; padding: 12px 12px !important; box-sizing: border-box !important; } .eba-empty__search input[type="submit"], .eba-empty__search button, .eba-empty__search .search-submit{ width: 100% !important; margin-top: 10px !important; border-radius: 12px !important; border: 1px solid rgba(255,255,255,0.14) !important; background: rgba(255,255,255,0.10) !important; color: rgba(255,255,255,0.95) !important; } .eba-empty__search input[type="submit"]:hover, .eba-empty__search button:hover, .eba-empty__search .search-submit:hover{ background: rgba(255,255,255,0.14) !important; border-color: rgba(220,38,38,0.26) !important; } /* ========================================================= [EBA][HEADER V4] Glass surface (solo estilo, sin layout) - No rompe sticky - No rompe overlays fullscreen (search / profile) ========================================================= */ #gamez-header-variation-4 .top-menu, #gamez-header-variation-4 .absolute-menu{ /* glass */ background: rgba(12,13,18,0.55) !important; background-image: linear-gradient( 180deg, rgba(255,255,255,0.08) 0%, rgba(255,255,255,0.02) 35%, rgba(12,13,18,0.55) 100% ) !important; border-bottom: 1px solid rgba(255,255,255,0.10) !important; box-shadow: 0 18px 70px rgba(0,0,0,0.45) !important; } /* highlight sutil tipo glass (no cambia tamaños) */ #gamez-header-variation-4 .top-menu::before, #gamez-header-variation-4 .absolute-menu::before{ content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient( 1200px 220px at 50% 0%, rgba(255,255,255,0.10), rgba(255,255,255,0.00) 60% ); opacity: .9; } /* asegurar stacking correcto, sin tocar fixed/sticky */ #gamez-header-variation-4 .top-menu, #gamez-header-variation-4 .absolute-menu{ position: relative; /* para el ::before */ z-index: 9999; } /* ========================================================= [EBA][HEADER V4] Glass bar SIN romper overlays (search/profile) - El blur vive en :before (solo barra) - El contenedor NO usa backdrop-filter (evita overlay encogido) ========================================================= */ #gamez-header-variation-4 .top-menu, #gamez-header-variation-4 .absolute-menu{ position: relative !important; background: rgba(12,13,18,0.55) !important; /* tu base “glass” */ } /* capa glass real */ #gamez-header-variation-4 .top-menu:before, #gamez-header-variation-4 .absolute-menu:before{ content: ""; position: absolute; inset: 0; z-index: 0; background: rgba(12,13,18,0.55); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255,255,255,0.10); } /* asegura que el contenido del header quede arriba del glass */ #gamez-header-variation-4 .top-menu > *, #gamez-header-variation-4 .absolute-menu > *{ position: relative; z-index: 1; } /* ========================================================= [EBA][FOOTER] Dark + Glass Surface (unificado con el sitio) - Aplica a footer del theme (footer-3) sin tocar templates - Mantiene legibilidad + spacing + links “premium” ========================================================= */ #colophon.site-footer{ background: transparent !important; color: var(--eba-text) !important; } #colophon.site-footer .footer-main{ /* “glass surface” como el resto del sistema */ background: rgba(255,255,255,0.04) !important; border-top: 1px solid rgba(255,255,255,0.10) !important; box-shadow: 0 -18px 60px rgba(0,0,0,0.55) !important; padding: 26px 0 22px !important; margin-top: 18px !important; } /* Contenido más “aireado” */ #colophon.site-footer .container{ max-width: 1200px; } /* Logo footer */ #colophon.site-footer .footer-logo{ margin: 0 0 16px 0 !important; } #colophon.site-footer .footer-logo img{ max-height: 68px !important; width: auto !important; height: auto !important; } /* Widgets footer-bottom */ #colophon.site-footer .footer-bottom-widget{ margin: 0 0 16px 0 !important; } /* Si el widget mete bloques raros, los “aplanamos” */ #colophon.site-footer .footer-bottom-widget .widget, #colophon.site-footer .footer-bottom-widget .widget-content, #colophon.site-footer .footer-bottom-widget .textwidget{ background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } /* Tipografía + links */ #colophon.site-footer, #colophon.site-footer p, #colophon.site-footer li{ color: rgba(255,255,255,0.78) !important; } #colophon.site-footer a{ color: rgba(255,255,255,0.92) !important; text-decoration: underline; text-decoration-color: rgba(220,38,38,0.35); text-underline-offset: 3px; text-decoration-thickness: 2px; } #colophon.site-footer a:hover{ color: #fff !important; text-decoration-color: rgba(220,38,38,0.65); } /* Títulos de widgets “pro” */ #colophon.site-footer .widget-title, #colophon.site-footer .widgettitle, #colophon.site-footer h2.widget-title, #colophon.site-footer h3.widget-title{ color: rgba(255,255,255,0.96) !important; font-weight: 900 !important; letter-spacing: .8px !important; text-transform: uppercase !important; font-size: 14px !important; margin: 0 0 10px 0 !important; padding: 0 0 10px 0 !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; } /* Listas limpias en footer */ #colophon.site-footer ul{ padding-left: 0 !important; margin-left: 0 !important; list-style: none !important; } #colophon.site-footer li{ margin: 8px 0 !important; } /* Copyright */ #colophon.site-footer .copyright, #colophon.site-footer .tx-credit{ margin-top: 10px !important; color: rgba(255,255,255,0.70) !important; font-size: 12px !important; line-height: 1.35 !important; } /* ========================================================= [EBA][BREADCRUMB BAR] (si está activa) ========================================================= */ .breadcrumb{ background: rgba(255,255,255,0.03) !important; border-top: 1px solid rgba(255,255,255,0.08) !important; border-bottom: 1px solid rgba(255,255,255,0.08) !important; } .breadcrumb, .breadcrumb a{ color: rgba(255,255,255,0.80) !important; } .breadcrumb a:hover{ color: #fff !important; } /* ========================================================= [EBA][BACK TO TOP] coherente con surfaces ========================================================= */ #back-to-top .btn.btn-primary{ background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.12) !important; border-radius: 14px !important; color: rgba(255,255,255,0.92) !important; box-shadow: 0 12px 40px rgba(0,0,0,0.45) !important; } #back-to-top .btn.btn-primary:hover{ background: rgba(255,255,255,0.12) !important; border-color: rgba(220,38,38,0.30) !important; } #back-to-top .btn.btn-primary:focus{ box-shadow: var(--eba-focus-ring) !important; } /* Mobile: padding más compacto */ @media (max-width: 767px){ #colophon.site-footer .footer-main{ padding: 20px 0 18px !important; } #colophon.site-footer .footer-logo img{ max-height: 56px !important; } } /* ========================================================= [EBA][REVIEW VERDICT RATING] Hex -> surfaces+dark - Convierte el “badge” (outer/inner) a look glass-dark - Pisa los colores cyan del theme (cyan.css) ========================================================= */ .gamez-review-single .review-main-content .review-verdict .review-verdict-rating .outer-border{ background: rgba(220,38,38,0.92) !important; /* aro rojo */ box-shadow: 0 18px 70px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08) inset !important; } /* capa interna oscura (antes #0f1b33) */ .gamez-review-single .review-main-content .review-verdict .review-verdict-rating .outer-border:before{ background: rgba(12,13,18,0.92) !important; } /* aro intermedio (antes #00BCD4): lo dejamos rojo más sutil */ .gamez-review-single .review-main-content .review-verdict .review-verdict-rating .outer-border:after{ background: rgba(220,38,38,0.35) !important; } /* centro (donde vive el número/texto) */ .gamez-review-single .review-main-content .review-verdict .review-verdict-rating .inner-border{ background: rgba(12,13,18,0.92) !important; box-shadow: 0 0 0 1px rgba(255,255,255,0.10) inset, 0 12px 40px rgba(0,0,0,0.55) !important; } /* texto más legible (por si algo lo está apagando) */ .gamez-review-single .review-main-content .review-verdict .review-verdict-rating .shape .rating-text, .gamez-review-single .review-main-content .review-verdict .review-verdict-rating .shape .rating-text h2, .gamez-review-single .review-main-content .review-verdict .review-verdict-rating .shape .rating-text h3{ color: rgba(255,255,255,0.95) !important; text-shadow: 0 2px 10px rgba(0,0,0,0.55) !important; } /* ========================================================= [EBA][BLOG/ARCHIVE/SEARCH] FIX títulos en mobile/tablet - Mejor spacing/line-height - Clamp consistente (2 líneas) sin romper desktop ========================================================= */ /* Base (todas las vistas listadas) */ body.blog h2.entry-title.eba-postcard__title, body.category h2.entry-title.eba-postcard__title, body.tag h2.entry-title.eba-postcard__title, body.search h2.entry-title.eba-postcard__title, body.search-results h2.entry-title.eba-postcard__title, body.archive h2.entry-title.eba-postcard__title{ margin: 0 0 10px !important; line-height: 1.06 !important; letter-spacing: -0.01em !important; } /* El link del título (por si el theme mete estilos raros) */ body.blog h2.entry-title.eba-postcard__title a, body.category h2.entry-title.eba-postcard__title a, body.tag h2.entry-title.eba-postcard__title a, body.search h2.entry-title.eba-postcard__title a, body.search-results h2.entry-title.eba-postcard__title a, body.archive h2.entry-title.eba-postcard__title a{ display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; /* mantiene 2 líneas */ overflow: hidden !important; text-overflow: ellipsis !important; word-break: break-word !important; overflow-wrap: anywhere !important; } /* Mobile/Tablet: tamaño y distribución “como en desktop” */ @media (max-width: 991px){ body.blog h2.entry-title.eba-postcard__title, body.category h2.entry-title.eba-postcard__title, body.tag h2.entry-title.eba-postcard__title, body.search h2.entry-title.eba-postcard__title, body.search-results h2.entry-title.eba-postcard__title, body.archive h2.entry-title.eba-postcard__title{ font-size: 22px !important; /* 👈 clave: baja el “gritón” de mobile */ line-height: 1.08 !important; margin-bottom: 12px !important; } /* Un poco más de aire entre título y meta */ body.blog .pull-left.eba-postcard__titlemeta, body.category .pull-left.eba-postcard__titlemeta, body.tag .pull-left.eba-postcard__titlemeta, body.search .pull-left.eba-postcard__titlemeta, body.search-results .pull-left.eba-postcard__titlemeta, body.archive .pull-left.eba-postcard__titlemeta{ padding-bottom: 8px !important; } } /* Móvil pequeño: aún más estable */ @media (max-width: 480px){ body.blog h2.entry-title.eba-postcard__title, body.category h2.entry-title.eba-postcard__title, body.tag h2.entry-title.eba-postcard__title, body.search h2.entry-title.eba-postcard__title, body.search-results h2.entry-title.eba-postcard__title, body.archive h2.entry-title.eba-postcard__title{ font-size: 20px !important; } } /* ========================================================= [EBA][BLOG/ARCHIVE/SEARCH] NO cortar títulos (sin ellipsis) - Quita clamp y overflow hidden - Permite múltiples líneas ========================================================= */ body.blog h2.entry-title.eba-postcard__title a, body.category h2.entry-title.eba-postcard__title a, body.tag h2.entry-title.eba-postcard__title a, body.search h2.entry-title.eba-postcard__title a, body.search-results h2.entry-title.eba-postcard__title a, body.archive h2.entry-title.eba-postcard__title a{ display: inline !important; /* mata el -webkit-box */ -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; overflow: visible !important; text-overflow: unset !important; white-space: normal !important; /* permite saltos */ word-break: normal !important; overflow-wrap: anywhere !important; /* evita desbordes por palabras largas */ } /* ========================================================= [EBA][ARCHIVES] NO cortar títulos (sin ellipsis) - HARD - Cubre category/tag/archive/search (y cualquier listado) - Mata clamp aunque venga con !important del theme ========================================================= */ body.category .eba-postcard__title a, body.tag .eba-postcard__title a, body.archive .eba-postcard__title a, body.search .eba-postcard__title a, body.search-results .eba-postcard__title a, body.blog .eba-postcard__title a{ display: inline !important; /* mata display:-webkit-box */ -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; overflow: visible !important; text-overflow: unset !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; } /* ========================================================= [EBA][ARCHIVES] Header de categoría/tag no debe montarse - Hace que el page-header vuelva a ocupar espacio real - Ajusta tamaños en móvil/tablet ========================================================= */ body.category .page-header, body.tag .page-header, body.archive .page-header{ position: relative !important; z-index: 1 !important; margin: 0 0 18px !important; padding: 0 !important; } body.category .page-header .page-title, body.tag .page-header .page-title, body.archive .page-header .page-title{ margin: 0 !important; line-height: 1.05 !important; letter-spacing: 0 !important; } /* móvil/tablet: baja el tamaño del “Categoría: …” */ @media (max-width: 991px){ body.category .page-header .page-title, body.tag .page-header .page-title, body.archive .page-header .page-title{ font-size: 34px !important; /* ajustable */ } } @media (max-width: 520px){ body.category .page-header .page-title, body.tag .page-header .page-title, body.archive .page-header .page-title{ font-size: 30px !important; /* ajustable */ } } /* ========================================================= [EBA][CATEGORY/TAG/ARCHIVE/SEARCH] 1) Quitar ellipsis/clamp de títulos en cards (incluye H2 y A) 2) Arreglar H1 de la categoría (tamaño y layout en móvil) ========================================================= */ /* ----------------------------- 1) Cards: NO ellipsis (HARD) ----------------------------- */ body.category h2.entry-title.eba-postcard__title, body.tag h2.entry-title.eba-postcard__title, body.archive h2.entry-title.eba-postcard__title, body.search h2.entry-title.eba-postcard__title, body.search-results h2.entry-title.eba-postcard__title, body.search-no-results h2.entry-title.eba-postcard__title{ display: block !important; /* mata display:-webkit-box */ -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; overflow: visible !important; text-overflow: unset !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; } /* por si el clamp está en el */ body.category h2.entry-title.eba-postcard__title > a, body.tag h2.entry-title.eba-postcard__title > a, body.archive h2.entry-title.eba-postcard__title > a, body.search h2.entry-title.eba-postcard__title > a, body.search-results h2.entry-title.eba-postcard__title > a, body.search-no-results h2.entry-title.eba-postcard__title > a{ display: inline !important; -webkit-line-clamp: unset !important; -webkit-box-orient: unset !important; overflow: visible !important; text-overflow: unset !important; white-space: normal !important; word-break: normal !important; overflow-wrap: anywhere !important; } /* ------------------------------------------ 2) H1 del archivo (Categoría/Tag): tamaño Está dentro de .gamez-page-header ------------------------------------------ */ body.category .gamez-page-header .page-title, body.tag .gamez-page-header .page-title, body.archive .gamez-page-header .page-title{ margin: 0 !important; line-height: 1.05 !important; letter-spacing: 0 !important; } /* móvil/tablet: evitar “gigante” y que se monte */ @media (max-width: 991px){ body.category .gamez-page-header, body.tag .gamez-page-header, body.archive .gamez-page-header{ height: auto !important; /* clave: no fuerza 180/250 */ padding: 110px 0 22px !important; /* ajusta espacio del H1 */ } body.category .gamez-page-header .page-title, body.tag .gamez-page-header .page-title, body.archive .gamez-page-header .page-title{ font-size: clamp(28px, 7vw, 44px) !important; } } @media (max-width: 520px){ body.category .gamez-page-header, body.tag .gamez-page-header, body.archive .gamez-page-header{ padding: 95px 0 18px !important; } body.category .gamez-page-header .page-title, body.tag .gamez-page-header .page-title, body.archive .gamez-page-header .page-title{ font-size: clamp(26px, 8vw, 38px) !important; } } /* ========================================================= [EBA][BLOG/ARCHIVES] Desktop: títulos de cards demasiado grandes - Fija un tamaño “premium” en escritorio - Mantiene lo que ya funciona en mobile/tablet ========================================================= */ @media (min-width: 992px){ body.blog h2.entry-title.eba-postcard__title, body.category h2.entry-title.eba-postcard__title, body.tag h2.entry-title.eba-postcard__title, body.search h2.entry-title.eba-postcard__title, body.search-results h2.entry-title.eba-postcard__title, body.search-no-results h2.entry-title.eba-postcard__title, body.archive h2.entry-title.eba-postcard__title{ font-size: clamp(22px, 2.1vw, 32px) !important; line-height: 1.06 !important; letter-spacing: -0.01em !important; margin: 0 0 10px !important; } /* Asegura que el no meta tamaños propios */ body.blog h2.entry-title.eba-postcard__title a, body.category h2.entry-title.eba-postcard__title a, body.tag h2.entry-title.eba-postcard__title a, body.search h2.entry-title.eba-postcard__title a, body.search-results h2.entry-title.eba-postcard__title a, body.search-no-results h2.entry-title.eba-postcard__title a, body.archive h2.entry-title.eba-postcard__title a{ font-size: inherit !important; line-height: inherit !important; } } /* ========================================================= [EBA][LIKE/DISLIKE] Botones compactos (no full width) - Desktop: pills centradas, mismo alto, sin estirarse - Mobile: si no caben, apilan sin romper ========================================================= */ body.single-post #primary.eba-single-wrap .gamez-review-like-actions{ display: flex !important; justify-content: center !important; /* centrado */ align-items: center !important; gap: 12px !important; flex-wrap: wrap !important; /* si no caben, baja a 2da línea */ } /* Botón como “pill” compacto */ body.single-post #primary.eba-single-wrap .gamez-review-vote-btn{ flex: 0 0 auto !important; /* 👈 evita que se estire */ width: auto !important; /* 👈 mata width:100% heredado */ min-width: 180px !important; /* ajusta si quieres más/menos */ max-width: 260px !important; /* opcional: evita botones enormes */ justify-content: center !important; padding: 10px 16px !important; } /* En pantallas muy angostas, permitimos que ocupen ancho completo */ @media (max-width: 520px){ body.single-post #primary.eba-single-wrap .gamez-review-vote-btn{ width: 100% !important; max-width: none !important; min-width: 0 !important; } } /* ========================================================= [EBA][SINGLE POST] Subir la surface en móvil/tablet - Reduce el espacio superior del wrapper principal ========================================================= */ @media (max-width: 1024px){ /* wrapper principal (la surface del artículo) */ body.single-post #primary.eba-single-wrap{ margin-top: 6px !important; /* antes se siente muy abajo */ padding-top: 30 !important; } /* por si el theme mete margen arriba del content */ body.single-post #primary.eba-single-wrap .site-main, body.single-post #primary.eba-single-wrap article, body.single-post #primary.eba-single-wrap .single-post-content{ margin-top: 0 !important; } } /* móvil pequeño: aún más pegado */ @media (max-width: 767px){ body.single-post #primary.eba-single-wrap{ margin-top: -92px !important; } } /* ========================================= EBA — Links dentro del contenido Mejora visibilidad en Dark Surfaces ========================================= */ .single-post .entry-content a, .single-game_review .entry-content a{ font-weight: 600; text-decoration: underline; text-decoration-color: #ff3b3b; text-underline-offset: 3px; text-decoration-thickness: 1.5px; } /* Hover */ .single-post .entry-content a:hover, .single-game_review .entry-content a:hover{ color: #ffffff; text-decoration-color: #ff5a5a; }