/* CertiEscort.com — identidad visual única para toda la web y el panel */
.ce-brand-logo,
.ce-brand-logo *{box-sizing:border-box}
.ce-brand-logo{
  display:inline-flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  color:#fff;
  text-decoration:none;
  line-height:1.2;
  font-family:'Inter','Plus Jakarta Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  -webkit-tap-highlight-color:transparent;
}
.ce-brand-logo:focus-visible{
  outline:2px solid #ff4da6;
  outline-offset:5px;
  border-radius:15px;
}
.ce-brand-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-width:100%;
  padding:7px 11px 7px 8px;
  border:1px solid rgba(255,255,255,.30);
  border-radius:13px;
  background:linear-gradient(135deg,rgba(255,0,122,.94),rgba(123,0,255,.96));
  box-shadow:0 0 20px rgba(255,0,122,.42),0 0 34px rgba(123,0,255,.25),inset 0 1px 0 rgba(255,255,255,.20);
  color:#fff;
  white-space:nowrap;
  transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;
}
.ce-brand-logo:hover .ce-brand-badge{
  transform:translateY(-1px);
  filter:brightness(1.06);
  box-shadow:0 0 24px rgba(255,0,122,.52),0 0 40px rgba(123,0,255,.32),inset 0 1px 0 rgba(255,255,255,.22);
}
.ce-brand-mark{
  width:25px;
  height:25px;
  flex:0 0 25px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.30);
  border-radius:9px;
  background:rgba(8,8,18,.76);
  box-shadow:inset 0 0 12px rgba(255,255,255,.10),0 0 14px rgba(255,255,255,.15);
}
.ce-brand-mark img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.ce-brand-word{
  display:inline-flex;
  align-items:baseline;
  color:#fff;
  font-size:.85rem;
  font-weight:900;
  letter-spacing:-.025em;
  line-height:1;
}
.ce-brand-word strong{font-weight:950}
.ce-brand-word span{font-weight:900}
.ce-brand-word small{
  margin-left:1px;
  color:rgba(255,255,255,.80);
  font-size:.72em;
  font-weight:850;
  letter-spacing:-.01em;
}
.ce-brand-subtitle{
  display:block;
  margin-top:3px;
  color:#a0a0b0;
  font-size:.85rem;
  font-weight:400;
  line-height:1.25;
  white-space:nowrap;
}
@media(max-width:480px){
  .ce-brand-badge{padding:7px 10px 7px 7px}
  .ce-brand-word{font-size:.80rem}
  .ce-brand-subtitle{font-size:.78rem}
}
@media(prefers-reduced-motion:reduce){
  .ce-brand-badge{transition:none}
}