/* ==========================================================================
   HIGH-TECH Electrónica, C.A. - Logo Component (Análisis Milimétrico Exacto)
   ========================================================================== */

:root {
  /* Colores Milimétricos Exactos Extraídos de la Imagen */
  --logo-red: #ED1C24;       /* Rojo Puro Institucional RGB(237, 28, 36) */
  --logo-navy: #1B1947;      /* Azul Marino Oscuro Ultramar RGB(27, 25, 71) */
  --logo-font: 'Montserrat', 'Helvetica Neue', 'Arial Black', sans-serif;
}

/* Contenedor Flex del Logo */
.hightech-logo-container {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--logo-font);
  user-select: none;
  text-decoration: none;
}

/* --- 1. Emblema CSS de 3 Barras Inclinadas (-20°) --- */
.hightech-emblem-css {
  display: flex;
  gap: 4px;
  align-items: center;
}

.hightech-bar {
  width: 12px;
  height: 36px;
  background-color: var(--logo-red);
  transform: skewX(-20deg);
  border-radius: 1.5px;
}

/* --- 2. Tipografía HIGHTECH (-13° Cursiva Pesada) --- */
.hightech-text {
  color: var(--logo-navy);
  font-size: 38px;
  font-weight: 900;
  font-style: italic;
  letter-spacing: -1.8px;
  line-height: 1;
  text-transform: uppercase;
  transform: skewX(-2deg);
}

/* --- 3. Renderizado Vectorial SVG (Máxima Fidelidad Milimétrica) --- */
.hightech-logo-svg {
  height: 34px;
  width: auto;
  display: block;
}

/* --- 4. Enlace e Imagen del Logo (Protección Estricta Anti-Desbordamiento) --- */
.hightech-logo-container {
  display: inline-flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
  height: 40px !important;
  max-height: 40px !important;
  margin-right: clamp(16px, 2.5vw, 36px) !important;
  overflow: hidden !important;
  text-decoration: none !important;
}

.hightech-logo-img {
  height: 38px !important;
  max-height: 38px !important;
  width: auto !important;
  max-width: 220px !important;
  object-fit: contain !important;
  display: block !important;
}