/* Gestiqora · WhatsApp comercial V1.0 - aislado de Joomla/Helix */
#gqwa-root, #gqwa-root * { box-sizing: border-box; }
#gqwa-root { --gq-navy:#092641; --gq-blue:#1d66ca; --gq-cyan:#5ee2d7; --gq-text:#16344f; --gq-muted:#60778b; font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif; position:fixed; bottom:calc(18px + env(safe-area-inset-bottom,0px)); right:clamp(12px,2.1vw,30px); z-index:1080; color:var(--gq-text); line-height:1.45; font-size:14px; }
#gqwa-root button, #gqwa-root input, #gqwa-root select, #gqwa-root textarea { font:inherit; }
#gqwa-root button { cursor:pointer; }
#gqwa-root [hidden] { display:none!important; }
#gqwa-root :focus-visible { outline:3px solid #45cdd1; outline-offset:3px; }
#gqwa-root .gqwa-launcher { display:flex; align-items:center; justify-content:center; gap:10px; border:1px solid #ffffff38; border-radius:999px; background:linear-gradient(115deg,#087d67,#12a987); color:#fff; box-shadow:0 15px 45px rgba(4,52,45,.30),0 0 0 5px rgba(29,185,142,.10); padding:14px 20px; font-size:14px; font-weight:800; line-height:1; min-height:57px; min-width:57px; transition:transform .2s,box-shadow .2s; margin-left:auto; }
#gqwa-root .gqwa-launcher svg { flex:none; height:25px; width:25px; }
#gqwa-root .gqwa-launcher:hover { transform:translateY(-2px); box-shadow:0 18px 48px rgba(4,52,45,.40),0 0 0 5px rgba(29,185,142,.13); }
#gqwa-root .gqwa-panel { position:absolute; right:0; bottom:calc(100% + 15px); width:min(392px,calc(100vw - 24px)); max-height:min(690px,calc(100dvh - 113px)); border-radius:20px; overflow:auto; overscroll-behavior:contain; background:#fff; box-shadow:0 25px 80px rgba(2,28,53,.32); border:1px solid #d5e8ed; animation:gqwaIn .18s ease-out; }
#gqwa-root .gqwa-panel-header { display:flex; gap:12px; align-items:center; background:linear-gradient(130deg,#0b2948,#135678); padding:17px 18px; color:#fff; position:relative; }
#gqwa-root .gqwa-avatar { flex:none; display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:linear-gradient(135deg,#2ce3d2,#1b92d1); font-size:23px; font-weight:900; color:#052c47; }
#gqwa-root .gqwa-heading { flex:1; min-width:0; }
#gqwa-root .gqwa-heading strong { display:block; font-size:15px; color:#fff; letter-spacing:-.2px; }
#gqwa-root .gqwa-heading small { display:block; font-size:11px; color:#bedfeb; }
#gqwa-root .gqwa-close { border:1px solid #ffffff30; display:grid; place-items:center; border-radius:10px; height:32px; width:32px; background:#ffffff16; color:#fff; font-size:21px; line-height:1; flex:none; }
#gqwa-root .gqwa-main { padding:21px 21px 17px; }
#gqwa-root .gqwa-title { font-weight:850; font-size:20px; margin:0 0 5px; color:#0e2c49; letter-spacing:-.5px; }
#gqwa-root .gqwa-subtitle { font-size:12px; color:#657d91; margin:0 0 17px; line-height:1.6; }
#gqwa-root .gqwa-form { display:grid; gap:12px; margin:0; }
#gqwa-root .gqwa-field { display:grid; gap:5px; font-size:12px; font-weight:700; color:#254763; }
#gqwa-root .gqwa-field .gqwa-optional { font-weight:400; color:#8193a4; }
#gqwa-root .gqwa-field input, #gqwa-root .gqwa-field select, #gqwa-root .gqwa-field textarea { width:100%; min-width:0; border-radius:10px; padding:10px 12px; background:#f8fbfe; color:#112f4c; border:1px solid #cadde8; font-size:13px; font-weight:500; box-shadow:none; min-height:43px; outline-offset:1px; }
#gqwa-root .gqwa-field input::placeholder, #gqwa-root .gqwa-field textarea::placeholder { color:#8498aa; }
#gqwa-root .gqwa-field textarea { resize:vertical; min-height:72px; max-height:135px; }
#gqwa-root .gqwa-field select { appearance:auto; }
#gqwa-root .gqwa-columns { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
#gqwa-root .gqwa-continue { width:100%; min-height:47px; display:flex; align-items:center; justify-content:center; gap:9px; font-weight:850; background:linear-gradient(120deg,#168965,#0aaf89); color:#fff; border:0; border-radius:11px; padding:12px 13px; transition:filter .18s,transform .18s; }
#gqwa-root .gqwa-continue:hover { filter:brightness(.95); transform:translateY(-1px); }
#gqwa-root .gqwa-continue svg { width:20px; height:20px; }
#gqwa-root .gqwa-disclaimer { margin:0; color:#698093; font-size:10.5px; line-height:1.55; }
#gqwa-root .gqwa-footer { border-top:1px solid #e8f0f4; background:#f6fafd; display:flex; justify-content:center; gap:6px; padding:10px; font-size:10px; color:#557087; text-align:center; }
#gqwa-root .gqwa-footer b { color:#174a74; }
@keyframes gqwaIn { from{opacity:0;transform:translateY(8px) scale(.99)} to{opacity:1;transform:translateY(0) scale(1)} }
@media (max-width:520px) {
  #gqwa-root { bottom:calc(13px + env(safe-area-inset-bottom,0px)); right:12px; }
  #gqwa-root .gqwa-launcher { padding:12px 16px; font-size:12px; min-height:53px; }
  #gqwa-root .gqwa-panel { width:min(368px,calc(100vw - 24px)); max-height:calc(100dvh - 95px); bottom:calc(100% + 10px); border-radius:15px; }
  #gqwa-root .gqwa-main { padding:16px; }
  #gqwa-root .gqwa-panel-header { padding:13px; }
  #gqwa-root .gqwa-title { font-size:18px; }
}
@media (max-width:340px) { #gqwa-root .gqwa-columns{grid-template-columns:1fr;} #gqwa-root .gqwa-launcher span{display:none;} }
@media (prefers-reduced-motion:reduce) { #gqwa-root *{animation:none!important;transition:none!important} }
@media print { #gqwa-root{display:none!important;} }
