:root {
    --pr-rgb: 35, 115, 78; /* #23734e */
}

.slideintro{
	height: 650px;
    background-size: cover !important;
}

.buscadormargin {
    margin-top: 160px;
}

@media(max-width: 768px){
	.top-bar{
		display: none;
	}
	.horizontalMenu>.horizontalMenu-list>li>a:hover {
		color: #FFF;
	}
}

 /* CHAT - RENTA ELECTRONICOS*/
  .chat-fab{
    position: fixed; right: 1.25rem; bottom: 1.25rem; z-index: 1050;
    width:56px; height:56px; border-radius:9999px; display:grid; place-items:center;
    background: var(--primary-bg-color); color:#fff; border:0; box-shadow: 0 10px 30px rgba(0,0,0,.15);
    transition: transform .15s ease, box-shadow .2s ease, opacity .2s ease;
  }
  .chat-fab:hover{ transform: translateY(-2px); box-shadow: 0 14px 40px rgba(0,0,0,.2); }
  .chat-fab svg{ width:26px; height:26px; }

  /* Modal Bootstrap override para hacerla “hero” centrada */
  .modal.chat-modal .modal-dialog{
    max-width: 980px; /* grande */
  }
  .modal.chat-modal .modal-content{
    border: 0;
    background: rgba(255,255,255,.65);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border-radius: 20px;
    box-shadow: 0 30px 80px rgba(0,0,0,.25);
  }
  .chat-header{
    display:flex; align-items:center; gap:.75rem; padding:1rem 1.25rem; border-bottom:1px solid var(--primary-10);
    background: linear-gradient(180deg, rgba(var(--pr-rgb),.12), rgba(var(--pr-rgb),.04));
    border-top-left-radius: 20px; border-top-right-radius: 20px;
  }
  .chat-avatar{
    width:40px; height:40px; border-radius:12px; display:grid; place-items:center;
    background: var(--primary-15); color: var(--primary); font-weight:700;
  }
  .chat-title{ font-weight:700; color:var(--ink-900); }
  .chat-sub{ font-size:.9rem; color:var(--ink-500); }

  .chat-body{
    padding: 1rem 1.25rem; height: 58vh; overflow:auto; scroll-behavior:smooth;
    background:
      radial-gradient(60% 60% at 30% 20%, rgba(var(--pr-rgb), .06), transparent 60%),
      radial-gradient(70% 70% at 70% 60%, rgba(23,23,23,.04), transparent 60%);
  }

  .chat-msg{
    display:flex; gap:.6rem; margin:.5rem 0; align-items:flex-end;
  }
  .chat-msg .bubble{
    max-width: 72%;
    padding:.75rem .9rem; border-radius: 16px; line-height:1.25rem; font-size:.98rem;
    box-shadow: 0 6px 20px rgba(0,0,0,.06);
  }
  .chat-msg.user{ justify-content:flex-end; }
  .chat-msg.user .bubble{
    background: var(--primary);
    color:#fff;
    border-bottom-right-radius: 6px;
  }
  .chat-msg.bot .bubble{
    background:#fff; color:#0b1220; border:1px solid rgba(15,23,42,.06);
    border-bottom-left-radius: 6px;
  }
  .chat-time{ font-size:.75rem; color:var(--ink-500); margin: 0 .5rem; }

  .chat-inputbar{
    padding: .75rem; border-top:1px solid var(--primary-10); display:flex; gap:.5rem; align-items:center;
    background: rgba(255,255,255,.7); border-bottom-left-radius:20px; border-bottom-right-radius:20px;
  }
  .chat-inputbar .form-control{
    border-radius: 9999px; padding:.8rem 1.1rem; border:1px solid var(--primary-20);
    box-shadow: none;
  }
  .chat-inputbar .btn-send{
    border-radius: 9999px; padding:.75rem 1rem; display:inline-flex; align-items:center; gap:.5rem;
    background: var(--primary); border:0; color:#fff; font-weight:600;
  }
  .chat-inputbar .btn-send:disabled{ opacity:.6; cursor:not-allowed; }

  /* Indicador “escribiendo” */
  .typing{
    display:inline-flex; gap:.25rem; align-items:center; height: 1rem;
  }
  .typing span{
    width:.35rem; height:.35rem; background: var(--ink-300); border-radius:9999px; display:inline-block;
    animation: bounce 1s infinite ease-in-out;
  }
  .typing span:nth-child(2){ animation-delay: .12s; }
  .typing span:nth-child(3){ animation-delay: .24s; }
  @keyframes bounce{
    0%, 80%, 100%{ transform: translateY(0); opacity:.5; }
    40%{ transform: translateY(-4px); opacity:1; }
  }

  /* Overlay más oscuro que el default */
  .modal.chat-modal .modal-backdrop,
  .modal-backdrop.show{
    background: rgba(7,10,20,.7) !important;
  }

  @media (max-width: 576px){
    .modal.chat-modal .modal-dialog{ margin: .75rem; }
    .chat-body{ height: 60vh; }
    .chat-msg .bubble{ max-width: 86%; }
  }

  /* Evitar que el modal quede “más largo” que la pantalla */
.modal.chat-modal .modal-dialog {
  margin: 0 auto;
  min-height: 100vh;           /* fuerza centrado vertical */
  display: flex;
  align-items: center;
}


/* Chips / Quick Replies dentro de la burbuja */
.quick-replies{
  display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.5rem;
}
.quick-replies .qr-btn{
  padding:.5rem .8rem; border-radius:9999px;
  background: var(--primary-bg-color);
  border:1px solid var(--primary-20);
  color: #fff; font-weight:600; font-size:.92rem;
  cursor:pointer; user-select:none;
}
.quick-replies .qr-btn:hover{ background: #000; }
.quick-replies .qr-btn:disabled{ opacity:.55; cursor:not-allowed; }

/* Burbuja compacta para notas/ayudas */
.bubble-note{
  font-size:.9rem; color:var(--ink-500); margin-top:.35rem;
}


/* Neutraliza el hack legacy de centrado que causa scroll extra */
.modal.chat-modal { 
  text-align: initial !important;        /* evita inline-block centering */
  overflow-y: auto !important;           /* por si el tema fija overflow raro */
}
.modal.chat-modal::before {
  content: none !important;
  display: none !important;
  height: 0 !important;
}

/* Re-centrado moderno y estable */
.modal.chat-modal .modal-dialog{
  display: flex !important;
  align-items: center !important;
  margin: 1rem auto !important;
  min-height: calc(100vh - 2rem) !important;
}

#back-to-top {
	display: none !important;
}

   /* CHAT - RENTA ELECTRONICOS*/


/* --- Móvil: oculta columnas marcadas y permite saltos de línea --- */
@media (max-width: 576px) {
  /* Oculta cualquier TH/TD con la clase hide-sm */
  .hide-sm { 
    display: none !important;
  }

  /* Si tu tabla tiene class="text-nowrap", fuerza que SÍ haga salto de línea */
  .quotes-table,
  .quotes-table th,
  .quotes-table td {
    white-space: normal !important;
  }

  /* Opcional: compacta un poco el padding en móvil */
  .quotes-table th,
  .quotes-table td {
    padding: .5rem .5rem;
  }
}