:root{
  --accent:#0ea5a3;
  --dark:#0f172a;
  --muted:#6b7280;
  --bg:#ffffff;
  --maxw:1100px;
}
body{
  background:#002c41; /* Fondo azul oscuro */
  color:white;         /* Texto en blanco */
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
}
a{text-decoration:none;}
.container-resico{max-width:var(--maxw);margin:0 auto;padding:24px;}

/* Hero */
.hero{display:grid;grid-template-columns:1fr;gap:24px;align-items:center;padding:28px 0 48px;}
h1.resico-title{font-family:"Playfair Display",serif;font-size:36px;margin:6px 0 12px;line-height:1.1;}
p.lead{color:var(--muted);margin:0 0 18px;}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;}
.btn-resico{
  display:inline-block;padding:12px 18px;border-radius:12px;font-weight:600;
  background:var(--accent);color:white;
}
.btn-resico.ghost{background:transparent;border:2px solid var(--accent);color:var(--accent);}

/* Secciones */
section.resico-sec{padding:28px 0;border-top:1px solid #f1f5f9;}
.resico-sec h2 { color: white; }
.grid{display:grid;gap:18px;}
.grid.cols-3{grid-template-columns:repeat(3,1fr);}
.grid.cols-2{grid-template-columns:repeat(2,1fr);}
.card-resico{padding:18px;border-radius:12px;background:white;box-shadow:0 4px 10px rgba(2,6,23,0.03); color: black;}
.card-resico h3 { color: black; margin-top: 0; }
.card-resico strong { color: black; }
.muted{color:var(--muted);}

/* Responsive */
@media (min-width:900px){
  .hero{grid-template-columns:1fr 480px;}
  h1.resico-title{font-size:48px;}
}
@media (max-width:640px){
  .grid.cols-3{grid-template-columns:1fr;}
}