/* ==========================
	 Tema Gamer Tech - LakinStudios News
	 Paleta:
	 Fondo: #121212 / #181818
	 Texto: #FFFFFF / #E0E0E0
	 Acento Azul Eléctrico: #1E90FF / #009dff
	 Botón Primario Verde Neón: #39FF14
	 Hover/CTA Naranja Energía: #FF7800
	 Gradiente Logo: Morado (#7928CA) -> Naranja (#FF6A00)
============================= */

:root {
	--color-bg: #121212;
	--color-bg-alt: #181818;
	--color-text: #e6e6e6;
	--color-text-strong: #ffffff;
	--color-accent: #009dff;
	--color-accent-alt: #1e90ff;
	--color-cta: #39ff14;
	--color-cta-glow: #62ff43;
	--color-hover: #ff7800;
	--color-warning: #ff4d4d;
	--radius-sm: 4px;
	--radius-md: 10px;
	--radius-pill: 40px;
	--shadow-focus: 0 0 0 2px #ffffff10, 0 0 0 4px var(--color-accent);
	--gradient-logo: linear-gradient(90deg,#7928ca 0%,#ff6a00 100%);
	--font-display: 'Orbitron', system-ui, sans-serif;
	--font-mono: 'Roboto Mono', monospace;
	--transition-fast: .18s cubic-bezier(.4,0,.2,1);
	scroll-behavior: smooth;
}

* { box-sizing: border-box; }
html, body { height: 100%; }
body {
	margin: 0;
	font-family: var(--font-mono);
	background: radial-gradient(circle at 20% 20%, #1a1a1a 0%, #0e0e0e 70%) fixed;
	color: var(--color-text);
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}
body:not(.mobile-adapt), html:not(.mobile-adapt) { min-width:1024px; overflow-x:auto; }
html.mobile-adapt, body.mobile-adapt { min-width:0; }

body::before {
	/* Sutil grid futurista */
	content: "";
	position: fixed;
	inset: 0;
	background:
		repeating-linear-gradient(0deg, #ffffff05 0 2px, transparent 2px 80px),
		repeating-linear-gradient(90deg, #ffffff05 0 2px, transparent 2px 80px);
	pointer-events: none;
	z-index: 0;
}

/* Tipografía y elementos base */
h1,h2,h3 { font-family: var(--font-display); letter-spacing: .5px; color: var(--color-text-strong); line-height: 1.2; }
h1 { font-size: clamp(2.2rem, 4vw, 3rem); margin: 0 0 1rem; }
h2 { font-size: clamp(1.4rem, 2.6vw, 2rem); margin: 2.5rem 0 1rem; }
p { margin: 0 0 1.1rem; }
ul { margin: 0 0 1.5rem; padding-left: 1.2rem; }
li { margin-bottom: .6rem; }
a { color: var(--color-accent); text-decoration: none; }
a:hover, a:focus-visible { color: var(--color-hover); }

/* Header */
.site-header {
	position: sticky;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 2rem;
	padding: .9rem clamp(1rem,4vw,3rem);
	background: linear-gradient(90deg,#161616,#101010 60%,#161616);
	border-bottom: 1px solid #ffffff10;
	backdrop-filter: blur(6px);
	z-index: 20;
	will-change: transform;
}

/* Ocultamiento al hacer scroll (rápido hacia arriba) */
.site-header.hide-on-scroll { transform: translateY(-120%); }
.site-header { transition: transform .25s cubic-bezier(.7,.15,.4,1), background var(--transition-fast); }

.logo {
	font-family: var(--font-display);
	font-size: 1.3rem;
	font-weight: 600;
	background: var(--gradient-logo);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	position: relative;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.logo span { color: #7928ca; filter: none; background: none; -webkit-background-clip: initial; background-clip: initial; }
.logo strong { font-weight: 700; }

.main-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .9rem; }
.main-nav a {
	display: inline-block;
	padding: .55rem .95rem;
	font-size: .85rem;
	font-weight: 500;
	letter-spacing: .5px;
	text-transform: uppercase;
	background: #1c1c1c;
	border: 1px solid #242424;
	border-radius: var(--radius-pill);
	color: var(--color-text);
	position: relative;
	overflow: hidden;
	transition: var(--transition-fast), border-color .3s;
}
.main-nav a::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg, transparent, #009dff22, transparent);
	transform: translateX(-100%);
	transition: transform .6s ease;
}
.main-nav a:hover::before, .main-nav a:focus-visible::before { transform: translateX(100%); }
.main-nav a:hover, .main-nav a:focus-visible { border-color: var(--color-accent); color: var(--color-text-strong); }
.main-nav a.active {
	border-color: var(--color-accent-alt);
	color: var(--color-text-strong);
	background: linear-gradient(120deg,#101b24,#1e1e1e);
	box-shadow: 0 0 0 1px #0a0a0a inset, 0 0 12px -4px #009dffaa;
}
.main-nav a:focus-visible { outline: none; box-shadow: var(--shadow-focus); }

/* Paneles */
.panel {
	position: relative;
	z-index: 1;
	max-width: 980px;
	margin: 0 auto;
	padding: clamp(1.6rem,3.5vw,3rem) clamp(.9rem,3.5vw,2.4rem);
	background: linear-gradient(145deg,#181818 0%,#121212 90%);
	border: 1px solid #ffffff10;
	border-radius: var(--radius-md);
	box-shadow: 0 10px 30px -15px #00000090, 0 0 0 1px #ffffff05 inset;
	overflow: hidden;
}

.panel::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 85% 15%, #009dff18, transparent 60%),
		radial-gradient(circle at 10% 85%, #ff6a0015, transparent 60%);
	mix-blend-mode: plus-lighter;
	pointer-events: none;
	opacity: .8;
}

.panel h2:first-child { margin-top: 0; }

/* Listas estilizadas */
.feature-list,
.warning-list { list-style: none; padding: 0; }

.feature-list li,
.warning-list li {
	position: relative;
	padding-left: 1.9rem;
	background: #1a1a1a;
	border: 1px solid #242424;
	margin-bottom: .8rem;
	border-radius: var(--radius-sm);
	padding-top: .9rem;
	padding-bottom: .9rem;
	line-height: 1.5;
	transition: background var(--transition-fast), border-color .4s;
}

.feature-list li::before,
.warning-list li::before {
	content: "";
	position: absolute;
	top: 50%;
	left: .75rem;
	width: .85rem;
	height: .85rem;
	transform: translateY(-50%) rotate(45deg);
	border-radius: 2px;
	box-shadow: 0 0 0 2px #000;
}

.feature-list li::before { background: var(--color-cta); box-shadow: 0 0 6px 2px #39ff1444, 0 0 0 2px #000; }
.warning-list li::before { background: var(--color-hover); box-shadow: 0 0 6px 2px #ff780044, 0 0 0 2px #000; }

.feature-list li:hover { background: #202020; border-color: #2b2b2b; }
.warning-list li:hover { background: #1f1610; border-color: #332417; }

/* Texto especial */
.coming-soon, .proximo { font-style: italic; color: var(--color-accent-alt); }

/* Botones generales */
button, .btn {
	font-family: var(--font-display);
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	border-radius: var(--radius-pill);
	padding: .85rem 1.6rem;
	background: var(--color-cta);
	color: #062400;
	position: relative;
	transition: var(--transition-fast);
	box-shadow: 0 0 10px 2px #39ff1433, 0 4px 18px -4px #39ff1480;
}
button:hover, .btn:hover { background: var(--color-cta-glow); box-shadow: 0 0 14px 4px #39ff1470; }
button:focus-visible, .btn:focus-visible { outline: none; box-shadow: var(--shadow-focus), 0 0 14px 4px #39ff1470; }

/* Botón volver arriba */
.back-to-top {
	position: fixed;
	bottom: 1.4rem;
	right: 1.4rem;
	width: 46px;
	height: 46px;
	display: grid;
	place-items: center;
	font-size: 1.1rem;
	padding: 0;
	border-radius: 50%;
	background: #202020;
	color: var(--color-cta);
	border: 1px solid #2a2a2a;
	box-shadow: 0 0 0 2px #000, 0 0 12px -2px #39ff1499 inset;
	opacity: 0;
	visibility: hidden;
	transform: translateY(10px);
	transition: var(--transition-fast), background .4s, color .4s;
	z-index: 60;
}
.back-to-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }
.back-to-top:hover { background: var(--color-cta); color: #071e00; }
.back-to-top:focus-visible { outline: none; box-shadow: var(--shadow-focus), 0 0 0 2px #000 inset; }

/* Footer */
.site-footer {
	margin-top: 4rem;
	text-align: center;
	padding: 2.5rem 1rem 4rem;
	background: #0b0b0b;
	border-top: 1px solid #1d1d1d;
	font-size: .85rem;
	position: relative;
}
.site-footer a { color: var(--color-accent-alt); }
.site-footer a:hover { color: var(--color-hover); }

/* Enlaces y selección */
::selection { background: var(--color-accent); color: #fff; }
::-moz-selection { background: var(--color-accent); color: #fff; }

/* Scrollbar (webkit) */
::-webkit-scrollbar { width: 12px; }
::-webkit-scrollbar-track { background: #0d0d0d; }
::-webkit-scrollbar-thumb { background: #202020; border-radius: 20px; border: 2px solid #0d0d0d; }
::-webkit-scrollbar-thumb:hover { background: #2d2d2d; }

/* Responsividad */
@media (max-width: 880px) {
	.main-nav a { font-size: .7rem; padding: .5rem .75rem; }
	h1 { font-size: clamp(1.9rem, 6vw, 2.4rem); }
	.panel { padding: clamp(1.4rem,5vw,2.2rem) clamp(.9rem,5vw,2rem); }
}

@media (max-width: 560px) {
	.site-header { flex-direction: column; align-items: flex-start; }
	.main-nav ul { justify-content: flex-start; }
	.logo { font-size: 1.15rem; }
}

/* Xbox Game Pass Section */
.panel-xbox {
	border-color: #2d8f24aa;
	background: linear-gradient(150deg,#182218 0%,#121a12 55%,#101010 100%);
}
.panel-xbox h2 { color: #afffaf; text-shadow: 0 0 6px #39ff1433; }
.xbox-hero { display: block; }
.xbox-media.hero-wide { width: 100%; margin: 0 0 1.8rem; }
.xbox-media.hero-wide figure { margin: 0; position: relative; }
.xbox-media.hero-wide img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; border-radius: var(--radius-md); border: 1px solid #264226; box-shadow: 0 8px 30px -12px #000, 0 0 0 1px #39ff1415 inset; height: clamp(260px,48vh,420px); }
.xbox-media.hero-wide img.img-missing { filter: grayscale(1) contrast(1.2); opacity: .55; }
.xbox-cover figcaption { position: absolute; bottom: 10px; left: 12px; padding: 6px 12px; background: #0d160de0; backdrop-filter: blur(6px); font-size: .7rem; letter-spacing: .6px; text-transform: uppercase; border: 1px solid #1d371d; border-radius: 8px; color: #c8f5c8; font-family: var(--font-display); }

/* PlayStation Plus Section */
.panel-ps { border-color: #0f2e55; background: linear-gradient(150deg,#0d1a2a 0%,#0c1622 55%,#101621 100%); }
.panel-ps h2 { color: #b7d8ff; text-shadow: 0 0 6px #1e90ff55; }
.ps-hero { display: block; }
.ps-media.hero-wide { width: 100%; margin: 0 0 1.8rem; }
.ps-media.hero-wide figure { margin: 0; position: relative; }
.ps-media.hero-wide img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; border-radius: var(--radius-md); border: 1px solid #123455; box-shadow: 0 8px 30px -12px #000, 0 0 0 1px #1e90ff22 inset; height: clamp(260px,48vh,420px); }
.ps-media.hero-wide img.img-missing { filter: grayscale(1) contrast(1.2); opacity: .55; }
.ps-cover figcaption { position: absolute; bottom: 10px; left: 12px; padding: 6px 12px; background: #0f2033e0; backdrop-filter: blur(6px); font-size: .7rem; letter-spacing: .6px; text-transform: uppercase; border: 1px solid #1c3a5d; border-radius: 8px; color: #d5ecff; font-family: var(--font-display); }
.ps-info h3 { margin-top: 1.6rem; font-size: 1.05rem; letter-spacing: .5px; color: #b2ddff; }
.btn-ps { background: linear-gradient(90deg,#1e90ff,#0074ff 50%,#1e90ff); color: #02182b; display: inline-flex; align-items: center; gap: .6rem; padding: .9rem 1.4rem; font-size: .8rem; box-shadow: 0 0 0 1px #08253c inset, 0 0 18px -4px #1e90ff99; }
.btn-ps:hover { background: linear-gradient(90deg,#49aaff,#278dff 60%,#49aaff); }
.btn-ps .icon { width: 22px; height: 22px; object-fit: contain; filter: drop-shadow(0 0 4px #1e90ff88); }
.niveles li { background: #132233; border-color: #1d354b; }
.niveles li::before { background: #1e90ff; box-shadow: 0 0 6px 2px #1e90ff44,0 0 0 2px #000; }

/* Divider Section */
.panel-divider { background: linear-gradient(120deg,#1a1a1a,#121212); border-style: dashed; }
.panel-divider h2 { font-size: 1.2rem; letter-spacing: .8px; color: var(--color-accent); text-transform: uppercase; }
.panel-divider p { font-style: italic; color: #cccccc; }

/* EA Play */
.panel-ea { background: linear-gradient(150deg,#1d1414 0%,#191010 55%,#100b0b 100%); border-color: #3c1d1d; }
.panel-ea h2 { color: #ffb4a2; text-shadow: 0 0 6px #ff4d4d55; }
.ea-media.hero-wide img { aspect-ratio: 16/9; object-fit: cover; border: 1px solid #472424; box-shadow: 0 8px 28px -12px #000, 0 0 0 1px #ff4d4d22 inset; width:100%; height:clamp(260px,48vh,420px); border-radius: var(--radius-md); display:block; }
.ea-cover figcaption { position:absolute; bottom:10px; left:12px; padding:6px 12px; background:#2a1616e0; border:1px solid #5d3030; border-radius:8px; font-size:.7rem; letter-spacing:.6px; text-transform:uppercase; color:#ffd8d2; font-family:var(--font-display); }
.btn-ea { background: linear-gradient(90deg,#ff4d4d,#ff2e2e 50%,#ff4d4d); color:#280909; display:inline-flex; align-items:center; gap:.6rem; padding:.9rem 1.4rem; font-size:.8rem; box-shadow:0 0 0 1px #451515 inset,0 0 18px -4px #ff4d4d99; }
.btn-ea:hover { background: linear-gradient(90deg,#ff6a6a,#ff4d4d 60%,#ff6a6a); }

/* Ubisoft+ */
.panel-ubi { background: linear-gradient(150deg,#101826 0%,#0f1822 55%,#0b121b 100%); border-color:#17314a; }
.panel-ubi h2 { color:#a8d8ff; text-shadow:0 0 6px #1e90ff44; }
.ubi-media.hero-wide img { aspect-ratio:16/9; object-fit:cover; border:1px solid #1c3952; box-shadow:0 8px 28px -12px #000,0 0 0 1px #1e90ff22 inset; width:100%; height:clamp(260px,48vh,420px); border-radius: var(--radius-md); display:block; }
.ubi-cover figcaption { position:absolute; bottom:10px; left:12px; padding:6px 12px; background:#0e2236e0; border:1px solid #1d3f63; border-radius:8px; font-size:.7rem; letter-spacing:.6px; text-transform:uppercase; color:#d0ecff; font-family:var(--font-display); }
.btn-ubi { background: linear-gradient(90deg,#1e90ff,#0a6cd4 60%,#1e90ff); color:#021425; display:inline-flex; align-items:center; gap:.6rem; padding:.9rem 1.4rem; font-size:.8rem; box-shadow:0 0 0 1px #0a2c44 inset,0 0 18px -4px #1e90ff88; }
.btn-ubi:hover { background: linear-gradient(90deg,#4aa9ff,#1e90ff 60%,#4aa9ff); }

/* Amazon Gaming & Luna */
.panel-amazon { background: linear-gradient(150deg,#1c1327 0%,#150f1f 55%,#100b17 100%); border-color:#3a2754; }
.panel-amazon h2 { color:#ddb9ff; text-shadow:0 0 6px #b17bff55; }
.amazon-media.hero-wide img { aspect-ratio:16/9; object-fit:cover; border:1px solid #3b2960; box-shadow:0 8px 28px -12px #000,0 0 0 1px #b17bff22 inset; width:100%; height:clamp(260px,48vh,420px); border-radius: var(--radius-md); display:block; }
.amazon-cover figcaption { position:absolute; bottom:10px; left:12px; padding:6px 12px; background:#291b40e0; border:1px solid #4b3074; border-radius:8px; font-size:.7rem; letter-spacing:.6px; text-transform:uppercase; color:#edd9ff; font-family:var(--font-display); }
.btn-amazon { background: linear-gradient(90deg,#b17bff,#9c54ff 55%,#b17bff); color:#230b42; display:inline-flex; align-items:center; gap:.6rem; padding:.85rem 1.3rem; font-size:.78rem; box-shadow:0 0 0 1px #3d136f inset,0 0 18px -4px #b17bff80; }
.btn-amazon.alt { background: linear-gradient(90deg,#ff7800,#ff951f 55%,#ff7800); color:#2a1200; box-shadow:0 0 0 1px #602d00 inset,0 0 18px -4px #ff780088; }
.btn-amazon:hover { background: linear-gradient(90deg,#c692ff,#b17bff 50%,#c692ff); }
.btn-amazon.alt:hover { background: linear-gradient(90deg,#ffa03a,#ff8614 60%,#ffa03a); }
.btn-group { display:flex; gap:.8rem; flex-wrap:wrap; }

/* Mobile Pass */
.panel-mobile { background: linear-gradient(150deg,#132318 0%,#111d15 55%,#0d1711 100%); border-color:#204a30; }
.panel-mobile h2 { color:#9dffce; text-shadow:0 0 6px #39ff1460; }
.mobile-media.hero-wide img { aspect-ratio:16/9; object-fit:cover; border:1px solid #1f5a39; box-shadow:0 8px 28px -12px #000,0 0 0 1px #39ff1422 inset; width:100%; height:clamp(260px,48vh,420px); border-radius: var(--radius-md); display:block; }
.mobile-cover figcaption { position:absolute; bottom:10px; left:12px; padding:6px 12px; background:#123324e0; border:1px solid #1e6042; border-radius:8px; font-size:.7rem; letter-spacing:.6px; text-transform:uppercase; color:#ccffe7; font-family:var(--font-display); }
.btn-mobile { background: linear-gradient(90deg,#39ff14,#33e40f 55%,#39ff14); color:#072a00; display:inline-flex; align-items:center; gap:.6rem; padding:.9rem 1.4rem; font-size:.8rem; box-shadow:0 0 0 1px #0d4405 inset,0 0 18px -4px #39ff1480; }
.btn-mobile:hover { background: linear-gradient(90deg,#62ff43,#45ff1f 60%,#62ff43); }

/* Conclusión Final */
.panel-final { background: linear-gradient(160deg,#181818,#101010 70%); border-color:#2a2a2a; }
.panel-final h2 { color:#ffffff; text-shadow:0 0 8px #009dff55; }
.panel-final p { font-size:.97rem; }

/* Responsive tweaks new sections */
@media (max-width: 600px) {
	.btn-group { flex-direction: column; }
}

/* Layout width constraint for ad sidebars */
main { max-width: 1200px; margin: 0 auto; padding: 0 1.25rem; }
/* panel width handled above */
.xbox-info h3 { margin-top: 1.5rem; font-size: 1.05rem; letter-spacing: .5px; color: #d4ffd4; }
.btn-xbox { background: linear-gradient(90deg,#2bff34,#39ff14 40%,#2bff34); color: #052a05; display: inline-flex; align-items: center; gap: .6rem; padding: .9rem 1.4rem; font-size: .8rem; box-shadow: 0 0 0 1px #0a300a inset, 0 0 18px -4px #39ff1480; }
.btn-xbox:hover { background: linear-gradient(90deg,#52ff5a,#54ff3a); }
.btn-xbox .icon { width: 22px; height: 22px; border-radius: 4px; object-fit: cover; filter: drop-shadow(0 0 4px #39ff1477); }

@media (max-width: 780px) { .xbox-media.hero-wide img { aspect-ratio: 16 / 9; } }
@media (max-width: 600px) { .xbox-cover figcaption { font-size: .58rem; bottom: 6px; left: 8px; padding: 4px 9px; } }

/* Loader page transition */
.page-loader { position: fixed; inset: 0; background: #0d0d0fee; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:1.1rem; z-index:9999; backdrop-filter: blur(5px); transition: opacity .4s ease, visibility .4s ease; }
.page-loader.hidden { opacity:0; visibility:hidden; }
.page-loader p { font-family: var(--font-display); letter-spacing:.9px; font-size:1rem; color: var(--color-accent); animation: pulseText 1.2s ease-in-out infinite; }
.spinner { width:70px; height:70px; border:6px solid #1e1e1e; border-top-color: var(--color-accent); border-right-color: var(--color-cta); border-radius:50%; animation: spin 1s linear infinite; box-shadow:0 0 18px -4px #009dff66,0 0 28px -6px #39ff1466 inset; }
@keyframes spin { to { transform: rotate(360deg);} }
@keyframes pulseText { 0%,100% { opacity:.35;} 50% { opacity:1;} }

/* Accesibilidad adicional */
@media (prefers-reduced-motion: reduce) {
	* { animation: none !important; transition: none !important; }
	html { scroll-behavior: auto; }
}

/* ===== Overlay aviso móvil & adaptación ===== */
.mobile-overlay { position: fixed; inset:0; background:#0b0b0fee; display:flex; align-items:center; justify-content:center; z-index:10000; padding:1.5rem; backdrop-filter:blur(6px); transition: opacity .4s ease, visibility .4s ease; }
.mobile-overlay.hidden { opacity:0; visibility:hidden; pointer-events:none; }
.mobile-overlay-content { position:relative; max-width:520px; width:100%; background:linear-gradient(140deg,#1d1d1d,#121212 80%); border:1px solid #ffffff15; border-radius:16px; padding:2rem 1.6rem 2.2rem; box-shadow:0 20px 50px -20px #000,0 0 0 1px #ffffff08 inset; }
.mobile-overlay-content h2 { margin-top:0; font-size:1.2rem; letter-spacing:.8px; color:var(--color-accent); }
.mobile-overlay-content p { font-size:.85rem; line-height:1.5; color:#d0d0d0; }
.mobile-overlay-actions { display:flex; flex-wrap:wrap; gap:.9rem; margin-top:1.2rem; }
.mobile-overlay .btn.small { padding:.65rem 1.1rem; font-size:.62rem; letter-spacing:1px; }
.mobile-overlay .btn.small.alt { background:var(--color-accent-alt); color:#031a29; box-shadow:0 0 0 1px #0c2f49 inset,0 0 16px -4px #1e90ff80; }
.mobile-overlay .btn.small.alt:hover { background:var(--color-accent); }
.close-overlay { position:absolute; top:8px; right:10px; background:#222; color:#fff; border:1px solid #333; width:34px; height:34px; border-radius:50%; cursor:pointer; font-size:1.1rem; display:grid; place-items:center; transition:background .3s; }
.close-overlay:hover { background:#333; }

/* Advertencia PC dentro overlay */
.pc-warning { margin-top:1.2rem; padding:1rem .9rem 1.1rem; background:#241a10; border:1px solid #3a2b18; border-radius:12px; font-size:.7rem; line-height:1.5; animation: fadeIn .4s ease; }
.pc-warning.hidden { display:none; }
.pc-warning p { margin:.1rem 0 .9rem; color:#ffcf9c; }
.pc-warning-actions { display:flex; gap:.6rem; }
.btn.small.danger { background:#ff4d4d; color:#270000; box-shadow:0 0 0 1px #4a1212 inset,0 0 14px -4px #ff4d4d99; }
.btn.small.danger:hover { background:#ff6a6a; }
@keyframes fadeIn { from { opacity:0; transform:translateY(4px);} to { opacity:1; transform:translateY(0);} }

/* Estado adaptado */
body.mobile-adapt { min-width:auto; }
body.mobile-adapt #dynamic-viewport { content: normal; }
body.mobile-adapt .panel { max-width: 100%; padding:1.4rem 1rem 2rem; }
body.mobile-adapt main { max-width:100%; padding:0 1rem; }
body.mobile-adapt .site-header { flex-direction:column; align-items:flex-start; gap:1rem; }
body.mobile-adapt .main-nav ul { gap:.5rem; }
body.mobile-adapt .main-nav a { font-size:.62rem; padding:.45rem .6rem; }
body.mobile-adapt h1 { font-size:1.6rem; }
body.mobile-adapt h2 { font-size:1.15rem; }
body.mobile-adapt p, body.mobile-adapt li { font-size:.75rem; }
body.mobile-adapt .xbox-media.hero-wide img,
body.mobile-adapt .ps-media.hero-wide img,
body.mobile-adapt .ea-media.hero-wide img,
body.mobile-adapt .ubi-media.hero-wide img,
body.mobile-adapt .amazon-media.hero-wide img,
body.mobile-adapt .mobile-media.hero-wide img { height: clamp(180px,38vh,300px); }
body.mobile-adapt .btn { font-size:.6rem; padding:.6rem 1rem; }
body.mobile-adapt .feature-list li, body.mobile-adapt .warning-list li { padding-left:1.4rem; }

@media (min-width:1025px) { .mobile-overlay { display:none !important; } }