:root {
  --prositter-blue: #075bbb;
  --prositter-blue-dark: #063b7a;
  --prositter-blue-soft: #eef5ff;
  --prositter-red: #e51b4b;
  --prositter-white: #ffffff;

  --chat-text: #162033;
  --chat-muted: #6f7a8d;
  --chat-border: #e2e8f0;
  --chat-assistant: #f3f6fa;
}

#tekno-ai-chat-root {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 2147483000;

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  color: var(--chat-text);
}

/* =========================================================
   BOTÓN FLOTANTE
   ========================================================= */

#tekno-ai-chat-launcher {
  position: relative;

  width: 66px;
  height: 66px;

  border: 3px solid #fff;
  border-radius: 50%;

  background:
    linear-gradient(
      145deg,
      #1172e7,
      var(--prositter-blue)
    );

  color: #fff;

  cursor: pointer;

  box-shadow:
    0 12px 32px rgba(0, 61, 132, .28);

  display: flex;
  align-items: center;
  justify-content: center;

  transition:
    transform .18s ease,
    box-shadow .18s ease;
}

#tekno-ai-chat-launcher:hover {
  transform: translateY(-2px) scale(1.03);

  box-shadow:
    0 16px 38px rgba(0, 61, 132, .34);
}

.tekno-ai-chat-launcher-icon {
  font-size: 27px;
  line-height: 1;
}

/* =========================================================
   MINI ASISTENTE / TOOLTIP
   ========================================================= */

#tekno-ai-chat-hint {
  position: absolute;

  right: 0;
  bottom: 78px;

  width: 285px;

  display: flex;
  align-items: center;
  gap: 11px;

  padding: 12px 14px;

  background: #fff;

  border:
    1px solid
    rgba(7, 91, 187, .15);

  border-radius: 17px;

  box-shadow:
    0 12px 32px
    rgba(0, 45, 100, .18);

  opacity: 0;
  visibility: hidden;

  transform:
    translateY(8px);

  transition:
    opacity .18s ease,
    transform .18s ease,
    visibility .18s ease;

  pointer-events: none;
}

#tekno-ai-chat-root:not(.chat-open):hover
#tekno-ai-chat-hint,

#tekno-ai-chat-root:not(.chat-open)
#tekno-ai-chat-launcher:focus
+ #tekno-ai-chat-hint {

  opacity: 1;
  visibility: visible;

  transform:
    translateY(0);
}

.tekno-ai-chat-hint-avatar {
  width: 48px;
  height: 48px;

  flex: 0 0 48px;

  border-radius: 50%;

  background:
    var(--prositter-blue-soft);

  display: flex;
  align-items: center;
  justify-content: center;

  overflow: hidden;

  font-size: 29px;
}

.tekno-ai-chat-hint-avatar img {
  width: 100%;
  height: 100%;

  object-fit: cover;
}

.tekno-ai-chat-hint-copy {
  font-size: 13px;
  line-height: 1.35;

  color: #26364d;
}

.tekno-ai-chat-hint-copy strong {
  display: block;

  color:
    var(--prositter-blue-dark);

  font-size: 13px;

  margin-bottom: 2px;
}

.tekno-ai-chat-hint-badge {
  display: inline-block;

  margin-top: 5px;

  color:
    var(--prositter-red);

  font-size: 10px;
  font-weight: 700;

  text-transform: uppercase;
  letter-spacing: .3px;
}

/* =========================================================
   VENTANA
   ========================================================= */

#tekno-ai-chat-panel {
  position: absolute;

  right: 0;
  bottom: 82px;

  width: 400px;
  height: 590px;

  max-height:
    calc(100vh - 120px);

  display: none;
  flex-direction: column;

  overflow: hidden;

  background:
    var(--prositter-white);

  border:
    1px solid
    rgba(7, 91, 187, .15);

  border-radius: 20px;

  box-shadow:
    0 22px 60px
    rgba(0, 42, 92, .24);
}

#tekno-ai-chat-panel.is-open {
  display: flex;
}

/* =========================================================
   HEADER
   ========================================================= */

