:root{
  --brand: rgb(0,166,206);
  --dark: #0b3b45;
}
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial;background:#fff;color:#222;margin:0;padding:0}
.navbar{transition:transform .28s ease, box-shadow .28s ease}
.nav-hidden{transform:translateY(-110%)}
.hero-section{height:60vh; background-image: url('../img/LOGOTIPO_COLOR-01.png'); background-size:cover;background-position:center;display:flex;align-items:center;}
.hero-section .lead{opacity:.95}


.hero-section2{height:60vh; background-image: url('../img/IMAGEN_RELL.png'); background-size:cover;background-position:center;display:flex;align-items:center; background-repeat: no-repeat;}
.hero-section2 .lead{opacity:.95}

a{color:var(--brand)}
.btn-outline-primary{border-color:var(--brand);color:var(--brand)}
.btn-outline-primary:hover{background:var(--brand);color:#3373fc}
.card-img-top{height:180px;object-fit:cover}
.social-fixed{position:fixed;right:10px;top:40%;display:flex;flex-direction:column;gap:10px;z-index:1050}
.social-fixed a{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--brand);color:white;border-radius:8px;text-decoration:none;box-shadow:0 4px 10px rgba(0,0,0,.12)}


footer {
  background: fixed;
   background-image: url("img/pie.png");
  background-color: #003A5C; background-size:cover; color:white; padding:40px 20px;}
.footer-contenedor {display:flex; justify-content:space-between;}
.footer-col {width:30%;}

@media (max-width:768px){
   footer {
  background: fixed;
   background-image: url("img/pie.png");
  background-color: #003A5C; background-size:cover; color:white; padding:40px 20px;}
.footer-contenedor {display:contents;}
.footer-col {width:100%;}
 

.social-fixed{
  position:fixed;
  right:10px;
  top:40%;
  display:flex;
  flex-direction:column;
  gap:10px;
  z-index:1050}


   }