/* SeTechnota — header.css | estilos modulares */

.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between}

.custom-logo{width:auto;max-width:300px;max-height:65px;object-fit:contain}

.brand-text{display:inline-block;padding:2px 9px;background:var(--st-red);color:#fff;font-size:27px;font-weight:900;line-height:1.15;letter-spacing:-1px}

.brand-text span{color:white}

.brand-text:hover{color:white}

@media (max-width:700px) {
  .header-inner{min-height:72px}
}

@media (max-width:700px) {
  .custom-logo{max-width:210px;max-height:54px}
}

@media (max-width:700px) {
  .brand-text{font-size:22px}
}

/* SeTechnota · redes de la barra superior (añadir al final de topbar.css) */
.top-strip__social {
  display: flex;
  align-items: center;
  gap: 8px;
}
.top-strip__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid rgba(255,255,255,.19);
  border-radius: 50%;
  background: rgba(255,255,255,.07);
  color: #fff;
  line-height: 1;
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.top-strip__social .top-strip__icon {
  display: block;
  width: 17px;
  height: 17px;
  flex: none;
}
.top-strip__social a:hover {
  background: #c96d31;
  border-color: #c96d31;
  transform: translateY(-1px);
}
.top-strip__social a:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  .top-strip__social a { transition: none; }
  .top-strip__social a:hover { transform: none; }
}