.tekno-ai-chat-header {
  display: flex;
  align-items: center;
  justify-content: space-between;

  min-height: 76px;

  padding:
    13px 16px;

  background:
    linear-gradient(
      135deg,
      var(--prositter-blue-dark),
      var(--prositter-blue)
    );

  color: #fff;
}

.tekno-ai-chat-title-wrap {
  min-width: 0;
}

.tekno-ai-chat-title-row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tekno-ai-chat-title {
  font-size: 17px;
  font-weight: 750;
}

.tekno-ai-chat-ai-badge {
  padding:
    3px 7px;

  border:
    1px solid
    rgba(255,255,255,.55);

  border-radius: 999px;

  font-size: 10px;
  font-weight: 700;

  letter-spacing: .4px;

  text-transform: uppercase;
}

.tekno-ai-chat-subtitle {
  margin-top: 4px;

  font-size: 12px;

  opacity: .85;
}

#tekno-ai-chat-close {
  width: 37px;
  height: 37px;

  border: 0;

  border-radius: 50%;

  background:
    rgba(255,255,255,.08);

  color: #fff;

  cursor: pointer;

  font-size: 24px;
}

/* =========================================================
   MENSAJES
   ========================================================= */

#tekno-ai-chat-messages {
  flex: 1;

  overflow-y: auto;

  padding: 18px 16px;

  background:
    #fff;
}

.tekno-ai-chat-message {
  display: flex;

  margin-bottom: 13px;
}

.tekno-ai-chat-message.user {
  justify-content: flex-end;
}

.tekno-ai-chat-message.assistant {
  justify-content: flex-start;
}

.tekno-ai-chat-bubble {
  max-width: 84%;

  padding:
    11px 13px;

  border-radius: 16px;

  font-size: 14px;
  line-height: 1.48;

  white-space: pre-wrap;

  overflow-wrap: anywhere;
}

.tekno-ai-chat-message.user
.tekno-ai-chat-bubble {

  color: #fff;

  background:
    var(--prositter-blue);

  border-bottom-right-radius: 5px;
}

.tekno-ai-chat-message.assistant
.tekno-ai-chat-bubble {

  color:
    var(--chat-text);

  background:
    var(--chat-assistant);

  border-bottom-left-radius: 5px;
}

/* =========================================================
   ESTADO
   ========================================================= */

.tekno-ai-chat-status {
  min-height: 19px;

  padding:
    0 16px 8px;

  color:
    var(--chat-muted);

  font-size: 11.5px;
}

/* =========================================================
   FOOTER / INPUT
   ========================================================= */

.tekno-ai-chat-footer {
  display: flex;
  gap: 9px;

  padding:
    12px;

  border-top:
    1px solid
    var(--chat-border);

  background: #fff;
}

#tekno-ai-chat-input {
  flex: 1;

  min-width: 0;

  min-height: 44px;
  max-height: 110px;

  resize: none;

  padding:
    11px 13px;

  border:
    1px solid
    var(--chat-border);

  border-radius: 13px;

  outline: none;

  font: inherit;
}

#tekno-ai-chat-input:focus {
  border-color:
    var(--prositter-blue);

  box-shadow:
    0 0 0 3px
    rgba(7, 91, 187, .08);
}

#tekno-ai-chat-send {
  min-width: 80px;

  border: 0;

  border-radius: 13px;

  padding:
    0 15px;

  background:
    var(--prositter-blue);

  color: #fff;

  cursor: pointer;

  font-weight: 650;
}

#tekno-ai-chat-send:hover {
  background:
    var(--prositter-blue-dark);
}

#tekno-ai-chat-send:disabled,
#tekno-ai-chat-input:disabled {
  opacity: .55;
  cursor: not-allowed;
}

/* =========================================================
   DISCLOSURE IA
   ========================================================= */

.tekno-ai-chat-disclosure {
  padding:
    9px 14px 11px;

  border-top:
    1px solid
    var(--chat-border);

  background:
    #fafcff;

  text-align: center;

  color:
    var(--chat-muted);

  font-size: 10.5px;
  line-height: 1.35;
}

