/* ============================================================================
   AI Academia Redesign — CHROME (header + footer + tarjetas de archivo)
   Carga en TODAS las páginas de /academia (gated por .ai-rd). Conservador:
   tipografía/colores Opción B sin reestructurar el layout del tema.
   ============================================================================ */

.ai-rd {
	--p:#0c3d6b; --a:#2f7fd6; --am:#f6a821; --ink:#0f1c17; --body:#3a463f; --mut:#6b7280;
	--bd:#e6e9e7; --bd2:#eef1ef; --sec:#f2f7fd;
	--ft:"Space Grotesk",-apple-system,"Segoe UI",system-ui,sans-serif;
	--fb:"Public Sans",-apple-system,"Segoe UI",system-ui,sans-serif;
}

/* ---------- HEADER ---------- */
.ai-rd .site-header { border-bottom:1px solid var(--bd2); }
.ai-rd .site-navbar ul li a {
	font-family:var(--ft); font-weight:600; font-size:15px; color:var(--ink);
	transition:color .15s;
}
.ai-rd .site-navbar ul li a:hover,
.ai-rd .site-navbar ul li.current-menu-item > a { color:var(--a); }
.ai-rd .site-navbar ul .sub-menu a { font-size:14px; }
/* botón pill de "Asesoría": añade la clase CSS "nav-cta" a ese ítem en Apariencia → Menús */
.ai-rd .site-navbar li.nav-cta > a {
	background:var(--p); color:#fff !important; border-radius:20px; padding:9px 18px;
}
.ai-rd .site-navbar li.nav-cta > a:hover { background:var(--a); }
/* botón de búsqueda a acento */
.ai-rd .btn-search-form { background:var(--p) !important; border-color:var(--p) !important; }

/* ---------- FOOTER ---------- */
.ai-rd .site-footer { border-top:1px solid var(--bd2); background:var(--sec); }
.ai-rd .site-footer .wp-block-heading,
.ai-rd .site-footer .footer-section,
.ai-rd .site-footer h2, .ai-rd .site-footer h3 {
	font-family:var(--ft); font-weight:700; color:var(--ink);
}
.ai-rd .site-footer, .ai-rd .site-footer li, .ai-rd .site-footer p { font-family:var(--fb); color:var(--body); }
.ai-rd .site-footer a { color:var(--body); text-decoration:none; transition:color .15s; }
.ai-rd .site-footer a:hover { color:var(--a); }

/* Distribución de columnas: el tema usa space-between y con poco contenido deja un hueco
   enorme entre Páginas y la marca. space-evenly => separación uniforme y balanceada.
   Además el tema pinta cada columna de blanco (parecen tarjetas sueltas al separarlas):
   las hacemos transparentes para que el footer sea una sola banda continua. */
.ai-rd .site-footer .widget-area-footer { justify-content:space-evenly; align-items:flex-start; }
.ai-rd .site-footer .widget-area-footer > .widget-area { width:auto; flex:0 1 auto; max-width:420px; background:transparent; }

/* Columna central (redes + logo + créditos): cluster de marca compacto y centrado */
.ai-rd .site-footer .widget-area-footer .widget-area:nth-child(2) {
	display:flex; flex-direction:column; align-items:center;
	gap:16px; text-align:center;
}
.ai-rd .site-footer .widget-area-footer .widget-area:nth-child(2) > section { margin:0 !important; width:100%; }
.ai-rd .site-footer .widget-area-footer .widget-area:nth-child(2) .wp-block-heading { text-align:center; }
/* logo centrado y a tamaño consistente */
.ai-rd .site-footer .widget_media_image .wp-block-image { display:flex; justify-content:center; margin:0; }
.ai-rd .site-footer .widget_media_image img { max-width:200px; height:auto; }

/* Redes sociales: círculos monocromo limpios (en vez de los de colores default de WP) */
.ai-rd .site-footer .wp-block-social-links {
	display:flex; gap:10px; justify-content:center; align-items:center;
	margin:0; padding:0; list-style:none;
}
.ai-rd .site-footer .wp-social-link { background:none !important; margin:0 !important; padding:0 !important; border-radius:50%; }
.ai-rd .site-footer .wp-social-link .wp-block-social-link-anchor {
	width:40px; height:40px; padding:0; border-radius:50%;
	background:#fff; border:1px solid var(--bd); color:var(--p);
	display:flex; align-items:center; justify-content:center;
	transition:background .15s, border-color .15s, transform .15s, color .15s;
}
.ai-rd .site-footer .wp-social-link .wp-block-social-link-anchor svg { width:19px; height:19px; fill:currentColor; }
.ai-rd .site-footer .wp-social-link .wp-block-social-link-anchor:hover {
	background:var(--p); border-color:var(--p); color:#fff; transform:translateY(-2px);
}

/* Corazón de "Made with ♥ at Osomatli": el tema usa <i class="fa fa-heart">, que
   dependía del JS de Font Awesome (ya removido por perf). Lo renderizamos con un
   corazón Unicode, sin depender de Font Awesome. */
.ai-rd .site-footer i.fa-heart { font-family:var(--fb) !important; font-style:normal; }
.ai-rd .site-footer i.fa-heart::before {
	content:"\2665" !important; font-family:var(--fb) !important; font-weight:400;
	color:#e11d48; -webkit-text-fill-color:#e11d48;
}

/* ---------- Tarjetas .entry-item (archivos: últimas entradas, categorías) ---------- */
.ai-rd .site-main .entry-item img,
.ai-rd .site-main .entry-item .wp-post-image { border-radius:12px !important; display:block; width:100%; height:auto; }
.ai-rd .site-main .entry-item .entry-title,
.ai-rd .site-main .entry-item h3 { font-family:var(--ft); font-weight:700; font-size:16px; line-height:1.3; color:var(--ink); margin-top:.5em; }
.ai-rd .site-main .entry-item a { text-decoration:none; }
.ai-rd .site-main .entry-item a:hover .entry-title { color:var(--a); }
.ai-rd .site-main .entry-item .entry-meta { display:none; } /* línea de autor redundante en tarjetas */