/*
 Theme Name:   Abandonado
 Theme URI:    https://abandonado.com
 Description:  Tema hijo de GeneratePress con estética pixel art oscura para Abandonado.
 Author:       Abandonado
 Template:     generatepress
 Version:      1.3.0
 Text Domain:  abandonado-child
*/

/* =========================================================
   1. PALETA (cámbiala aquí y se aplica a toda la web)
   ========================================================= */
:root {
	/* Colores extraídos del logo y la mascota */
	--ab-fondo:        #0c1726; /* azul noche de la túnica: fondo general */
	--ab-fondo-2:      #152543; /* azul marino de la túnica: tarjetas y cajas */
	--ab-cabecera:     #040d23; /* cielo oscuro del logo con mascota: cabecera y pie */
	--ab-borde:        #00576a; /* azul petróleo de la cinta del logo: bordes pixel */
	--ab-texto:        #efe9d6; /* pergamino aclarado: texto principal */
	--ab-texto-suave:  #b9c3cf; /* entradillas */
	--ab-texto-meta:   #8fa6b8; /* fechas, autor, etiquetas */
	--ab-acento:       #d8be73; /* madera del logo: botones, enlaces destacados */
	--ab-acento-hover: #ffe98d; /* halo del farol */
	--ab-sombra:       #494430; /* guantes: sombra de botones */
	--ab-relatos:      #ec7646; /* llama del farol: sección Relatos */
	--ab-misterio:     #06a2ca; /* brillo de la capucha: sección Misterios */
	--ab-rarezas:      #66cc66; /* verde del farol: sección Rarezas */
	--ab-ojos:         #7b2700; /* ojos de la mascota: solo detalles, nunca texto */

	/* Fuentes del sistema: no se carga ningún archivo externo.
	   Cada ordenador usa la primera de la lista que tenga instalada. */
	--ab-fuente-pixel:  ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, 'DejaVu Sans Mono', 'Liberation Mono', monospace;
	--ab-fuente-ui:     ui-monospace, 'Cascadia Mono', 'SF Mono', Menlo, Consolas, 'DejaVu Sans Mono', 'Liberation Mono', monospace;
	--ab-fuente-texto:  Charter, 'Bitstream Charter', 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, Cambria, 'Times New Roman', serif;
}

/* =========================================================
   2. BASE
   ========================================================= */
body {
	background: var(--ab-fondo);
	color: var(--ab-texto);
	font-family: var(--ab-fuente-texto);
	font-size: 19px;
	line-height: 1.7;
}

a { color: var(--ab-texto); }
a:hover, a:focus { color: var(--ab-acento); }

/* Imágenes pixel art nítidas (exporta en PNG y a escala x2, x3, x4) */
img, .pixel {
	image-rendering: pixelated;
	image-rendering: crisp-edges;
}

/* Efecto pantalla CRT. Para quitarlo, borra este bloque. */
body::after {
	content: "";
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 9999;
	background: repeating-linear-gradient(
		to bottom,
		rgba(0,0,0,0) 0px,
		rgba(0,0,0,0) 2px,
		rgba(0,0,0,0.18) 3px,
		rgba(0,0,0,0) 4px
	);
}

/* =========================================================
   3. TITULARES
   ========================================================= */
h1, h2, h3,
.entry-title,
.site-title,
.widget-title {
	font-family: var(--ab-fuente-pixel);
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -0.5px;
	color: var(--ab-texto);
}
h1, .entry-title { font-size: 34px; }
h2 { font-size: 26px; }
h3 { font-size: 21px; }

/* =========================================================
   4. CABECERA Y MENÚ
   ========================================================= */
.site-header,
.main-navigation,
.main-navigation ul ul {
	background: var(--ab-cabecera);
}
.site-header { border-bottom: 4px solid var(--ab-borde); }

.site-title a { color: var(--ab-texto); font-size: 24px; text-transform: uppercase; letter-spacing: 2px; }
.site-description {
	font-family: var(--ab-fuente-ui);
	font-size: 15px;
	color: var(--ab-texto-meta);
}

.main-navigation .main-nav ul li a {
	font-family: var(--ab-fuente-ui);
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--ab-texto);
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item > a {
	color: var(--ab-acento);
	background: transparent;
}
.main-navigation .main-nav ul li.current-menu-item > a::before { content: "> "; }

/* =========================================================
   5. CONTENIDO
   ========================================================= */
.site-content,
.inside-article,
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.sidebar .widget {
	background: var(--ab-fondo-2);
	color: var(--ab-texto);
}
.separate-containers .inside-article { border: 4px solid var(--ab-borde); }

.entry-content { max-width: 70ch; }

.entry-meta,
.entry-meta a,
.cat-links, .tags-links,
.comment-metadata {
	font-family: var(--ab-fuente-ui);
	font-size: 14px;
	color: var(--ab-texto-meta);
}

blockquote {
	border-left: 4px solid var(--ab-acento);
	color: var(--ab-texto-suave);
	font-style: italic;
}

hr { border-top: 2px dashed var(--ab-borde); }

/* =========================================================
   6. BOTONES (estilo menú de videojuego)
   ========================================================= */
button,
input[type="submit"],
.button,
.wp-block-button__link {
	font-family: var(--ab-fuente-pixel);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 16px 20px;
	background: var(--ab-acento);
	color: var(--ab-fondo);
	border: 0;
	border-bottom: 4px solid var(--ab-sombra);
	border-radius: 0;
}
button:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover {
	background: var(--ab-acento-hover);
	color: var(--ab-fondo);
}

input[type="text"],
input[type="email"],
input[type="search"],
textarea {
	background: var(--ab-fondo);
	color: var(--ab-texto);
	border: 2px solid var(--ab-borde);
	border-radius: 0;
	font-family: var(--ab-fuente-ui);
	font-size: 16px;
}

/* =========================================================
   7. SECCIONES
   Cada sección usa un color de la mascota en titulares y etiquetas.
   ========================================================= */
.category-relatos .entry-title a,
.category-relatos .cat-links a { color: var(--ab-relatos); }
.category-misterios .entry-title a,
.category-misterios .cat-links a { color: var(--ab-misterio); }
.category-rarezas .entry-title a,
.category-rarezas .cat-links a { color: var(--ab-rarezas); }

/* =========================================================
   8. PIE
   ========================================================= */
.site-footer,
.site-info {
	background: var(--ab-cabecera);
	color: var(--ab-texto-meta);
	font-family: var(--ab-fuente-ui);
	font-size: 14px;
	border-top: 4px solid var(--ab-borde);
}