.tekno-ai-chat-disclosure strong {
  color:
    var(--prositter-blue-dark);
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 520px) {

  #tekno-ai-chat-root {
    right: 12px;
    bottom: 12px;
  }

  #tekno-ai-chat-panel {
    position: fixed;

    left: 8px;
    right: 8px;

    bottom: 86px;

    width: auto;

    height:
      min(
        650px,
        calc(100vh - 105px)
      );

    max-height: none;

    border-radius: 17px;
  }

  #tekno-ai-chat-hint {
    width:
      min(
        285px,
        calc(100vw - 30px)
      );
  }
}


/* =========================================================
   UX V2 — PROSITTER
   2026-08-26
   ========================================================= */

/* ---------------------------------------------------------
   AVATAR EN LAUNCHER
   --------------------------------------------------------- */

#tekno-ai-chat-launcher {
  overflow: visible;
}

.tekno-ai-chat-launcher-avatar {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center top;

  border-radius: 50%;

  pointer-events: none;
}


/* ---------------------------------------------------------
   TOOLTIP SIEMPRE OCULTO CUANDO CHAT ESTÁ ABIERTO
   --------------------------------------------------------- */

#tekno-ai-chat-root.chat-open
#tekno-ai-chat-hint {
  opacity: 0 !important;
  visibility: hidden !important;

  transform:
    translateY(8px) !important;

  pointer-events: none !important;
}


/* ---------------------------------------------------------
   HEADER MÁS LIMPIO
   --------------------------------------------------------- */

.tekno-ai-chat-subtitle {
  display: none;
}

.tekno-ai-chat-header {
  min-height: 64px;
}


/* ---------------------------------------------------------
   BOTÓN ENVIAR — ROJO PROSITTER
   --------------------------------------------------------- */

#tekno-ai-chat-send {
  background:
    var(--prositter-red);

  transition:
    background .18s ease,
    transform .18s ease,
    box-shadow .18s ease;
}

#tekno-ai-chat-send:hover {
  background: #c9143d;

  box-shadow:
    0 5px 14px
    rgba(229, 27, 75, .22);
}

#tekno-ai-chat-send:active {
  transform:
    translateY(1px);
}


/* ---------------------------------------------------------
   LLAMADA DE ATENCIÓN DESPUÉS DE 60 SEGUNDOS
   --------------------------------------------------------- */

@keyframes tekno-ai-chat-pulse {
  0%,
  100% {
    transform:
      scale(1);
  }

  45% {
    transform:
      scale(1.08);
  }

  70% {
    transform:
      scale(1.02);
  }
}

@keyframes tekno-ai-chat-wave {
  0% {
    opacity: .55;

    transform:
      scale(.92);
  }

  70% {
    opacity: 0;

    transform:
      scale(1.55);
  }

  100% {
    opacity: 0;

    transform:
      scale(1.55);
  }
}

#tekno-ai-chat-launcher.needs-attention {
  animation:
    tekno-ai-chat-pulse
    1.15s ease-in-out
    3;
}

#tekno-ai-chat-launcher.needs-attention::before,
#tekno-ai-chat-launcher.needs-attention::after {
  content: '';

  position: absolute;

  inset: -4px;

  border:
    2px solid
    var(--prositter-red);

  border-radius: 50%;

  pointer-events: none;

  /*
   * Invisible en reposo.
   * Los keyframes modifican opacity durante la onda.
   */
  opacity: 0;

  animation:
    tekno-ai-chat-wave
    1.5s ease-out
    3;
}

#tekno-ai-chat-launcher.needs-attention::after {
  animation-delay:
    .45s;
}


/* ---------------------------------------------------------
   MOBILE / TABLET
   --------------------------------------------------------- */

