:root{
  --blue-dark:#0C3C60; /* árbol y F */
  --blue-light:#5BA4D8; /* Ribera Salud, R y S */
  --bg:#ffffff;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif;
  color:#0b2a43;
}
.hero{
  position:relative;
  min-height:100vh;
  display:grid;
  grid-template-rows:auto 1fr auto;
  align-items:center;
  justify-items:center;
  text-align:center;
  background-color:white;
    /*linear-gradient(120deg, rgba(12,60,96,0.85), rgba(91,164,216,0.85)),*/
    /*url('https://images.unsplash.com/photo-1584982751601-97dcc096659c?q=80&w=1920&auto=format&fit=crop') center/cover no-repeat fixed;*/
}
.brand{padding:1rem 1rem}
.logo{width:min(750px,80vw); height:auto; /*filter: drop-shadow(0 6px 18px rgba(0,0,0,.25));*/}
.center{padding:1rem; display:grid; place-items:center;}
.center h1{
  margin:0;
  font-weight:800;
  font-size:clamp(1.4rem, 2.6vw + 1rem, 3rem);
  line-height:1.15;
  color:#16316e;
}
.center .url{
  margin:.75rem 0 0;
  font-weight:600;
  color:var(--blue-light);
  font-size:clamp(.9rem, 1.1vw + .6rem, 1.125rem);
}
.footer{
  width:100%;
  padding:1.25rem;
  color:#2676b0;
  font-size:.9rem;
}
.footer p{margin:0}

@media (max-width: 640px){
  .logo{width:min(360px,80vw)}
  .br-md{display:none}
}
@media (prefers-reduced-motion: reduce){
  .hero{background-attachment:scroll}
}