border-radius: 24px;
background: rgba(255, 255, 255, 0.94);
box-shadow: 0 24px 70px rgba(16, 37, 63, 0.12);
}
.status {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 11px;
border-radius: 999px;
color: #126b55;
background: #e7f8f2;
font-size: 13px;
font-weight: 700;
}
.status::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background: #20b486;
box-shadow: 0 0 0 4px rgba(32, 180, 134, 0.14);
}
h1 {
margin: 22px 0 12px;
font-size: clamp(30px, 6vw, 48px);
line-height: 1.08;
}
p {
margin: 0;
color: #64748b;
font-size: 17px;
line-height: 1.7;
}
.instructions {
margin-top: 28px;
padding: 18px;
border-left: 4px solid #206bc4;
border-radius: 10px;
color: #36516e;
background: #eef6ff;
font-size: 14px;
line-height: 1.6;
}
Página de prueba activa
Prueba del globo de Chatwoot
Si la integración está configurada correctamente, el botón de chat aparecerá
en la esquina inferior derecha de esta página.
Pulsa el globo, escribe un mensaje de prueba y confirma que la conversación
aparece en tu bandeja de entrada de Chatwoot.