@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,800&family=Source+Sans+3:wght@400;600&display=swap');

/* =============================================
   ICTUE Santa Cruz — Homepage v5
   Minimalista. Sin gradientes. Sin decoracion.
   Rojo #e53a45 solo como acento puntual.
   ============================================= */

/* ---------- HERO ---------- */
.ictue-hero {
  --hero-bg:   #0f0f0f;
  --hero-text: #ffffff;
  --hero-sub:  #9ca3af;
  --hero-red:  #e53a45;
  background: var(--hero-bg) !important;
  padding: 100px 24px 96px;
}
body .mfn-wpr .ictue-hero {
  background: #0f0f0f !important;
}
.ictue-hero-inner {
  max-width: 1080px;
  margin: 0 auto;
  text-align: left;
}

/* Badge */
.ictue-hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 32px;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 2.8px;
  text-transform: uppercase;
  color: var(--hero-red) !important;
}
.ictue-hero-badge-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--hero-red);
  flex-shrink: 0;
}

/* H1 */
body .mfn-wpr .ictue-hero h1.ictue-hero-h1,
.ictue-hero h1.ictue-hero-h1 {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-size: clamp(2.4rem, 5.8vw, 4rem) !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
  letter-spacing: -1px;
  color: #ffffff !important;
  margin: 0 0 20px !important;
  max-width: 680px;
}

/* Subtitulo */
body .mfn-wpr .ictue-hero p.ictue-hero-sub,
.ictue-hero p.ictue-hero-sub {
  font-family: 'Source Sans 3', sans-serif !important;
  font-size: clamp(1rem, 2vw, 1.15rem) !important;
  line-height: 1.75 !important;
  color: #9ca3af !important;
  max-width: 500px;
  margin: 0 0 44px !important;
}

/* Botones */
.ictue-hero-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}
.ictue-cta-primary {
  display: inline-block;
  padding: 13px 32px;
  background: #e53a45;
  color: #ffffff !important;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none !important;
  letter-spacing: 0.2px;
  transition: background .15s ease;
}
.ictue-cta-primary:hover { background: #c92f39; }
.ictue-cta-secondary {
  display: inline-block;
  padding: 12px 32px;
  border: 1px solid #3d3d3d;
  color: #d1d5db !important;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  text-decoration: none !important;
  transition: border-color .15s ease, color .15s ease;
}
.ictue-cta-secondary:hover {
  border-color: #6b7280;
  color: #ffffff !important;
}
.ictue-cta-primary:focus-visible,
.ictue-cta-secondary:focus-visible {
  outline: 2px solid #e53a45;
  outline-offset: 3px;
}

/* ---------- BIENVENIDA ---------- */
.ictue-bienvenida {
  --bv-bg:     #ffffff;
  --bv-red:    #e53a45;
  --bv-text:   #374151;
  --bv-strong: #111827;
  background: var(--bv-bg);
  padding: 80px 24px 80px;
}
.ictue-bienvenida-inner {
  max-width: 1080px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
}
@media (max-width: 768px) {
  .ictue-bienvenida-inner { grid-template-columns: 1fr; gap: 40px; }
}

/* Label pequeño reutilizable */
.ictue-label {
  display: block;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #e53a45;
  margin-bottom: 12px;
}

body .mfn-wpr .ictue-h2,
.ictue-h2 {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-size: clamp(1.75rem, 3.2vw, 2.5rem) !important;
  font-weight: 800 !important;
  color: #111827 !important;
  line-height: 1.12 !important;
  margin: 0 0 24px !important;
  letter-spacing: -0.3px;
}

body .mfn-wpr .ictue-bienvenida p.ictue-bv-p,
.ictue-bv-p {
  font-family: 'Source Sans 3', sans-serif !important;
  font-size: 1.05rem !important;
  color: #374151 !important;
  line-height: 1.82 !important;
  margin: 0 !important;
}
.ictue-bv-p strong {
  color: #111827 !important;
  font-weight: 600;
}

/* Stats pills */
.ictue-stats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.ictue-stat-pill {
  background: #f7f6f5;
  border: 1px solid #e5e3e0;
  padding: 22px 18px;
}
.ictue-stat-pill .num {
  display: block;
  font-family: 'Bricolage Grotesque', sans-serif;
  font-size: 1.9rem;
  font-weight: 800;
  color: #e53a45;
  line-height: 1;
  margin-bottom: 6px;
}
.ictue-stat-pill .desc {
  display: block;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 0.82rem;
  color: #6b7280;
  line-height: 1.45;
}

/* ---------- ACTIVIDADES ---------- */
.ictue-actividades {
  --act-bg:     #f7f6f5;
  --act-border: #e0ddd9;
  --act-red:    #e53a45;
  background: var(--act-bg);
  padding: 80px 24px;
}
.ictue-actividades-inner {
  max-width: 1080px;
  margin: 0 auto;
}
.ictue-act-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 4px;
}