@media (max-width: 767px) {

  #tekno-ai-chat-root {
    right: 14px;
    bottom: 14px;
  }

  #tekno-ai-chat-panel {
    position: fixed;

    width: 70vw;
    height: 60vh;

    max-width: 460px;
    max-height: 70vh;

    min-width: 300px;
    min-height: 390px;

    right: 15px;
    bottom: 92px;

    border-radius: 19px;
  }

  #tekno-ai-chat-hint {
    width:
      min(270px, calc(100vw - 28px));

    right: 0;
    bottom: 78px;
  }

  #tekno-ai-chat-launcher {
    width: 62px;
    height: 62px;
  }

  .tekno-ai-chat-header {
    min-height: 60px;

    padding:
      10px 13px;
  }

  .tekno-ai-chat-title {
    font-size: 16px;
  }

  #tekno-ai-chat-messages {
    padding:
      14px 12px;
  }

  .tekno-ai-chat-bubble {
    max-width: 90%;

    font-size: 13.5px;
  }

  .tekno-ai-chat-footer {
    padding: 9px;

    gap: 7px;
  }

  #tekno-ai-chat-send {
    min-width: 68px;

    padding:
      0 11px;
  }

}


/* ---------------------------------------------------------
   TELÉFONOS ANGOSTOS
   70vw sería demasiado estrecho aquí.
   --------------------------------------------------------- */

@media (max-width: 420px) {

  #tekno-ai-chat-panel {
    width: 88vw;
    height: 60vh;

    min-width: 0;

    right: 6vw;
    bottom: 88px;
  }

  #tekno-ai-chat-hint {
    position: fixed;

    right: 14px;
    bottom: 88px;

    max-width:
      calc(100vw - 28px);
  }

}


/* ---------------------------------------------------------
   ACCESIBILIDAD — REDUCIR MOVIMIENTO
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  #tekno-ai-chat-launcher.needs-attention,
  #tekno-ai-chat-launcher.needs-attention::before,
  #tekno-ai-chat-launcher.needs-attention::after {
    animation: none;
  }

}


/* =========================================================
   NUEVA CONVERSACIÓN
   ========================================================= */

.tekno-ai-chat-header-actions {
  display: flex;
  align-items: center;
  gap: 5px;
}

#tekno-ai-chat-new,
#tekno-ai-chat-close {
  width: 37px;
  height: 37px;

  border: 0;
  border-radius: 50%;

  background:
    rgba(255,255,255,.08);

  color: #fff;

  cursor: pointer;

  display: flex;
  align-items: center;
  justify-content: center;

  transition:
    background .18s ease,
    transform .18s ease;
}

#tekno-ai-chat-new {
  font-size: 20px;
  font-weight: 500;
}

#tekno-ai-chat-close {
  font-size: 24px;
}

#tekno-ai-chat-new:hover,
#tekno-ai-chat-close:hover {
  background:
    rgba(255,255,255,.18);
}

#tekno-ai-chat-new:active,
#tekno-ai-chat-close:active {
  transform:
    scale(.94);
}

@media (max-width: 420px) {

  #tekno-ai-chat-new,
  #tekno-ai-chat-close {
    width: 33px;
    height: 33px;
  }

}


/* =========================================================
   UX — RESPONSIVE / ACCESIBILIDAD / ESTADOS
   ========================================================= */


/* ---------------------------------------------------------
   FOCUS VISIBLE
   --------------------------------------------------------- */

#tekno-ai-chat-launcher:focus-visible,
#tekno-ai-chat-close:focus-visible,
#tekno-ai-chat-new:focus-visible,
#tekno-ai-chat-send:focus-visible,
#tekno-ai-chat-input:focus-visible {
  outline:
    3px solid
    rgba(229, 27, 75, .38);

  outline-offset: 3px;
}


/* ---------------------------------------------------------
   ESTADOS
   --------------------------------------------------------- */

.tekno-ai-chat-status[
  data-status-type="loading"
] {
  color:
    var(--prositter-blue);

  font-weight: 600;
}

.tekno-ai-chat-status[
  data-status-type="error"
] {
  color:
    var(--prositter-red);

  font-weight: 600;
}


/* ---------------------------------------------------------
   MEJOR SCROLL EN MÓVIL
   --------------------------------------------------------- */

#tekno-ai-chat-messages {
  overscroll-behavior: contain;

  -webkit-overflow-scrolling:
    touch;
}


