/* ================================================================
   CRISOLAT - Estilos personalizados para Casper / Ghost 6+
   ================================================================ */

:root {
  --c-red: #CC0000;
  --c-dark: #111111;
  --c-gray: #6b7280;
  --c-light: #f9fafb;
  --c-border: #e5e7eb;
  --tag-internacional: #2563EB;
  --tag-tecnologia: #7C3AED;
  --tag-ia: #DB2777;
  --tag-deportes: #16A34A;
  --tag-economia: #D97706;
  --tag-politica: #DC2626;
  --tag-viral: #F97316;
  --tag-entretenimiento: #EC4899;
  --transition: 0.2s ease;
}

/* Ocultar footer original de Casper */
.site-footer { display: none !important; }

/* ---- Tag badges en post cards ---- */
.post-card-tags a,
.article-tag a,
.gh-article-tag a {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  color: #fff !important;
  text-decoration: none !important;
  background-color: var(--c-red);
  transition: opacity var(--transition);
  line-height: 1.6;
}
.post-card-tags a:hover { opacity: 0.85; }
.post-card-tags a[href*="/tag/internacional/"] { background-color: var(--tag-internacional); }
.post-card-tags a[href*="/tag/tecnologia/"] { background-color: var(--tag-tecnologia); }
.post-card-tags a[href*="/tag/ia/"] { background-color: var(--tag-ia); }
.post-card-tags a[href*="/tag/deportes/"] { background-color: var(--tag-deportes); }
.post-card-tags a[href*="/tag/economia/"] { background-color: var(--tag-economia); }
.post-card-tags a[href*="/tag/politica/"] { background-color: var(--tag-politica); }
.post-card-tags a[href*="/tag/viral/"] { background-color: var(--tag-viral); }
.post-card-tags a[href*="/tag/entretenimiento/"] { background-color: var(--tag-entretenimiento); }

/* ---- Tag header coloreado ---- */
.crisolat-tag-header {
  position: relative;
  padding: 72px 24px 56px;
  text-align: center;
  margin-bottom: 48px;
  overflow: hidden;
  color: #fff;
}
.crisolat-tag-header__image {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.15;
}
.crisolat-tag-header__content {
  position: relative;
  z-index: 1;
  max-width: 760px;
  margin: 0 auto;
}
.crisolat-tag-header__name {
  font-size: clamp(32px, 6vw, 56px);
  font-weight: 900;
  margin: 0 0 16px;
  letter-spacing: -1px;
  line-height: 1.1;
}
.crisolat-tag-header__desc {
  font-size: clamp(15px, 2vw, 18px);
  line-height: 1.7;
  opacity: 0.9;
  margin: 0 auto 24px;
  max-width: 600px;
}
.crisolat-tag-header__meta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,0.15);
  border-radius: 20px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 600;
}
.crisolat-tag-header--internacional { background-color: #2563EB; }
.crisolat-tag-header--tecnologia    { background-color: #7C3AED; }
.crisolat-tag-header--ia            { background-color: #DB2777; }
.crisolat-tag-header--deportes      { background-color: #16A34A; }
.crisolat-tag-header--economia      { background-color: #D97706; }
.crisolat-tag-header--politica      { background-color: #DC2626; }
.crisolat-tag-header--viral         { background-color: #F97316; }
.crisolat-tag-header--entretenimiento { background-color: #EC4899; }
.crisolat-tag-header--default       { background-color: #CC0000; }

/* ---- FOOTER CRISOLAT ---- */
.crisolat-footer {
  background-color: #0f0f0f;
  color: #d1d5db;
  margin-top: 60px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.crisolat-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 24px 48px;
  display: grid;
  grid-template-columns: 2.2fr 1fr 1fr 1fr;
  gap: 48px;
}
.crisolat-footer__logo-link { display: inline-block; margin-bottom: 16px; }
.crisolat-footer__logo { height: 36px; width: auto; filter: brightness(0) invert(1); display: block; }
.crisolat-footer__wordmark { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; margin-bottom: 16px; }
.crisolat-footer__wordmark-text { font-size: 22px; font-weight: 900; color: #fff; letter-spacing: 3px; }
.crisolat-footer__wordmark-dot { width: 8px; height: 8px; background: #CC0000; border-radius: 50%; flex-shrink: 0; }
.crisolat-footer__desc { font-size: 14px; line-height: 1.75; color: #9ca3af; margin: 0 0 28px; max-width: 300px; }
.crisolat-footer__social { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
.crisolat-footer__social-link { color: #9ca3af; transition: color 0.2s, transform 0.2s; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 8px; background: rgba(255,255,255,0.05); }
.crisolat-footer__social-link:hover { color: #fff; background: rgba(255,255,255,0.1); transform: translateY(-2px); }
.crisolat-footer__title { font-size: 11px; font-weight: 700; letter-spacing: 1.8px; text-transform: uppercase; color: #fff; margin: 0 0 20px; padding-bottom: 12px; border-bottom: 2px solid #CC0000; display: inline-block; }
.crisolat-footer__links { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 11px; }
.crisolat-footer__link { color: #9ca3af; text-decoration: none; font-size: 14px; line-height: 1.4; transition: color 0.2s, padding-left 0.2s; display: inline-block; }
.crisolat-footer__link:hover { color: #fff; padding-left: 6px; }
.crisolat-footer__link--internacional::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #2563EB; margin-right: 8px; vertical-align: middle; }
.crisolat-footer__link--tecnologia::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #7C3AED; margin-right: 8px; vertical-align: middle; }
.crisolat-footer__link--ia::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #DB2777; margin-right: 8px; vertical-align: middle; }
.crisolat-footer__link--deportes::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #16A34A; margin-right: 8px; vertical-align: middle; }
.crisolat-footer__link--economia::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #D97706; margin-right: 8px; vertical-align: middle; }
.crisolat-footer__link--viral::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #F97316; margin-right: 8px; vertical-align: middle; }
.crisolat-footer__link--entretenimiento::before { content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #EC4899; margin-right: 8px; vertical-align: middle; }
.crisolat-footer__ai-badge { display: inline-flex; align-items: center; gap: 7px; background: rgba(204,0,0,0.12); border: 1px solid rgba(204,0,0,0.3); border-radius: 20px; padding: 6px 14px; font-size: 12px; color: #fca5a5; margin-top: 28px; font-weight: 500; }
.crisolat-footer__bottom { border-top: 1px solid #1f1f1f; max-width: 1200px; margin: 0 auto; padding: 24px; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.crisolat-footer__copyright, .crisolat-footer__tech { margin: 0; font-size: 13px; color: #6b7280; }
.crisolat-footer__tech { font-size: 11px; color: #4b5563; }

/* ---- Responsive ---- */
@media (max-width: 1024px) {
  .crisolat-footer__inner { grid-template-columns: 1fr 1fr; gap: 40px; padding: 48px 24px 40px; }
  .crisolat-footer__col--brand { grid-column: 1 / -1; }
  .crisolat-footer__desc { max-width: 100%; }
}
@media (max-width: 640px) {
  .crisolat-footer__inner { grid-template-columns: 1fr; gap: 32px; padding: 40px 20px 32px; }
  .crisolat-footer__bottom { flex-direction: column; gap: 6px; text-align: center; padding: 20px; }
  .crisolat-tag-header { padding: 48px 20px 40px; }
}