/*
Theme Name: Engesete Telhados - Luxury Edition V19
Theme URI: https://engesetetelhados.com
Author: Manus
Description: Design de Luxo com estética Glassmorphism, menu centralizado e páginas de obras de alto impacto.
Version: 19.0
Text Domain: engesete
*/

/* ===== CONFIGURAÇÕES GLOBAIS V19 ===== */
:root {
  --primary: #1E40AF;
  --secondary: #DC2626;
  --dark: #020617;
  --light: #F8FAFC;
  --white: #FFFFFF;
  --gray-light: #E2E8F0;
  --gray-text: #64748B;
  --font-main: 'Plus Jakarta Sans', sans-serif;
  --font-display: 'Outfit', sans-serif;
  --shadow-sm: 0 5px 15px rgba(0,0,0,0.05);
  --shadow-md: 0 15px 35px rgba(0,0,0,0.1);
  --shadow-lg: 0 30px 60px rgba(0,0,0,0.15);
}

html, body { margin: 0; padding: 0; width: 100%; height: 100%; }
* { margin: 0; padding: 0; box-sizing: border-box; -webkit-font-smoothing: antialiased; }
body { font-family: var(--font-main); background: var(--light); color: var(--dark); line-height: 1.6; overflow-x: hidden; }
a { text-decoration: none; color: inherit; transition: 0.3s; }
img { max-width: 100%; height: auto; display: block; }

/* ===== MAIN CONTENT ===== */
main { width: 100%; margin: 0; padding: 0; }

/* ===== FOOTER LUXURY ===== */
footer { background: var(--dark); color: white; padding: 100px 20px 40px; text-align: center; }
.footer-logo { font-family: var(--font-display); font-size: 2rem; font-weight: 800; margin-bottom: 30px; display: block; }
.footer-cnpj-v16 { opacity: 0.4; font-size: 0.85rem; margin-top: 40px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,0.05); }

/* ===== WHATSAPP FLOAT ===== */
.whatsapp-float {
    position: fixed; bottom: 30px; right: 30px;
    background: #25D366; width: 65px; height: 65px;
    border-radius: 50%; display: flex; align-items: center; justify-content: center;
    color: white; z-index: 1000; box-shadow: 0 15px 30px rgba(37, 211, 102, 0.4);
    transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.whatsapp-float:hover { transform: scale(1.1) rotate(10deg); }

/* ===== ANIMAÇÕES GLOBAIS ===== */
@keyframes fadeInUp { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
@keyframes floatShape { 0% { transform: translate(0,0) scale(1); } 100% { transform: translate(30px, 30px) scale(1.1); } }