/* ---------------------------------------------------------
   TABLET / MÓVIL
   --------------------------------------------------------- */

@media (max-width: 767px) {

  #tekno-ai-chat-panel {
    width: 70vw;
    height: 60vh;

    max-width: 460px;
    max-height:
      calc(100dvh - 115px);

    min-height: 360px;

    right: 15px;
    bottom: 88px;
  }

}


/* ---------------------------------------------------------
   TELÉFONOS ESTRECHOS
   --------------------------------------------------------- */

@media (max-width: 420px) {

  #tekno-ai-chat-root {
    right: 12px;
    bottom: 12px;
  }

  #tekno-ai-chat-panel {
    width: 88vw;
    height: 60dvh;

    min-height: 360px;

    right: 6vw;
    bottom: 84px;
  }

  #tekno-ai-chat-launcher {
    width: 58px;
    height: 58px;
  }

  .tekno-ai-chat-header {
    min-height: 56px;
  }

  .tekno-ai-chat-title {
    font-size: 15px;
  }

  .tekno-ai-chat-disclosure {
    font-size: 10.5px;
    line-height: 1.35;

    padding:
      7px 10px 8px;
  }

}


/* ---------------------------------------------------------
   PANTALLAS DE POCA ALTURA / LANDSCAPE
   --------------------------------------------------------- */

@media (max-height: 600px) {

  #tekno-ai-chat-panel {
    height:
      calc(100dvh - 105px);

    min-height: 0;
    max-height:
      calc(100dvh - 105px);

    bottom: 82px;
  }

  .tekno-ai-chat-header {
    min-height: 50px;

    padding:
      7px 11px;
  }

  #tekno-ai-chat-messages {
    padding:
      10px 11px;
  }

  .tekno-ai-chat-disclosure {
    padding:
      5px 10px 6px;

    font-size: 10px;
  }

  .tekno-ai-chat-footer {
    padding: 7px;
  }

  #tekno-ai-chat-input {
    min-height: 38px;
  }

}


/* ---------------------------------------------------------
   LANDSCAPE EN TELÉFONOS
   --------------------------------------------------------- */

@media (
  max-width: 900px
)
and (
  max-height: 500px
)
and (
  orientation: landscape
) {

  #tekno-ai-chat-panel {
    width: 55vw;
    height:
      calc(100dvh - 35px);

    right: 82px;
    bottom: 17px;

    max-width: 520px;
  }

}


/* ---------------------------------------------------------
   REDUCIR MOVIMIENTO
   --------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

  #tekno-ai-chat-launcher,
  #tekno-ai-chat-panel,
  #tekno-ai-chat-hint,
  #tekno-ai-chat-send {
    transition: none;
  }

  #tekno-ai-chat-launcher.needs-attention,
  #tekno-ai-chat-launcher.needs-attention::before,
  #tekno-ai-chat-launcher.needs-attention::after {
    animation: none !important;
  }

}

/* =========================================================
   BRANDING — TEKNOSoluciones
   Sólo aplica al tenant teknosoluciones
   ========================================================= */

#tekno-ai-chat-root[data-tenant="teknosoluciones"] {
  --tekno-primary: #0a4fcf;
  --tekno-primary-strong: #083a9a;
  --tekno-accent: #14c8d8;
  --tekno-accent-soft: #e7fbfd;
  --tekno-text: #17324d;
  --tekno-text-soft: #56708a;
  --tekno-border: #d7e6f3;
}

/* Launcher */
#tekno-ai-chat-root[data-tenant="teknosoluciones"]
#tekno-ai-chat-launcher {
  background:
    linear-gradient(
      135deg,
      var(--tekno-primary),
      var(--tekno-accent)
    ) !important;

  border-color: #fff !important;

  box-shadow:
    0 14px 34px rgba(10, 79, 207, .28) !important;
}

/* Panel */
#tekno-ai-chat-root[data-tenant="teknosoluciones"]
#tekno-ai-chat-panel {
  border-color:
    var(--tekno-border) !important;

  box-shadow:
    0 16px 42px rgba(11, 37, 69, .18) !important;
}

