/* Estilos página resumen - reutiliza variables de index.css */
.resumen-main { max-width: 1040px; margin: 0 auto; padding: clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,2rem); }
.resumen-main h1 { text-align: center; margin-top: 0; }
.intro { text-align: center; font-style: italic; color: var(--color-accent-alt); margin-bottom: 2.2rem; }

.grid-resumen { display: grid; gap: 1.6rem; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); }
.card { position: relative; padding: 1.2rem 1.1rem 1.4rem; border: 1px solid #ffffff10; border-radius: var(--radius-md); background: linear-gradient(140deg,#1a1a1a,#121212 70%); box-shadow: 0 6px 20px -10px #000,0 0 0 1px #ffffff07 inset; display: flex; flex-direction: column; gap: .75rem; }
.card h2 { margin: 0; font-size: 1.05rem; letter-spacing: .8px; }
.card p { font-size: .8rem; line-height: 1.4; margin: 0 0 .4rem; }

/* Color acentos tarjetas */
.card-xbox h2 { color: #39ff14; text-shadow: 0 0 6px #39ff1444; }
.card-ps h2 { color: #1e90ff; text-shadow: 0 0 6px #1e90ff55; }
.card-ea h2 { color: #ff4d4d; text-shadow: 0 0 6px #ff4d4d55; }
.card-ubi h2 { color: #6ab8ff; text-shadow: 0 0 6px #1e90ff55; }
.card-amazon h2 { color: #b17bff; text-shadow: 0 0 6px #b17bff55; }
.card-mobile h2 { color: #39ff14; text-shadow: 0 0 6px #39ff1460; }

.mini-btn { align-self: flex-start; background: var(--color-accent); color:#031923; font-family: var(--font-display); font-size: .65rem; letter-spacing: .8px; text-transform: uppercase; padding: .55rem .9rem; border-radius: var(--radius-pill); font-weight:600; display:inline-block; line-height:1; border:1px solid #0d2a36; box-shadow:0 0 0 1px #04141a inset,0 0 12px -4px #009dff88; transition: var(--transition-fast); margin-right: .4rem; }
.mini-btn:hover { background: var(--color-hover); color:#190d00; border-color:#2d1400; box-shadow:0 0 0 1px #2d1400 inset,0 0 14px -4px #ff780088; }
.mini-btn.alt { background: #ff7800; color:#1a0b00; border-color:#4a2600; box-shadow:0 0 0 1px #4a2600 inset,0 0 12px -4px #ff780066; }
.mini-btn.alt:hover { background:#ffa03a; }

.nota-final { margin-top: 3rem; padding: 1.8rem 1.4rem; border:1px solid #ffffff10; border-radius: var(--radius-md); background: linear-gradient(145deg,#181818,#121212 90%); box-shadow:0 8px 24px -14px #000,0 0 0 1px #ffffff06 inset; }
.nota-final h2 { margin-top:0; font-size:1.1rem; color: var(--color-accent); letter-spacing:.8px; }
.nota-final p { margin:0; font-size:.85rem; }

/* Hover elevación */
.card:hover { box-shadow:0 10px 28px -12px #000,0 0 0 1px #009dff22 inset; transform: translateY(-3px); }
.card { transition: box-shadow .4s, transform .4s; }

@media (max-width:600px){
	.grid-resumen { grid-template-columns: repeat(auto-fit,minmax(150px,1fr)); gap: 1rem; }
	.card { padding: 1rem .9rem 1.1rem; }
	.card h2 { font-size: .9rem; }
	.card p { font-size: .7rem; }
}

/* Modo adaptado heredado (mobile-adapt en body) */
body.mobile-adapt .resumen-main { max-width: 100%; padding: 1.6rem 1rem 2rem; }
body.mobile-adapt .grid-resumen { grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); gap:.85rem; }
body.mobile-adapt .card { padding:.9rem .75rem 1rem; }
body.mobile-adapt .card h2 { font-size:.78rem; }
body.mobile-adapt .card p { font-size:.6rem; }
body.mobile-adapt .mini-btn { font-size:.52rem; padding:.45rem .7rem; letter-spacing:.9px; }
body.mobile-adapt .nota-final { padding:1.2rem 1rem; }
body.mobile-adapt .nota-final p { font-size:.65rem; }

/* Advertencia PC reutiliza estilos base del index (solo fallback si se carga sin index.css) */
.pc-warning { margin-top:1rem; padding:.9rem .8rem 1rem; background:#241a10; border:1px solid #3a2b18; border-radius:12px; font-size:.65rem; line-height:1.45; }
.pc-warning.hidden { display:none; }
.pc-warning p { margin:.1rem 0 .8rem; color:#ffcf9c; }
.pc-warning-actions { display:flex; gap:.6rem; }
.btn.small.danger { background:#ff4d4d; color:#270000; }
.btn.small.danger:hover { background:#ff6a6a; }