/* Enekui paraguas — paleta Atlántico (#1E4D6B), Fisterra (#0E2A38), Arena (#F5EFE6). */
:root{
  --atlantico:#1E4D6B;
  --atlantico-dark:#0E2A38;
  --atlantico-soft:#3F718E;
  --arena:#F5EFE6;
  --arena-dark:#E8DECF;
  --tinta:#1A1A1A;
  --tinta-soft:#444;
  --line:#D9CFBE;
  --max:1100px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif;
  font-size:17px;line-height:1.65;
  color:var(--tinta);
  background:var(--arena);
  -webkit-font-smoothing:antialiased;
}
.container{max-width:var(--max);margin:0 auto;padding:0 24px}
a{color:var(--atlantico);text-decoration:none}
a:hover{color:var(--atlantico-dark);text-decoration:underline}

/* Header / hero */
.hero{
  background:linear-gradient(160deg,var(--atlantico-dark) 0%,var(--atlantico) 60%,var(--atlantico-soft) 100%);
  color:#fff;
  padding-bottom:72px;
}
.nav{
  display:flex;align-items:center;gap:32px;
  padding:24px 0;
  flex-wrap:wrap;
}
.brand{
  font-family:'Fraunces',serif;
  font-size:1.6rem;font-weight:700;
  color:#fff;letter-spacing:-0.01em;
  margin-right:auto;
}
.nav-link{color:rgba(255,255,255,0.85);font-size:0.95rem}
.nav-link:hover{color:#fff;text-decoration:none}

.hero-content{padding:64px 0 16px;max-width:780px}
.kicker{
  font-size:0.85rem;text-transform:uppercase;letter-spacing:0.18em;
  color:rgba(255,255,255,0.7);margin-bottom:18px;
}
.hero h1{
  font-family:'Fraunces',serif;
  font-size:clamp(2.2rem,5vw,3.6rem);
  font-weight:500;line-height:1.1;letter-spacing:-0.02em;
  margin-bottom:24px;
}
.subtitle{
  font-size:1.15rem;line-height:1.55;
  color:rgba(255,255,255,0.88);
  margin-bottom:36px;max-width:640px;
}
.cta{
  display:inline-block;
  background:var(--arena);color:var(--atlantico-dark);
  font-weight:600;font-size:1rem;
  padding:14px 28px;border-radius:6px;
  transition:transform 0.15s,background 0.15s;
}
.cta:hover{background:#fff;transform:translateY(-1px);text-decoration:none}

/* Verticales */
.verticals{padding:96px 0 64px}
.verticals h2,.about h2{
  font-family:'Fraunces',serif;
  font-size:clamp(2rem,4vw,2.8rem);font-weight:500;
  letter-spacing:-0.015em;margin-bottom:12px;
}
.section-lead{
  font-size:1.08rem;color:var(--tinta-soft);
  max-width:700px;margin-bottom:48px;
}

.grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:24px;
}
.card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:10px;
  padding:32px 28px;
  display:flex;flex-direction:column;
  transition:transform 0.18s,box-shadow 0.18s,border-color 0.18s;
}
.card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 32px rgba(14,42,56,0.08);
  border-color:var(--atlantico-soft);
}
.card-icon{
  width:44px;height:44px;border-radius:8px;
  background:var(--atlantico);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:'Fraunces',serif;font-weight:700;font-size:0.85rem;
  letter-spacing:0.04em;
  margin-bottom:18px;
}
.card h3{
  font-family:'Fraunces',serif;font-size:1.45rem;font-weight:500;
  margin-bottom:10px;letter-spacing:-0.01em;
}
.card p{color:var(--tinta-soft);font-size:0.97rem;flex:1;margin-bottom:18px}
.card-cta{font-weight:600;font-size:0.95rem;color:var(--atlantico)}

/* Sobre nosotros */
.about{
  padding:80px 0 96px;
  background:var(--arena-dark);
  border-top:1px solid var(--line);
}
.founders{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
  gap:32px;margin-top:24px;margin-bottom:32px;
}
.founder{
  background:#fff;border-radius:10px;
  padding:32px 28px;border:1px solid var(--line);
}
.founder h3{
  font-family:'Fraunces',serif;font-size:1.4rem;font-weight:500;margin-bottom:6px;
}
.founder-role{color:var(--atlantico);font-size:0.92rem;font-weight:500;margin-bottom:12px}
.founder p:not(.founder-role){color:var(--tinta-soft);font-size:0.97rem}
.hq{
  text-align:center;color:var(--tinta-soft);font-size:0.95rem;
  font-style:italic;margin-top:8px;
}

/* Footer */
footer{
  background:var(--atlantico-dark);color:rgba(255,255,255,0.85);
  padding:64px 0 32px;
}
.foot-cols{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:32px;margin-bottom:48px;
}
.foot-brand{
  font-family:'Fraunces',serif;font-size:1.4rem;color:#fff;font-weight:700;
}
.foot-tag{font-size:0.9rem;color:rgba(255,255,255,0.6);margin-top:4px}
.foot-h{
  font-size:0.85rem;text-transform:uppercase;letter-spacing:0.12em;
  color:#fff;margin-bottom:14px;font-weight:600;
}
footer p{font-size:0.93rem;margin-bottom:6px}
footer a{color:rgba(255,255,255,0.78)}
footer a:hover{color:#fff}
.copyr{
  text-align:center;font-size:0.85rem;
  color:rgba(255,255,255,0.55);
  padding-top:24px;border-top:1px solid rgba(255,255,255,0.1);
}

@media (max-width:640px){
  .nav{gap:18px}
  .hero-content{padding:40px 0 16px}
  .verticals,.about{padding-left:0;padding-right:0}
}