/* TRUTOSA · WhatsApp v8 — diseño humano y limpio */
.tru-wa-float-wrap{
    position:fixed;
    right:24px;
    bottom:96px;
    z-index:9997;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
}
.tru-wa-float-wrap.is-hidden{opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none}
.tru-wa-float{
    display:flex;align-items:center;gap:10px;
    min-height:58px;padding:8px 14px 8px 8px;
    border:1px solid #dfe7e1;border-radius:18px;
    background:#fff;color:#1e3b28;cursor:pointer;
    box-shadow:0 10px 28px rgba(23,64,34,.16);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.tru-wa-float:hover{transform:translateY(-2px);border-color:#b8d6bf;box-shadow:0 14px 32px rgba(23,64,34,.20)}
.tru-wa-float:focus-visible{outline:3px solid rgba(37,211,102,.22);outline-offset:3px}
.tru-wa-float-icon{
    width:42px;height:42px;flex:0 0 42px;border-radius:50%;
    display:grid;place-items:center;background:#25D366;color:#fff;
}
.tru-wa-float-icon svg{width:22px;height:22px}
.tru-wa-float-copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}
.tru-wa-float-copy strong{font-size:.84rem;font-weight:800;color:#1b3825}
.tru-wa-float-copy small{margin-top:4px;font-size:.66rem;color:#738078;font-weight:600}

html.tru-wa-modal-open,html.tru-wa-modal-open body{overflow:hidden}
.tru-wa-name-modal[hidden]{display:none!important}
.tru-wa-name-modal{
    position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px;
    background:rgba(16,27,19,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.tru-wa-name-card{
    position:relative;width:min(100%,430px);max-height:calc(100dvh - 28px);overflow:auto;
    border:1px solid #e1e7e2;border-radius:22px;background:#fff;color:#203629;
    box-shadow:0 24px 70px rgba(8,29,14,.28);animation:truWaCardIn .2s ease-out;
}
.tru-wa-name-close{
    position:absolute;top:15px;right:15px;z-index:2;width:36px;height:36px;
    border:1px solid #e3e9e4;border-radius:10px;background:#fff;color:#536258;
    display:grid;place-items:center;font-size:1.2rem;line-height:1;cursor:pointer;
}
.tru-wa-name-close:hover{background:#f6f8f6;color:#233b2a}
.tru-wa-name-close:focus-visible,.tru-wa-name-btn:focus-visible{outline:3px solid rgba(37,211,102,.22);outline-offset:3px}
.tru-wa-name-head{
    display:flex;align-items:center;gap:12px;padding:22px 58px 17px 22px;
    border-bottom:1px solid #edf1ed;background:#fbfcfb;
}
.tru-wa-name-logo{
    width:43px;height:43px;flex:0 0 43px;border-radius:12px;object-fit:contain;
    background:#fff;border:1px solid #e3e9e4;padding:6px;
}
.tru-wa-name-head>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.tru-wa-name-kicker{font-size:.62rem;letter-spacing:.12em;font-weight:800;color:#69806f}
.tru-wa-name-head strong{font-size:.96rem;font-weight:800;color:#1e3927}
.tru-wa-name-body{padding:23px 22px 22px}
.tru-wa-name-status{
    display:inline-flex;align-items:center;gap:8px;margin-bottom:15px;padding:7px 10px;
    border-radius:999px;background:#eef8f0;color:#356344;font-size:.72rem;font-weight:700;
}
.tru-wa-name-status-dot{width:8px;height:8px;border-radius:50%;background:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.12)}
.tru-wa-name-title{margin:0 0 8px;color:#183523;font-size:1.35rem;line-height:1.2;letter-spacing:-.025em;font-weight:850}
.tru-wa-name-subtitle{margin:0 0 20px;color:#66756b;font-size:.86rem;line-height:1.62}
.tru-wa-name-label{display:block;margin-bottom:8px;color:#2e4936;font-size:.77rem;font-weight:800}
.tru-wa-name-field{position:relative}
.tru-wa-name-field-icon{position:absolute;left:14px;top:50%;width:19px;height:19px;transform:translateY(-50%);color:#73867a;pointer-events:none}
.tru-wa-name-input{
    width:100%;min-height:54px;box-sizing:border-box;border:1px solid #cfdad2;border-radius:13px;
    padding:0 14px 0 43px;background:#fff;color:#183523;font:inherit;font-size:16px;font-weight:600;outline:none;
    transition:border-color .18s ease,box-shadow .18s ease;
}
.tru-wa-name-input::placeholder{color:#9aa49d;font-weight:500}
.tru-wa-name-input:focus{border-color:#55a86c;box-shadow:0 0 0 4px rgba(55,151,80,.10)}
.tru-wa-name-error{margin:8px 2px 0;color:#b63737;font-size:.75rem;font-weight:700}
.tru-wa-name-note{margin:12px 2px 20px;color:#7a857e;font-size:.72rem;line-height:1.5}
.tru-wa-name-actions{display:flex;gap:10px;align-items:center}
.tru-wa-name-btn{min-height:50px;border-radius:13px;padding:0 16px;font:inherit;font-size:.81rem;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.tru-wa-name-btn:hover{transform:translateY(-1px)}
.tru-wa-name-btn-secondary{flex:.8;border:1px solid #dce4de;background:#fff;color:#5e6c63}
.tru-wa-name-btn-secondary:hover{background:#f7f9f7}
.tru-wa-name-btn-primary{flex:1.45;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #20b858;background:#25D366;color:#fff}
.tru-wa-name-btn-primary:hover{background:#21c25d}
.tru-wa-name-btn-primary svg{width:18px;height:18px}
@keyframes truWaCardIn{from{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){
    .tru-wa-float-wrap{right:14px;bottom:82px}
    .tru-wa-float{min-height:54px;padding:7px 12px 7px 7px;border-radius:17px}
    .tru-wa-float-icon{width:40px;height:40px;flex-basis:40px}
    .tru-wa-float-copy small{display:none}
}
@media(max-width:520px){
    .tru-wa-name-modal{padding:10px;place-items:end center}
    .tru-wa-name-card{width:100%;border-radius:20px}
    .tru-wa-name-head{padding:19px 55px 15px 18px}
    .tru-wa-name-body{padding:20px 18px 18px}
    .tru-wa-name-title{font-size:1.2rem}
    .tru-wa-name-actions{flex-direction:column-reverse}
    .tru-wa-name-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.tru-wa-name-card{animation:none}}