html { scroll-behavior: smooth; }
    body { font-family: 'Inter', sans-serif; color: var(--texto); background: var(--branco); -webkit-font-smoothing: antialiased; line-height: 1.6; }
    h1, h2, h3 { font-family: 'Playfair Display', serif; line-height: 1.2; color: var(--azul); }
    h1 { font-size: clamp(1.8rem, 3.5vw, 2.8rem); font-weight: 700; }
    h2 { font-size: clamp(1.3rem, 2.5vw, 1.8rem); font-weight: 600; }
    .container { max-width: 1200px; margin: 0 auto; padding: 0 32px; }
    /* HEADER */
    
    
    
    
    
    
    
    
    
    .btn { display: inline-flex; align-items: center; gap: 9px; padding: 13px 26px; border-radius: var(--radius-sm); font-family: 'Inter', sans-serif; font-size: 0.9rem; font-weight: 600; cursor: pointer; transition: var(--trans); border: 2px solid transparent; }
    .btn--whatsapp:hover { background: #1ebe5d; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(37,211,102,0.35); }
    .btn--outline:hover { background: var(--azul); color: white; }
    /* PAGE HERO */
    .page-hero { background: linear-gradient(150deg, var(--offwhite) 0%, var(--bege) 100%); padding: 56px 0 48px; border-bottom: 1px solid var(--borda); }
    .breadcrumb { display: flex; align-items: center; gap: 8px; font-size: 0.8rem; color: var(--texto-suave); margin-bottom: 18px; }
    .breadcrumb a { color: var(--verde); }
    .breadcrumb a:hover { text-decoration: underline; }
    .page-hero h1 { margin-bottom: 14px; }
    .page-hero__desc { font-size: 1.05rem; max-width: 600px; }
    /* CONTATO */
    .contato { padding: 72px 0 80px; }
    .contato__grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: 64px; align-items: start; }
    .contato__cards { display: flex; flex-direction: column; gap: 16px; }
    .contato-card {
      background: var(--branco); border: 1px solid var(--borda);
      border-radius: var(--radius); padding: 24px 22px;
      display: flex; gap: 18px; align-items: flex-start;
      box-shadow: var(--sombra); transition: var(--trans);
    }
    .contato-card:hover { box-shadow: var(--sombra-md); transform: translateY(-2px); }
    .contato-card__icon {
      width: 50px; height: 50px; flex-shrink: 0;
      border-radius: var(--radius-sm); display: flex; align-items: center; justify-content: center;
      font-size: 1.3rem;
    }
    .contato-card__icon--verde { background: rgba(120,136,110,0.12); }
    .contato-card__icon--azul { background: rgba(73,80,96,0.08); }
    .contato-card__icon--areia { background: rgba(186,164,151,0.15); }
    .contato-card__label { font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--verde); margin-bottom: 5px; }
    .contato-card__value { font-size: 0.95rem; color: var(--texto); font-weight: 500; line-height: 1.5; }
    .contato-card__value a { color: var(--azul); transition: var(--trans); }
    .contato-card__value a:hover { color: var(--verde); text-decoration: underline; }
    .contato-card__sub { font-size: 0.8rem; color: var(--texto-suave); margin-top: 3px; }
    .contato__map-section h2 { margin-bottom: 20px; font-size: 1.4rem; }
    .contato__map { border-radius: var(--radius); overflow: hidden; box-shadow: var(--sombra-md); margin-bottom: 24px; }
    .contato__map iframe { width: 100%; height: 340px; border: none; display: block; }
    .contato__reviews {
      background: var(--offwhite); border-radius: var(--radius);
      padding: 24px; border: 1px solid var(--borda);
      display: flex; gap: 16px; align-items: center;
    }
    .contato__reviews-icon { font-size: 2rem; flex-shrink: 0; }
    .contato__reviews-text h3 { font-size: 1rem; margin-bottom: 6px; }
    .contato__reviews-text p { font-size: 0.875rem; margin-bottom: 12px; }
    .cta-section__inner { text-align: center; }
    .cta-section h2 { color: white; margin-bottom: 14px; }
    .cta-section p { color: rgba(255,255,255,0.75); margin-bottom: 32px; max-width: 480px; margin-left: auto; margin-right: auto; }
    .cta-section__actions { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
    .btn--whatsapp-outline { background: transparent; color: white; border: 2px solid rgba(255,255,255,0.5); }
    /* FOOTER */
    .footer { background: var(--azul-dark); color: rgba(255,255,255,0.8); padding: 64px 0 28px; }
    /* WA FLOAT */
    .wa-float { position: fixed; bottom: 28px; right: 28px; z-index: 9999; width: 62px; height: 62px; background: #25D366; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 24px rgba(37,211,102,0.5); transition: var(--trans); animation: waPulse 2.8s infinite; }
    .wa-float:hover { background: #1ebe5d; transform: scale(1.08); animation: none; }
    .wa-float svg { width: 32px; height: 32px; fill: white; }
    @keyframes waPulse { 0%, 100% { box-shadow: 0 4px 24px rgba(37,211,102,0.5); } 50% { box-shadow: 0 4px 40px rgba(37,211,102,0.75); } }
    /* MOBILE */
    
    
    

    @media (max-width: 768px) {
      .container { padding: 0 20px; }
      
      
      
      
      .page-hero { padding: 36px 0 32px; }
      .page-hero h1 { font-size: 1.7rem; }
      .page-hero__desc { font-size: 0.92rem; }
      .contato { padding: 40px 0 56px; }
      .contato__grid { grid-template-columns: 1fr; gap: 32px; }
      
      
    }
    @media (max-width: 480px) {
      .contato-card { padding: 18px 16px; gap: 14px; }
      .contato-card__icon { width: 42px; height: 42px; font-size: 1.1rem; }
      .btn { padding: 13px 20px; font-size: 0.875rem; }
    }