.whatsapp-practice[data-astro-cid-ws5g5t44]{--wa-header-bg: var(--color-surface);--wa-header-color: var(--color-text);--wa-avatar-bg: var(--color-brand-whatsapp);--wa-border: var(--color-border);--wa-chat-bg: var(--color-bg);--wa-msg-sent-bg: #dcf8c6;--wa-msg-sent-color: var(--color-text);--wa-msg-received-bg: var(--color-surface);--wa-msg-received-color: var(--color-text);--wa-typing-bg: var(--color-surface);--wa-typing-color: var(--color-text);--wa-typing-dot: var(--color-text-muted);--wa-ticks-color: var(--color-text-muted);--wa-ticks-read: #53bdeb;--wa-input-bg: var(--color-surface);--wa-input-area-bg: var(--color-surface);--wa-input-border: var(--color-border);--wa-input-text: var(--color-text);--wa-input-placeholder: var(--color-text-muted);--wa-send-bg: #075e54;--wa-send-color: var(--color-on-primary);--wa-send-hover: #064e46;max-width:var(--max-width-xs);margin-inline:auto}[data-theme=dark] .whatsapp-practice[data-astro-cid-ws5g5t44]{--wa-header-bg: #1f2c34;--wa-header-color: #e9edef;--wa-avatar-bg: #00a884;--wa-border: #2a3942;--wa-chat-bg: #111b21;--wa-msg-sent-bg: #005c4b;--wa-msg-sent-color: #e9edef;--wa-msg-received-bg: #1f2c34;--wa-msg-received-color: #e9edef;--wa-typing-bg: #1f2c34;--wa-typing-color: #e9edef;--wa-typing-dot: #8696a0;--wa-ticks-color: #8696a0;--wa-ticks-read: #53bdeb;--wa-input-bg: #2a3942;--wa-input-area-bg: #1f2c34;--wa-input-border: transparent;--wa-input-text: #e9edef;--wa-input-placeholder: #8696a0;--wa-send-bg: #00a884;--wa-send-color: #fff;--wa-send-hover: #00a884}.chat-container[data-astro-cid-ws5g5t44]{border:1px solid var(--wa-border);border-radius:var(--border-radius);overflow:hidden;display:flex;flex-direction:column;height:min(500px,65vh)}.chat-header[data-astro-cid-ws5g5t44]{background-color:var(--wa-header-bg);color:var(--wa-header-color);border-bottom:1px solid var(--wa-border);padding:var(--space-3) var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.header-icon[data-astro-cid-ws5g5t44]{background:none;border:none;color:var(--wa-header-color);cursor:default;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.back-icon[data-astro-cid-ws5g5t44]{margin-left:calc(-1 * var(--space-1))}.header-actions[data-astro-cid-ws5g5t44]{display:flex;gap:var(--space-2);margin-left:auto}.chat-avatar[data-astro-cid-ws5g5t44]{background-color:var(--wa-avatar-bg);color:var(--wa-header-color);font-size:var(--font-size-lg)}.chat-contact[data-astro-cid-ws5g5t44]{line-height:var(--line-height-compressed)}.contact-name[data-astro-cid-ws5g5t44]{display:block;font-weight:700;font-size:var(--font-size-base)}.contact-status[data-astro-cid-ws5g5t44]{display:block;font-size:var(--font-size-sm);opacity:.8}.chat-messages[data-astro-cid-ws5g5t44]{flex:1;overflow-y:auto;padding:var(--space-4);background-color:var(--wa-chat-bg);background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c8c3bc' fill-opacity='0.15'%3E%3Ccircle cx='10' cy='10' r='1.5'/%3E%3Ccircle cx='30' cy='5' r='1'/%3E%3Ccircle cx='50' cy='15' r='1.5'/%3E%3Ccircle cx='5' cy='35' r='1'/%3E%3Ccircle cx='25' cy='30' r='1.5'/%3E%3Ccircle cx='45' cy='40' r='1'/%3E%3Ccircle cx='15' cy='55' r='1.5'/%3E%3Ccircle cx='35' cy='50' r='1'/%3E%3Ccircle cx='55' cy='55' r='1.5'/%3E%3Cpath d='M20 20l3-3m15 8l-2 4m-25 15l4-2m30-5l-3 3' stroke='%23c8c3bc' stroke-opacity='0.12' stroke-width='0.5' fill='none'/%3E%3C/g%3E%3C/svg%3E");display:flex;flex-direction:column;gap:var(--space-3)}[data-theme=dark] .chat-messages[data-astro-cid-ws5g5t44]{background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='10' cy='10' r='1.5'/%3E%3Ccircle cx='30' cy='5' r='1'/%3E%3Ccircle cx='50' cy='15' r='1.5'/%3E%3Ccircle cx='5' cy='35' r='1'/%3E%3Ccircle cx='25' cy='30' r='1.5'/%3E%3Ccircle cx='45' cy='40' r='1'/%3E%3Ccircle cx='15' cy='55' r='1.5'/%3E%3Ccircle cx='35' cy='50' r='1'/%3E%3Ccircle cx='55' cy='55' r='1.5'/%3E%3Cpath d='M20 20l3-3m15 8l-2 4m-25 15l4-2m30-5l-3 3' stroke='%23ffffff' stroke-opacity='0.03' stroke-width='0.5' fill='none'/%3E%3C/g%3E%3C/svg%3E")}.message{max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--border-radius);position:relative;word-break:break-word}.message p{margin:0;font-size:var(--font-size-base)}.message-time{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);opacity:.75;float:right;margin-top:var(--space-1);margin-left:var(--space-3)}.message-ticks{display:inline-flex;align-items:center}.message-ticks svg{color:var(--wa-ticks-color)}.message-ticks.read svg{color:var(--wa-ticks-read)}.message-sent{align-self:flex-end;background-color:var(--wa-msg-sent-bg);color:var(--wa-msg-sent-color)}.message-received{align-self:flex-start;background-color:var(--wa-msg-received-bg);color:var(--wa-msg-received-color)}.typing-indicator{align-self:flex-start;background-color:var(--wa-typing-bg);color:var(--wa-typing-color);max-width:80%;padding:var(--space-3) var(--space-4);border-radius:var(--border-radius)}.typing-dots{display:inline-flex;gap:var(--space-1);vertical-align:middle}.typing-dots span{width:8px;height:8px;border-radius:50%;background-color:var(--wa-typing-dot);display:inline-block;animation:1.4s ease-in-out infinite both typingBounce;font-size:0}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.chat-input-area[data-astro-cid-ws5g5t44]{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background-color:var(--wa-input-area-bg)}.composer-field[data-astro-cid-ws5g5t44]{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--wa-input-border);border-radius:var(--border-radius-pill);padding:0 var(--space-4);min-height:var(--min-touch-target);background-color:var(--wa-input-bg)}.composer-field[data-astro-cid-ws5g5t44]:focus-within{border-color:var(--wa-send-bg);outline:var(--focus-outline);outline-offset:var(--focus-offset)}.chat-input[data-astro-cid-ws5g5t44]{flex:1;min-width:0;border:none;padding:var(--space-3) 0;font-size:var(--font-size-base);font-family:inherit;background-color:#0000;color:var(--wa-input-text)}.chat-input[data-astro-cid-ws5g5t44]::placeholder{color:var(--wa-input-placeholder)}.chat-input[data-astro-cid-ws5g5t44]:focus-visible{outline:none}.composer-icon[data-astro-cid-ws5g5t44]{display:inline-flex;flex-shrink:0;color:var(--wa-input-placeholder)}.chat-hint[data-astro-cid-ws5g5t44]{margin:var(--space-3) 0 0;font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text)}.chat-hint[data-astro-cid-ws5g5t44]:empty{display:none}.date-chip{align-self:center;padding:var(--space-1) var(--space-3);border-radius:var(--border-radius);font-size:var(--font-size-xs);background-color:var(--wa-msg-received-bg);color:var(--wa-msg-received-color)}.send-btn[data-astro-cid-ws5g5t44]{width:52px;height:52px;border-radius:50%;border:none;background-color:var(--wa-send-bg);color:var(--wa-send-color);font-size:var(--font-size-lg);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.send-btn[data-astro-cid-ws5g5t44] .icon-send[data-astro-cid-ws5g5t44],.send-btn[data-astro-cid-ws5g5t44].is-ready .icon-mic[data-astro-cid-ws5g5t44]{display:none}.send-btn[data-astro-cid-ws5g5t44].is-ready .icon-send[data-astro-cid-ws5g5t44]{display:block}@media(hover:hover){.send-btn[data-astro-cid-ws5g5t44]:hover{background-color:var(--wa-send-hover)}}@media(width>=768px){.chat-container[data-astro-cid-ws5g5t44]{height:500px}}@media(height<=500px)and (orientation:landscape){.chat-container[data-astro-cid-ws5g5t44]{height:min(300px,55vh)}.chat-messages[data-astro-cid-ws5g5t44]{padding:var(--space-2)}}