/* === FOOTER DEV CREDITS === */
.footer-dev { text-align:center; padding-top:1rem; margin-top:0.75rem; border-top:1px solid rgba(255,255,255,0.05); }
.footer-dev a { color:rgba(255,255,255,0.4); font-size:0.75rem; transition:all 0.2s; display:inline-flex; align-items:center; gap:0.35rem; }
.footer-dev a:hover { color:rgba(255,255,255,0.7); }

/* === CHAT FLOTANTE === */
.chat-float { position:fixed; bottom:1.5rem; right:1.5rem; z-index:1030; }
.chat-float-btn { width:56px; height:56px; border-radius:50%; background:var(--color-whatsapp); color:white; border:none; font-size:1.5rem; cursor:pointer; box-shadow:0 4px 20px rgba(37,211,102,0.4); transition:all 0.3s; display:flex; align-items:center; justify-content:center; }
.chat-float-btn:hover { transform:scale(1.1); box-shadow:0 6px 30px rgba(37,211,102,0.5); }
.chat-float-btn.hide { display:none; }
.chat-float-box { display:none; position:absolute; bottom:70px; right:0; width:340px; background:white; border-radius:16px; box-shadow:0 8px 40px rgba(0,0,0,0.2); overflow:hidden; animation:chatIn 0.3s ease; }
.chat-float-box.show { display:block; }
.chat-float-header { background:var(--color-primary); color:white; padding:1rem 1.25rem; display:flex; align-items:center; justify-content:space-between; }
.chat-float-header h4 { font-size:0.95rem; margin:0; display:flex; align-items:center; gap:0.5rem; font-family:var(--font-body); font-weight:600; color:white; }
.chat-float-header button { background:none; border:none; color:rgba(255,255,255,0.7); font-size:1.1rem; cursor:pointer; }
.chat-float-header button:hover { color:white; }
.chat-float-body { padding:1.25rem; }
.chat-float-body p { font-size:0.85rem; color:var(--color-text-light); margin-bottom:1rem; }
.chat-float-body input, .chat-float-body textarea { width:100%; border:1.5px solid var(--color-beige); border-radius:10px; padding:0.7rem 0.9rem; font-family:var(--font-body); font-size:0.9rem; color:var(--color-text); outline:none; margin-bottom:0.65rem; transition:border-color 0.2s; resize:none; }
.chat-float-body input:focus, .chat-float-body textarea:focus { border-color:var(--color-primary); }
.chat-float-body button[type="submit"] { width:100%; background:var(--color-whatsapp); color:white; border:none; border-radius:10px; padding:0.75rem; font-weight:600; font-size:0.9rem; cursor:pointer; display:flex; align-items:center; justify-content:center; gap:0.5rem; transition:all 0.2s; }
.chat-float-body button[type="submit"]:hover { background:#1da851; }
@keyframes chatIn { from { opacity:0; transform:translateY(20px) scale(0.95); } to { opacity:1; transform:translateY(0) scale(1); } }
@media (max-width:480px) {
    .chat-float-box { width:calc(100vw - 2rem); right:-0.5rem; }
    .chat-float { bottom:1rem; right:1rem; }
    .chat-float-btn { width:50px; height:50px; font-size:1.3rem; }
}