#coop-site-header,#coop-site-header *{all:revert;box-sizing:border-box}
#coop-site-header{font-family:Inter,sans-serif;line-height:1.6;color:#f5f8fa}
#coop-site-header a{color:inherit;text-decoration:none}
#coop-site-header button{font:inherit;cursor:pointer}
#coop-site-header{
    --navy-deep:#173A5E;
    --navy:#1F4A73;
    --navy-mid:#255684;
    --ice:#6FB7E8;
    --ice-soft:#a9d4f0;
    --green:#3ECF8E;
    --green-soft:#8EE6BC;
    --white:#F5F8FA;
    --slate:#c3d4e3;
    --line: rgba(245,248,250,0.22);
  }
#coop-site-header{ position:relative; z-index:1; }
#coop-site-header{
    position:fixed; inset:0 0 auto; z-index:20;
    width:100%;
    background:#071422;
    -webkit-backdrop-filter:blur(0);
    backdrop-filter:blur(0);
    border-bottom:1px solid var(--line);
    box-shadow:0 0 0 rgba(0,0,0,0);
    transition:background .28s ease, backdrop-filter .28s ease, box-shadow .28s ease, border-color .28s ease;
  }
#coop-site-header.is-scrolled{
    background:rgba(7,20,34,.82);
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
    border-bottom-color:rgba(245,248,250,.16);
    box-shadow:0 14px 34px rgba(0,0,0,.22);
  }
#coop-site-header nav{
    display:flex; align-items:center; justify-content:space-between;
    gap:24px;
    padding:0 32px;
    height:84px;
    max-width:1160px;
    margin:0 auto;
  }
#coop-site-header .brand{
    display:flex; align-items:center; gap:14px;
    flex-shrink:0;
  }
#coop-site-header .brand img{
    width:56px; height:56px;
    border-radius:12px;
    box-shadow:0 0 0 1px var(--line);
  }
#coop-site-header .brand span{
    font-family:'Space Grotesk',sans-serif;
    font-weight:600;
    font-size:20px;
    letter-spacing:0.01em;
    line-height:1;
  }
#coop-site-header .navlinks{
    display:flex; align-items:center;
    gap:6px;
    font-size:14px;
    color:var(--slate);
    flex:1;
    justify-content:center;
  }
#coop-site-header .navlinks a{
    position:relative;
    transition:color 0.2s ease;
    padding:9px 16px;
    line-height:1;
    white-space:nowrap;
  }
#coop-site-header .navlinks a::before{
    content:'';
    position:absolute;
    inset:0;
    border:1px solid var(--ice);
    border-radius:100px;
    opacity:0;
    transform:scale(0.7);
    transition:opacity 0.3s ease, transform 0.3s cubic-bezier(.34,1.56,.64,1);
    pointer-events:none;
  }
#coop-site-header .navlinks a:hover{color:var(--ice-soft);}
#coop-site-header .navlinks a:hover::before{
    opacity:1;
    transform:scale(1);
    box-shadow:0 0 14px rgba(111,183,232,0.35);
  }
#coop-site-header .nav-cta{
    flex-shrink:0;
    display:inline-flex;
    align-items:center;
    background:var(--ice);
    color:var(--navy-deep);
    padding:11px 22px;
    border-radius:100px;
    font-size:14px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    transition:background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
  }
#coop-site-header .nav-cta:hover{background:var(--ice-soft); transform:translateY(-1px); box-shadow:0 8px 20px rgba(111,183,232,0.25);}
#coop-site-header .burger{display:none;}
@media (max-width:900px){#coop-site-header .navlinks{display:none;}
}
@media (max-width:520px){#coop-site-header nav{height:72px; padding:0 20px;}
#coop-site-header .brand img{width:44px; height:44px;}
#coop-site-header .brand span{font-size:17px;}
#coop-site-header .nav-cta{padding:9px 16px; font-size:13px;}
}
#coop-site-header{
    --page-pad:clamp(16px, 3vw, 32px);
  }
#coop-site-header .burger{
    display:none;
    width:46px;
    height:46px;
    padding:0;
    border:1px solid var(--line);
    border-radius:12px;
    background:rgba(255,255,255,.035);
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    flex-shrink:0;
    color:var(--white);
  }
#coop-site-header .burger span{
    display:block;
    width:21px;
    height:2px;
    border-radius:10px;
    background:currentColor;
    transition:transform .25s ease, opacity .2s ease;
  }
#coop-site-header nav.nav-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg);}
#coop-site-header nav.nav-open .burger span:nth-child(2){opacity:0;}
#coop-site-header nav.nav-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
@media (max-width:1180px){#coop-site-header nav{padding-inline:24px; gap:14px;}
#coop-site-header .navlinks{gap:0;}
#coop-site-header .navlinks a{padding:9px 11px;}
}
@media (max-width:900px){#coop-site-header{background:#071422;}
#coop-site-header.is-scrolled{background:rgba(7,20,34,.86);}
#coop-site-header nav{
      position:relative;
      height:72px;
      padding-inline:20px;
      gap:12px;
    }
#coop-site-header .brand img{width:46px;height:46px;}
#coop-site-header .brand span{font-size:18px;}
#coop-site-header .burger{display:flex;margin-left:auto;}
#coop-site-header .navlinks{
      display:flex;
      position:absolute;
      top:calc(100% + 1px);
      left:16px;
      right:16px;
      z-index:30;
      flex-direction:column;
      align-items:stretch;
      justify-content:flex-start;
      gap:4px;
      padding:10px;
      border:1px solid var(--line);
      border-radius:0 0 16px 16px;
      background:rgba(7,20,34,.98);
      box-shadow:0 22px 50px rgba(0,0,0,.42);
      backdrop-filter:blur(14px);
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transform:translateY(-10px);
      transition:opacity .22s ease, transform .22s ease, visibility .22s ease;
    }
#coop-site-header nav.nav-open .navlinks{
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:translateY(0);
    }
#coop-site-header .navlinks a{
      width:100%;
      padding:13px 16px;
      border-radius:10px;
      text-align:center;
      font-size:15px;
    }
#coop-site-header .navlinks a::before{border-radius:10px;}
}
@media (max-width:700px){#coop-site-header{--page-pad:20px;}
#coop-site-header nav{height:68px;padding-inline:16px;}
#coop-site-header .brand{gap:10px;}
#coop-site-header .brand img{width:42px;height:42px;border-radius:10px;}
#coop-site-header .brand span{font-size:17px;}
#coop-site-header .burger{width:42px;height:42px;}
}
@media (max-width:480px){#coop-site-header{--page-pad:16px;}
#coop-site-header nav{height:64px;padding-inline:12px;}
#coop-site-header .brand img{width:38px;height:38px;}
#coop-site-header .brand span{font-size:16px;}
#coop-site-header .burger{width:40px;height:40px;border-radius:10px;}
#coop-site-header .navlinks{left:8px;right:8px;}
}
@media (max-width:360px){#coop-site-header .brand span{font-size:15px;}
}

#coop-site-header .navlinks a[aria-current="page"]{color:var(--green)}
#coop-site-header a:focus-visible,#coop-site-header button:focus-visible{outline:2px solid #3ecf8e;outline-offset:4px}
main#inicio{padding-top:94px;padding-bottom:24px}
@media(max-width:900px){main#inicio{padding-top:82px}}
@media(max-width:600px){main#inicio{padding-top:78px}}
@media(max-width:380px){main#inicio{padding-top:74px}}
.media-slot.is-empty{cursor:default}.media-slot.is-empty:hover{transform:none;border-color:#8bc7df50}
