/*
 Theme Name:   Astra Child AAEC
 Theme URI:    https://astronomiayeducacion.org/
 Template:     astra
 Description:  Tema hijo de Astra para el blog de la AAEC (Asociación Astronómica y Educativa de Canarias "Henrietta Swan Leavitt"). Personalizaciones de portada, archivos y estilos migrados desde Extra Child 2.
 Author:       AAEC
 Author URI:   https://astronomiayeducacion.org/
 Version:      1.0.8
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  astra-child-aaec
*/

/* ───────────────────────────────────────────────
   AAEC — Personalizaciones del blog
   (migrado desde home-customizer.css)
   ─────────────────────────────────────────────── */

/* ── Layout dos columnas ─────────────────── */
.home #content.site-content {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
    align-items: flex-start;
}
.home #primary.content-area { flex: 1 1 0; min-width: 0; }
.home #secondary.widget-area { width: 280px; flex-shrink: 0; }

/* ── Tarjeta de entrada ──────────────────── */
.aaec-entry {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 1.6rem;
    transition: box-shadow 0.2s ease;
}
.aaec-entry:hover { box-shadow: 0 4px 16px rgba(0,0,0,.08); }
/* Imagen "flotando" dentro de la tarjeta: margen + esquinas + sombra,
   igual que las imágenes del contenido (overflow visible para que la
   sombra no se recorte). Mantiene el recorte 440px alineado arriba. */
.aaec-entry-thumbnail { background: transparent; padding: 1.3rem 1.3rem 0; }
.aaec-entry-thumbnail a { display: block; }
.aaec-entry-thumbnail img {
    width: 100%; height: 440px;
    object-fit: cover; object-position: top; display: block;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);
}
.aaec-no-thumb { display: none; }
.aaec-entry-body {
    padding: 1.1rem 1.3rem;
    display: flex; flex-direction: column; gap: 0.45rem;
}

/* ── Insignias de categoría ──────────────── */
.aaec-cat-badges { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.aaec-cat-badge {
    font-size: 0.68rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.05em;
    padding: 0.2em 0.65em; border-radius: 3px;
    background: #1565c0; color: #fff !important;
    text-decoration: none; line-height: 1.6;
}
.aaec-cat-badge:hover { background: #0d47a1; }

/* ── Título y meta ───────────────────────── */
.aaec-entry .entry-title { font-size: 1.05rem; line-height: 1.4; margin: 0; }
.aaec-entry .entry-title a { color: #1a1a2e; text-decoration: none; }
.aaec-entry .entry-title a:hover { color: #1565c0; }
.aaec-entry .entry-meta { font-size: 0.78rem; color: #999; }

/* ── Extracto ────────────────────────────── */
.aaec-entry .entry-content { font-size: 0.88rem; color: #555; line-height: 1.6; }
.aaec-entry .entry-content p { margin: 0; }

/* ── Leer más ────────────────────────────── */
.aaec-read-more {
    display: inline-block; margin-top: auto;
    font-size: 0.82rem; font-weight: 600;
    color: #1565c0; text-decoration: none;
}
.aaec-read-more:hover { text-decoration: underline; }

/* ── Sidebar (todas las páginas, no solo la home) ─── */
#secondary .widget {
    background: #fff; border: 1px solid #e8e8e8;
    border-radius: 6px; padding: 1.1rem 1.3rem; margin-bottom: 1.4rem;
}
#secondary .widget-title,
#secondary .widgettitle,
#secondary .wp-block-heading,
#secondary .wp-block-search__label {
    display: block;
    font-size: 0.82rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.08em;
    color: #1565c0; padding-bottom: 0.5rem;
    border-bottom: 2px solid #1565c0; margin-bottom: 0.9rem;
}
#secondary ul { list-style: none; margin: 0; padding: 0; }
#secondary li {
    padding: 0.3rem 0; border-bottom: 1px solid #f0f0f0; font-size: 0.88rem;
}
#secondary li:last-child { border-bottom: none; }
#secondary li a { color: #1565c0; text-decoration: none; }
#secondary li a:hover { color: #0d47a1; }
#secondary .tagcloud a {
    display: inline-block; margin: 0.2rem;
    padding: 0.25em 0.7em; border: 1px solid #c5cae9;
    border-radius: 3px; font-size: 0.8rem !important;
    color: #1565c0 !important; text-decoration: none;
}
#secondary .tagcloud a:hover {
    background: #1565c0; color: #fff !important; border-color: #1565c0;
}

/* Buscador (bloque "Buscar") */
#secondary .wp-block-search__button {
    background-color: #1565c0; border-color: #1565c0; color: #fff;
}
#secondary .wp-block-search__button:hover { background-color: #0d47a1; }

