/* Asistente Turismo Entre Ríos — base común de la portada (colores del sitio padre) */
:root {
  --verde: #136734;
  --verde-2: #159b48;
  --verde-claro: #e8f5ec;
  --fondo: #eef6f0;
  --naranja: #f7a51c;
  --amarillo: rgba(255, 192, 0, .9);
  --texto: #1d2a22;
  --texto-suave: #5b6b61;
  --borde: #d6e6db;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body { font-family: 'Open Sans', Arial, sans-serif; color: var(--texto); background: #fff; line-height: 1.5; }
a { color: var(--verde); }

/* barra superior, igual al menú del portal */
.cb-barra { background: var(--verde); }
.cb-barra-in { max-width: 1180px; margin: 0 auto; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cb-barra img { height: 38px; width: auto; display: block; }
.cb-barra a.cb-volver { color: #fff; font-weight: 600; font-size: 14px; text-decoration: none; white-space: nowrap; }
.cb-barra a.cb-volver:hover { text-decoration: underline; }
@media (max-width: 600px) {
  .cb-barra img { height: auto; max-width: 56vw; }
  .cb-barra a.cb-volver { font-size: 12.5px; white-space: normal; text-align: right; line-height: 1.25; }
}
.cb-logo-txt { color: #fff; font-weight: 700; font-size: 21px; text-decoration: none; letter-spacing: -.3px; }
.cb-logo-txt span { color: var(--naranja); }

/* cuadro de texto */
.cb-caja { display: flex; align-items: center; background: #fff; border-radius: 40px; padding: 5px 5px 5px 18px;
  box-shadow: 0 0 0 3px var(--amarillo), 0 6px 18px rgba(0,0,0,.18); }
.cb-caja input { flex: 1; min-width: 0; border: 0; outline: 0; font-size: 17px; padding: 10px 4px; background: transparent;
  color: #222; font-family: inherit; }
.cb-caja button { border: 0; border-radius: 30px; background: var(--verde-2); color: #fff; font-weight: 700; font-size: 16px;
  padding: 11px 22px; cursor: pointer; font-family: inherit; transition: background .15s; }
.cb-caja button:hover { background: var(--verde); }
.cb-caja button:disabled { opacity: .6; cursor: default; }

/* chips de preguntas */
.cb-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.cb-chips button { font: inherit; font-size: 13px; cursor: pointer; border-radius: 20px; padding: 4px 12px; transition: background .15s, color .15s; }

/* conversación */
.cb-chat { display: flex; flex-direction: column; gap: 10px; }
.cb-m { display: flex; }
.cb-u { justify-content: flex-end; }
.cb-b { max-width: 88%; padding: 10px 14px; border-radius: 14px; font-size: 15px; line-height: 1.55; background: #fff; color: var(--texto);
  border: 1px solid var(--borde); word-wrap: break-word; }
.cb-u .cb-b { background: var(--verde); color: #fff; border-color: var(--verde); }
/* nombre del anunciante dentro de la respuesta */
.cb-b strong { color: var(--verde); font-weight: 800; }
.cb-b p { margin: 0 0 7px; } .cb-b p:last-child { margin: 0; }
.cb-b a.cb-ficha { display: inline-block; margin: 5px 0 2px; padding: 5px 12px; background: var(--verde-claro); color: var(--verde);
  border-radius: 16px; text-decoration: none; font-size: 14px; font-weight: 700; }
.cb-b a.cb-ficha:hover { background: #d3ebdb; }
.cb-b a.cb-listado { display: inline-block; margin: 5px 0 2px; padding: 7px 14px; background: var(--verde); color: #fff;
  border-radius: 18px; text-decoration: none; font-size: 14px; font-weight: 700; }
.cb-b a.cb-listado:hover { background: var(--verde-2); }
.cb-b a.cb-wp { display: inline-block; margin: 5px 0 2px; padding: 5px 12px 5px 30px; background: #25d366 no-repeat 10px center; color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2zm5.3 14.1c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.1-4.6-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.9s.7-2.1 1-2.4c.3-.3.6-.3.8-.3h.6c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .5l-.4.6-.4.4c-.1.1-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.4 2.4 1.5.3.1.5.1.6-.1l.9-1.1c.2-.3.4-.2.6-.1l2 1c.3.1.5.2.5.3.1.2.1.7-.2 1.3z'/%3E%3C/svg%3E");
  background-size: 15px; border-radius: 16px; text-decoration: none; font-size: 14px; font-weight: 700; }
.cb-b a.cb-wp:hover { background-color: #1ebe5a; }
.cb-dots span { display: inline-block; width: 7px; height: 7px; margin: 0 2px; border-radius: 50%; background: var(--verde-2);
  animation: cb-salto 1s infinite ease-in-out; }
.cb-dots span:nth-child(2) { animation-delay: .15s; } .cb-dots span:nth-child(3) { animation-delay: .3s; }
@keyframes cb-salto { 0%, 80%, 100% { opacity: .3; transform: translateY(0); } 40% { opacity: 1; transform: translateY(-4px); } }

.cb-aviso { font-size: 12px; color: var(--texto-suave); }

/* pie */
.cb-pie { background: var(--verde); color: #d9eedf; font-size: 13px; }
.cb-pie-in { max-width: 1180px; margin: 0 auto; padding: 18px 16px; display: flex; flex-wrap: wrap; gap: 8px 22px; justify-content: space-between; }
.cb-pie a { color: #fff; }