:root{
  --inst-celeste:#55c6e8;
  --inst-celeste-claro:#eaf9ff;
  --inst-azulino:#07548d;
  --inst-azulino-oscuro:#07365f;
  --inst-dorado:#d5aa2f;
  --inst-dorado-claro:#fff4c7;
  --inst-negro:#101820;
  --inst-blanco:#ffffff;
}

body{
  background:
    radial-gradient(circle at 92% 3%,rgba(85,198,232,.22),transparent 28%),
    linear-gradient(180deg,#f9fdff 0%,#eaf5fb 100%);
  color:var(--inst-negro);
}

.top{
  background:linear-gradient(105deg,var(--inst-azulino-oscuro) 0%,var(--inst-azulino) 58%,#1598c7 100%);
  border-bottom:4px solid var(--inst-dorado);
  box-shadow:0 7px 22px rgba(7,54,95,.24);
}

.crest{
  width:64px;
  height:64px;
  flex:0 0 64px;
  border:3px solid var(--inst-dorado);
  background-color:var(--inst-blanco);
  background-image:url('insignia.png');
  background-position:center;
  background-repeat:no-repeat;
  background-size:88%;
  box-shadow:0 3px 12px rgba(0,0,0,.2);
  color:transparent;
  font-size:0;
}

.top .brand strong{font-size:18px;letter-spacing:.01em}.top nav a{padding:8px 10px;border-radius:8px;font-weight:700}.top nav a:hover{background:var(--inst-dorado);color:var(--inst-negro)}

h1,h2,h3{color:var(--inst-negro)}.admin h1{color:var(--inst-azulino-oscuro)}

.card{
  border:1px solid #b9def0;
  box-shadow:0 10px 26px rgba(7,84,141,.1);
}

.stats{gap:20px}.stats .card{position:relative;overflow:hidden;border-top:5px solid var(--inst-dorado);background:linear-gradient(145deg,#fff 58%,#e9f8ff)}.stats .card:after{content:'';position:absolute;width:76px;height:76px;border-radius:50%;right:-25px;bottom:-28px;background:rgba(85,198,232,.22)}.stats .card:nth-child(2){border-top-color:var(--inst-celeste)}.stats .card:nth-child(3){border-top-color:var(--inst-negro)}.stats .card:nth-child(4){border-top-color:var(--inst-azulino)}.stats .card b{color:var(--inst-azulino);font-size:40px}.stats .card span{color:var(--inst-negro);font-weight:700}

.btn{background:linear-gradient(135deg,var(--inst-azulino),var(--inst-azulino-oscuro));border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 10px rgba(7,54,95,.16)}.btn:hover{background:var(--inst-negro);color:var(--inst-dorado)!important}.btn.secondary{background:var(--inst-celeste-claro);border:1px solid var(--inst-celeste);color:var(--inst-azulino-oscuro)!important}

input:focus,select:focus,textarea:focus{outline:3px solid rgba(85,198,232,.3);border-color:var(--inst-azulino)}

.table-wrap{border:1px solid #a9d5e9;box-shadow:0 8px 20px rgba(7,84,141,.08)}th{background:var(--inst-azulino-oscuro);color:var(--inst-blanco);border-bottom:3px solid var(--inst-dorado)}tbody tr:hover{background:var(--inst-celeste-claro)}

.status.published{background:#dff8ff;color:var(--inst-azulino-oscuro);border:1px solid var(--inst-celeste)}.status.draft{background:var(--inst-dorado-claro);color:#664c00;border:1px solid var(--inst-dorado)}.status.closed{background:#e8ebee;color:var(--inst-negro)}

.login{border-top:6px solid var(--inst-dorado)}.login .brand{padding-bottom:14px;border-bottom:1px solid #d4e7f1}.notice.ok{border-left:5px solid var(--inst-dorado)}

footer{background:var(--inst-negro);border-top:4px solid var(--inst-dorado);color:var(--inst-blanco)}

@media(max-width:760px){.crest{width:54px;height:54px;flex-basis:54px}.top .brand strong{font-size:15px}}