/* Lista de eventos — 3 columnas tipo schedule */
.ictue-eventos-lista {
  margin-top: 0;
}
.ictue-evento-row {
  display: grid;
  grid-template-columns: 120px 1fr auto;
  gap: 24px;
  padding: 22px 0;
  border-bottom: 1px solid var(--act-border);
  align-items: center;
}
.ictue-evento-row:first-child {
  border-top: 1px solid var(--act-border);
}
@media (max-width: 768px) {
  .ictue-evento-row {
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 20px 0;
  }
  .ictue-evento-meta { text-align: left; }
}

.ictue-evento-dia {
  font-family: 'Source Sans 3', sans-serif;
  font-size: 10.5px;
  font-weight: 600;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  color: #e53a45;
}
body .mfn-wpr .ictue-evento-row h3.ictue-evento-nombre,
.ictue-evento-nombre {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-size: 1.1rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.ictue-evento-meta {
  font-family: 'Source Sans 3', sans-serif;
  font-size: 0.88rem;
  color: #6b7280;
  text-align: right;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .ictue-evento-meta { text-align: left; white-space: normal; }
}

.ictue-ver-mas {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 28px;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 0.9rem;
  font-weight: 600;
  color: #e53a45;
  text-decoration: none;
  border-bottom: 1.5px solid #e53a45;
  padding-bottom: 1px;
  transition: color .15s, border-color .15s;
}
.ictue-ver-mas:hover { color: #c92f39; border-color: #c92f39; }
.ictue-ver-mas:focus-visible { outline: 2px solid #e53a45; outline-offset: 3px; }

/* ---------- MINISTERIOS ---------- */
.ictue-ministerios {
  --min-bg:      #ffffff;
  --min-card-bg: #f7f6f5;
  --min-red:     #e53a45;
  --min-icon-bg: #fdeced;
  background: var(--min-bg);
  padding: 80px 24px 96px;
}
.ictue-ministerios-inner {
  max-width: 1080px;
  margin: 0 auto;
}
.ictue-min-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 36px;
}
.ictue-min-header-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 0.88rem;
  font-weight: 600;
  color: #e53a45;
  text-decoration: none;
  border-bottom: 1.5px solid #e53a45;
  padding-bottom: 1px;
  white-space: nowrap;
  transition: color .15s, border-color .15s;
}
.ictue-min-header-link:hover { color: #c92f39; border-color: #c92f39; }

.ictue-min-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
@media (max-width: 900px) {
  .ictue-min-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 540px) {
  .ictue-min-grid { grid-template-columns: 1fr; }
}

.ictue-min-card {
  background: var(--min-card-bg);
  border-left: 3px solid #e53a45;
  padding: 28px 22px;
  text-align: left;
  transition: box-shadow .15s ease;
}
.ictue-min-card:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,.07);
}
.ictue-min-icon {
  width: 44px;
  height: 44px;
  background: var(--min-icon-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #e53a45;
  margin-bottom: 16px;
}
body .mfn-wpr .ictue-min-card h3.ictue-min-title,
.ictue-min-title {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-size: 1.05rem !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin: 0 0 8px !important;
  line-height: 1.2 !important;
}
body .mfn-wpr .ictue-min-card p.ictue-min-desc,
.ictue-min-desc {
  font-family: 'Source Sans 3', sans-serif !important;
  font-size: 0.87rem !important;
  color: #6b7280 !important;
  margin: 0 !important;
  line-height: 1.65 !important;
}

/* ---------- ACCESIBILIDAD ---------- */
@media (prefers-reduced-motion: reduce) {
  .ictue-cta-primary,
  .ictue-cta-secondary,
  .ictue-min-card,
  .ictue-ver-mas {
    transition: none !important;
  }
}