/* el MISMO menú y la MISMA pastilla flotante en las páginas de chat
   (Descubre, Crear agente y las 7 demos). Los enlaces son los de la portada, precios y empresas
   (data-menu="v1"); la prueba de QA compara el menú de todas las páginas. */
.cab-comun{width:min(760px,100%);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 2px 14px;position:relative;z-index:50;font-family:'Space Grotesk',system-ui,sans-serif}
.cab-comun .logo img{height:32px;width:auto;display:block}
.cab-comun nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end}
.cab-comun nav a{font-size:13.5px;font-weight:500;color:rgba(15,20,20,.66);text-decoration:none;padding:4px 0}
.cab-comun nav a:hover{color:#0F1414;text-decoration:underline}
.cab-comun nav a.btn-p{background:#00A884;color:#0F1414;border-radius:10px;padding:9px 14px;font-weight:600;text-decoration:none}
.cab-comun nav a.btn-p:hover,.cab-comun nav a.btn-p:focus-visible{background:#00795F;color:#fff}
.cab-comun .burger{display:none;width:44px;height:44px;border:0;background:transparent;cursor:pointer;flex-direction:column;justify-content:center;gap:6px;align-items:center;padding:0}
.cab-comun .burger span{display:block;width:24px;height:2px;background:#0F1414;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s}
.cab-comun .menu-m{display:none}
@media(max-width:900px){
  .cab-comun nav{display:none}
  .cab-comun .burger{display:flex}
  .cab-comun .menu-m{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #E9ECEF;border-radius:16px;box-shadow:0 24px 50px -20px rgba(15,20,20,.3);padding:10px 18px 16px;flex-direction:column;gap:2px}
  .cab-comun.abierto .menu-m{display:flex}
  .cab-comun .menu-m a{font-size:18px;font-weight:600;padding:11px 0;border-bottom:1px solid #E9ECEF;color:#0F1414;text-decoration:none}
  .cab-comun .menu-m a.btn-p{margin-top:12px;border:0;background:#00A884;color:#0F1414;border-radius:12px;text-align:center;padding:13px}
  .cab-comun.abierto .burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .cab-comun.abierto .burger span:nth-child(2){opacity:0}
  .cab-comun.abierto .burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}
.cab-comun :focus-visible,.agente-flotante:focus-visible{outline:2.5px solid #00795F;outline-offset:3px;border-radius:6px}
/* La pastilla (igual a la de la portada) */
.agente-flotante{position:fixed;right:20px;bottom:20px;z-index:90;display:inline-flex;align-items:center;gap:11px;padding:9px 18px 9px 9px;border-radius:999px;background:#fff;border:1px solid #E9ECEF;box-shadow:0 8px 24px rgba(15,20,20,.13);text-decoration:none;color:#0F1414;font-family:'Space Grotesk',system-ui,sans-serif;transition:border-color .2s ease,transform .2s ease}
.agente-flotante:hover{border-color:#00A884;transform:translateY(-1px)}
.agente-cara{position:relative;flex:none;width:44px;height:44px;border-radius:50%;background:#EAF9F4;display:grid;place-items:center;overflow:hidden}
.agente-cara img,.agente-cara canvas{width:38px;height:38px;object-fit:contain}
.agente-punto{position:absolute;right:2px;bottom:2px;width:10px;height:10px;border-radius:50%;background:#25D366;border:2px solid #fff}
.agente-texto{display:flex;flex-direction:column;line-height:1.22}
.agente-texto b{font-size:14.5px;font-weight:800;letter-spacing:-.01em}
.agente-texto small{font-size:11px;color:#5B6572;letter-spacing:.03em}
/* En las páginas de chat, en el celular, la pastilla se achica y queda bajo el chat, sin tapar el botón Enviar. */
@media(max-width:600px){.agente-flotante{right:12px;bottom:12px;padding:6px;gap:0}.agente-texto{display:none}.agente-cara{width:40px;height:40px}.agente-cara img{width:34px;height:34px}}
/* Mientras se escribe en el chat (teclado del celular abierto) la pastilla se esconde: si no, sube con el teclado y tapa el campo. */
body.escribiendo .agente-flotante{display:none}
@media print{.agente-flotante{display:none}}