/* Encabezado */
#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-header {
  background:
    linear-gradient(
      135deg,
      var(--tekno-primary),
      var(--tekno-accent)
    ) !important;

  color: #fff !important;
}

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-title,

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-subtitle,

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-header button {
  color: #fff !important;
}

/* Badge IA */
#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-ai-badge {
  background: rgba(255,255,255,.16) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.24) !important;
}

/* Conversación */
#tekno-ai-chat-root[data-tenant="teknosoluciones"]
#tekno-ai-chat-messages {
  background: #f7fbff !important;
}

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-message.user
.tekno-ai-chat-bubble {
  background:
    linear-gradient(
      135deg,
      var(--tekno-primary),
      #1a79db
    ) !important;

  color: #fff !important;
}

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-message.assistant
.tekno-ai-chat-bubble {
  background: #fff !important;
  color: var(--tekno-text) !important;
  border-color: #deebf5 !important;
}

/* Información inferior */
#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-disclosure {
  background:
    var(--tekno-accent-soft) !important;

  color:
    var(--tekno-text-soft) !important;

  border-color:
    var(--tekno-border) !important;
}

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-disclosure strong {
  color:
    var(--tekno-primary-strong) !important;
}

/* Hint */
#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-hint-badge {
  background:
    rgba(20, 200, 216, .12) !important;

  color:
    var(--tekno-primary-strong) !important;
}

/* Entrada */
#tekno-ai-chat-root[data-tenant="teknosoluciones"]
#tekno-ai-chat-input:focus {
  border-color:
    var(--tekno-accent) !important;

  box-shadow:
    0 0 0 4px rgba(20,200,216,.14) !important;
}

/* Enviar */
#tekno-ai-chat-root[data-tenant="teknosoluciones"]
#tekno-ai-chat-send {
  background:
    linear-gradient(
      135deg,
      var(--tekno-primary),
      var(--tekno-accent)
    ) !important;

  color: #fff !important;
}

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
#tekno-ai-chat-send:hover {
  background:
    linear-gradient(
      135deg,
      var(--tekno-primary-strong),
      #10b6d4
    ) !important;
}

/* =========================================================
   TEKNOSoluciones — tarjeta de contacto
   ========================================================= */

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-contact-card {
  margin: 10px 14px 16px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid var(--tekno-border);
  border-radius: 14px;
  box-shadow:
    0 8px 22px rgba(11, 37, 69, .10);
}

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-contact-title {
  display: block;
  margin-bottom: 8px;
  color: var(--tekno-text);
  font-size: 14px;
}

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-contact-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 11px;
}

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-contact-details a {
  color: var(--tekno-primary);
  text-decoration: none;
  font-size: 13px;
}

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-contact-details a:hover {
  text-decoration: underline;
}

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-whatsapp {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 14px;
  border-radius: 11px;
  background: #25d366;
  color: #ffffff !important;
  text-decoration: none !important;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
}

#tekno-ai-chat-root[data-tenant="teknosoluciones"]
.tekno-ai-chat-whatsapp:hover {
  background: #1fbd5a;
}
/* =========================================================
   Tarjeta de contacto — base multi-tenant
   ========================================================= */

.tekno-ai-chat-contact-card {
  margin: 10px 14px 16px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid var(--chat-border, #e2e8f0);
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(15, 23, 42, .10);
}

.tekno-ai-chat-contact-title {
  display: block;
  margin-bottom: 8px;
  color: #26364d;
  font-size: 14px;
  font-weight: 600;
}

.tekno-ai-chat-contact-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 11px;
}

.tekno-ai-chat-contact-details a {
  color: #26364d;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
}

.tekno-ai-chat-contact-details a:hover {
  text-decoration: underline;
}

.tekno-ai-chat-whatsapp {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 14px;
  border-radius: 11px;
  background: #25d366;
  color: #ffffff !important;
  text-decoration: none !important;
  text-align: center;
  font-weight: 600;
  font-size: 13px;
}

.tekno-ai-chat-whatsapp:hover {
  background: #1fbd5a;
}