/*
Theme Name: Anime Neto
Theme URI: https://ejemplo.com
Author: Joel Perdomo
Author URI: https://ejemplo.com
Description: Tema personalizado sencillo para Anime Neto.
Version: 1.0
Text Domain: anime-neto
*/

:root {
    --color-fondo: #0f172a;
    --color-card: #111827;
    --color-principal: #3b82f6;
    --color-texto: #e5e7eb;
    --color-texto-suave: #9ca3af;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: radial-gradient(circle at top, #1f2933, #020617);
    color: var(--color-texto);
}

/* Layout general */
.site-wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.site-main {
    flex: 1;
    max-width: 960px;
    margin: 2rem auto;
    padding: 0 1rem 3rem;
}

/* Header */
.site-header {
    background: rgba(15, 23, 42, 0.95);
    border-bottom: 1px solid #1f2937;
    position: sticky;
    top: 0;
    z-index: 50;
}

.site-header-inner {
    max-width: 960px;
    margin: 0 auto;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.site-title a {
    color: var(--color-texto);
    font-weight: 700;
    text-decoration: none;
    letter-spacing: 0.04em;
}

/* Menú */
.main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 1.25rem;
}

.main-nav a {
    color: var(--color-texto-suave);
    text-decoration: none;
    font-size: 0.95rem;
}

.main-nav a:hover,
.main-nav .current-menu-item>a,
.main-nav .current_page_item>a {
    color: var(--color-principal);
}

/* Tarjetas (posts y páginas) */
.card {
    background: var(--color-card);
    border-radius: 0.75rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
}

.card h1,
.card h2,
.card h3 {
    margin-top: 0;
}

/* Blog */
.post-list .post {
    margin-bottom: 1.5rem;
}

.post-title {
    margin: 0 0 0.25rem;
}

.post-title a {
    color: var(--color-texto);
    text-decoration: none;
}

.post-title a:hover {
    color: var(--color-principal);
}

.post-meta {
    font-size: 0.8rem;
    color: var(--color-texto-suave);
    margin-bottom: 0.75rem;
}

/* Footer */
.site-footer {
    border-top: 1px solid #1f2937;
    color: var(--color-texto-suave);
    font-size: 0.85rem;
    text-align: center;
    padding: 1rem;
}