/*
Theme Name: CAFU Sitio Principal
Theme URI: https://iglesiacafu.com
Author: Centro de Adoración Fe Unida
Description: Tema a medida para el sitio de CAFU — Centro de Adoración Fe Unida, Quito, Ecuador. Basado en el mockup "CAFU Sitio Principal".
Version: 1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cafu-theme
*/

:root{
  --navy:#1C2A47;
  --navy-ink:#141d33;
  --celeste:#1CA7E0;
  --celeste-deep:#0E7FAE;
  --celeste-tint:#7FD4F5;
  --paper:#F3F7FA;
  --paper-raised:#FFFFFF;
  --ink:#1B2333;
  --ink-soft:#5B6472;
  --line:#E1E6EC;
  /* alias antiguos, para que el resto del CSS/markup siga funcionando sin tocar cada uso */
  --red:var(--celeste-deep);
  --gold:var(--celeste);
  --gold-ink:var(--celeste-deep);
  --green:var(--celeste-deep);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Karla',-apple-system,BlinkMacSystemFont,sans-serif;}
h1,h2,h3{font-family:'Spectral',Georgia,serif; margin:0; text-wrap:balance;}
p{margin:0;}
a{color:var(--navy); text-decoration:none;}
a:hover{color:var(--gold-ink);}
img{max-width:100%; display:block;}

.btn{
  display:inline-flex; align-items:center; gap:8px;
  font-family:'Karla',sans-serif; font-weight:700; font-size:15px;
  padding:13px 26px; border-radius:3px; cursor:pointer;
  border:1.5px solid transparent;
}
.btn-gold{ background:var(--celeste); color:#fff; }
.btn-gold:hover{ background:var(--celeste-deep); color:#fff; }
.btn-outline{ background:transparent; color:#fff; border-color:rgba(255,255,255,.55); }
.btn-outline:hover{ background:rgba(255,255,255,.12); color:#fff; }
.btn-navy{ background:var(--navy); color:#fff; }
.btn-navy:hover{ background:var(--navy-ink); color:#fff; }

.eyebrow{
  font-family:'Karla',sans-serif; font-weight:700; font-size:12.5px;
  letter-spacing:.11em; text-transform:uppercase; color:var(--gold-ink);
}
.section{ padding:88px 48px; }
.wrap{ max-width:1180px; margin:0 auto; }

/* NAV */
.cafu-nav{ position:sticky; top:0; z-index:20; background:rgba(247,244,236,.94); backdrop-filter:blur(6px); border-bottom:1px solid var(--line); }
.cafu-nav-inner{ max-width:1180px; margin:0 auto; padding:16px 48px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.cafu-logo{ display:flex; align-items:center; gap:12px; }
.cafu-logo-text{ font-family:'Spectral SC',serif; font-weight:600; font-size:19px; color:var(--navy); letter-spacing:.02em; }
.cafu-mobile-menu{ display:contents; }
.cafu-nav-links{ display:flex; align-items:center; gap:28px; font-size:14px; font-weight:600; color:var(--ink-soft); }
.cafu-nav-links a{ color:var(--ink-soft); white-space:nowrap; }
.cafu-nav-links a:hover{ color:var(--gold-ink); }
.cafu-social{ display:flex; align-items:center; gap:14px; }
.cafu-social a{ color:var(--ink-soft); display:flex; }
.cafu-social a:hover{ color:var(--gold-ink); }
.cafu-nav-donate{ padding:10px 20px; font-size:13.5px; }
.cafu-nav-toggle{ display:none; background:none; border:none; cursor:pointer; padding:6px; color:var(--navy); }

/* HERO */
.cafu-hero{ background:linear-gradient(180deg, var(--navy) 0%, var(--navy-ink) 100%); padding:96px 48px 110px; position:relative; overflow:hidden; }
.cafu-hero h1{ color:#fff; font-size:56px; line-height:1.08; margin-top:18px; max-width:14ch; }
.cafu-hero p{ color:#C7CCDA; font-size:18px; line-height:1.6; max-width:52ch; margin-top:22px; }
.cafu-hero-ctas{ display:flex; gap:16px; margin-top:38px; flex-wrap:wrap; }

/* HORARIOS */
.cafu-horarios-grid{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px; }
.cafu-day-card{ background:var(--paper-raised); border:1px solid var(--line); border-left:3px solid var(--line); border-radius:4px; padding:20px; }
.cafu-day-card .cafu-day{ font-weight:700; font-size:15px; }
.cafu-day-card .cafu-time{ color:var(--ink-soft); font-size:13.5px; margin-top:6px; }
.cafu-day-card .cafu-mode{ color:var(--ink-soft); font-size:12px; margin-top:4px; }
.cafu-day-card .cafu-extra{ color:var(--gold-ink); font-size:12px; margin-top:10px; font-weight:600; }
.cafu-day-card.is-dark{ background:var(--navy); border:none; }
.cafu-day-card.is-dark .cafu-day{ color:#fff; }
.cafu-day-card.is-dark .cafu-time{ color:#C7CCDA; }
.cafu-day-card.is-dark .cafu-mode{ color:#8f97ad; }
.cafu-day-card.is-dark .cafu-extra{ color:var(--celeste-tint); }
.cafu-day-card.span2{ grid-column:span 2; }

/* QUIENES SOMOS */
.cafu-quienes-grid{ display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:start; }
.cafu-value-card{ background:var(--paper); border-radius:4px; padding:26px; }

/* ESCUELA BIBLICA */
.cafu-rutas-grid{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:36px; }
.cafu-ruta-card{ border-radius:6px; padding:32px; display:flex; flex-direction:column; gap:18px; }
.cafu-ruta-card.light{ background:var(--paper-raised); border:1px solid var(--line); }
.cafu-ruta-card.dark{ background:var(--navy); }
.cafu-ruta-num{ width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:'Spectral',serif; font-weight:600; }
.cafu-ruta-stats{ display:flex; gap:22px; }
.cafu-ruta-stats .num{ font-size:22px; font-weight:700; }
.cafu-ruta-stats .label{ font-size:12px; }
.cafu-matricula-banner{ margin-top:28px; background:var(--paper-raised); border:1px dashed var(--line); border-radius:6px; padding:22px 26px; display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap; }

/* SERMONES */
.cafu-sermones-grid{ display:grid; grid-template-columns:1.3fr 1fr; gap:24px; margin-top:34px; }
.cafu-link-card{ display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center; border-radius:6px; padding:20px; text-decoration:none; }
.cafu-link-card.dark{ background:var(--navy); }
.cafu-link-card.light{ background:var(--paper); border:1px solid var(--line); }
.cafu-devocional-box{ background:var(--paper); border-radius:6px; padding:28px; display:flex; flex-direction:column; gap:14px; }

/* FOOTER */
.cafu-footer{ background:var(--navy-ink); padding-top:64px; padding-bottom:40px; }
.cafu-footer-grid{ display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:48px; }
.cafu-footer-bottom{ border-top:1px solid #2A3550; margin-top:44px; padding-top:20px; }

/* RESPONSIVE */
@media (max-width: 900px){
  .section{ padding:56px 24px; }
  .cafu-nav-inner{ padding:14px 20px; }
  .cafu-hero{ padding:64px 24px 72px; }
  .cafu-hero h1{ font-size:38px; max-width:100%; }
  .cafu-horarios-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  .cafu-day-card.span2{ grid-column:span 2; }
  .cafu-quienes-grid{ grid-template-columns:1fr; gap:32px; }
  .cafu-rutas-grid{ grid-template-columns:1fr; }
  .cafu-sermones-grid{ grid-template-columns:1fr; }
  .cafu-footer-grid{ grid-template-columns:1fr; gap:32px; }

  .cafu-mobile-menu{
    display:none;
    position:absolute; top:100%; left:0; right:0;
    background:var(--paper); border-bottom:1px solid var(--line);
    flex-direction:column; padding:8px 24px 16px;
  }
  .cafu-mobile-menu.is-open{ display:flex; }
  .cafu-nav-links{ flex-direction:column; align-items:flex-start; gap:0; width:100%; }
  .cafu-nav-links a{ padding:10px 0; width:100%; }
  .cafu-social{ flex-direction:row; gap:20px; padding-top:12px; margin-top:4px; border-top:1px solid var(--line); }
  .cafu-nav-toggle{ display:flex; }
}

@media (max-width: 560px){
  .cafu-horarios-grid{ grid-template-columns:1fr; }
  .cafu-day-card.span2{ grid-column:span 1; }
}