/* Entradas recientes con miniatura (bloque "Últimas entradas") */
#secondary .wp-block-latest-posts__list li {
    display: grid;
    grid-template-columns: 56px 1fr;
    grid-template-rows: auto auto;
    gap: 2px 0.6rem;
    align-items: start;
    padding: 0.55rem 0;
}
#secondary .wp-block-latest-posts__featured-image {
    grid-row: 1 / 3; margin: 0;
}
#secondary .wp-block-latest-posts__featured-image img {
    width: 56px; height: 56px; object-fit: cover;
    border-radius: 4px; display: block;
}
#secondary .wp-block-latest-posts__post-title {
    grid-column: 2; font-size: 0.85rem; line-height: 1.3;
    font-weight: 600; color: #1565c0;
}
#secondary .wp-block-latest-posts__post-title:hover { color: #0d47a1; }
#secondary .wp-block-latest-posts__post-date {
    grid-column: 2; font-size: 0.72rem; color: #999;
}

/* Iconos sociales (bloque "Iconos sociales") */
#secondary .wp-block-social-links { margin: 0.3rem 0 0; padding: 0; }
#secondary .wp-block-social-links li { border: none; padding: 0; }

/* ── Header ──────────────────────────────── */
#masthead,
.site-header,
.main-header-bar,
.main-header-bar-wrap,
.ast-primary-header-bar,
.ast-above-header-bar,
.ast-below-header-bar,
.ast-main-header-bar {
    background-color: #1e2d4b !important;
}

/* Elimina el hueco blanco entre header y contenido */
.home .ast-container,
.home #content.site-content {
    padding-top: 0;
    margin-top: 0;
}

/* ── Cabecera de archivo (categoría, etiqueta) ── */
.aaec-archive-header {
    margin-bottom: 1.8rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e8e8e8;
}
.aaec-archive-title {
    font-size: 1.4rem;
    color: #1a1a2e;
    margin: 0 0 0.3rem;
}
.aaec-archive-description {
    font-size: 0.9rem;
    color: #666;
}

/* ── Hoja blanca del contenido (posts y páginas) ──
   El layout "Separate Container" de Astra está sin Content Background,
   así el contenido quedaba plano sobre el gris #f5f5f5. Le devolvemos
   la superficie blanca: da profundidad, foco y dónde apoyar las imágenes. */
.ast-separate-container .ast-article-single,
.ast-separate-container .ast-article-post {
    background-color: #ffffff;
}

/* ── Imágenes del contenido (posts y páginas) ──
   Sombra suave en vez de borde duro: separa la imagen del fondo
   tanto si es foto como si es un logo de fondo blanco. Excluye emojis. */
.entry-content img:not(.emoji),
.wp-block-image img {
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);
}

/* ── Responsive ──────────────────────────── */
@media (max-width: 900px) {
    .home #content.site-content { flex-direction: column; }
    .home #secondary.widget-area { width: 100%; }
    .aaec-entry { grid-template-columns: 1fr; }
    /* Limitar la ALTURA DE LA IMAGEN (no el contenedor): si se cap el
       contenedor con max-height, el <img> de 440px se desborda y se monta
       sobre el título. Hay que encoger la imagen misma en móvil. */
    .aaec-entry-thumbnail img { height: 220px; }
}