:root{
      --bs-primary: #d11f1f;
      --brand: #d11f1f;
      --brand-deep:#9b1414;
      --brand-glow:#ec3535;
      --ink:#141414;
      --muted:#666;
      --soft:#f5f5f5;
      --border:#e6e6e6;
    }
    html,body{font-family:'Inter',sans-serif;color:var(--ink);scroll-behavior:smooth}
    h1,h2,h3,h4,h5{font-family:'Playfair Display',serif;letter-spacing:-.01em}
    .text-brand{color:var(--brand)!important}
    .bg-brand{background:var(--brand)!important;color:#fff}
    .bg-ink{background:var(--ink)!important;color:#fff}
    .bg-soft{background:var(--soft)!important}
    .btn-brand{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;border:0;border-radius:0;padding:.95rem 2rem;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;transition:.3s}
    .btn-brand:hover{box-shadow:0 20px 40px -15px rgba(209,31,31,.45);color:#fff}
    .btn-outline-light-square{border:1px solid rgba(255,255,255,.4);color:#fff;border-radius:0;padding:.95rem 2rem;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
    .btn-outline-light-square:hover{background:#fff;color:var(--ink)}
    .btn-outline-dark-square{border:1px solid var(--ink);color:var(--ink);border-radius:0;padding:.85rem 1.6rem;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;background:transparent}
    .btn-outline-dark-square:hover{background:var(--ink);color:#fff}
    .eyebrow{color:var(--brand);font-size:.72rem;text-transform:uppercase;letter-spacing:.3em;font-weight:600}
    .eyebrow .bar{display:inline-block;width:32px;height:1px;background:var(--brand);vertical-align:middle;margin-right:.5rem}
    em.brand{font-style:normal;color:var(--brand)}
    section{padding:6rem 0}
    @media(min-width:768px){section{padding:8rem 0}}

    /* Header */
    .navbar-brand-box{background:var(--brand);color:#fff;padding:.4rem .8rem;font-family:'Playfair Display',serif;font-weight:700;font-size:1.25rem;line-height:1}
    .navbar-brand-box small{display:block;font-family:'Inter',sans-serif;font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;margin-bottom:-2px}
    #site-header{position:fixed;top:0;left:0;right:0;z-index:1030;transition:.3s;    background: rgba(255, 255, 255, .95);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, .05);}
    #site-header.scrolled{background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:0 2px 10px rgba(0,0,0,.05)}
    #site-header .nav-link{color:var(--ink);text-transform:uppercase;font-size:.78rem;font-weight:500;letter-spacing:.1em;padding:.5rem 1rem!important}
    #site-header .nav-link:hover{color:var(--brand)}

    /* Hero */
    .hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;color:#fff;padding-top:5rem}
    .hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    .hero .overlay{position:absolute;inset:0;background:linear-gradient(135deg, rgb(0 0 0) 0%, rgb(201 36 36 / 32%) 100%)}
    .hero h1{font-size:clamp(2.6rem,6vw,5.5rem);font-weight:700;line-height:1.02}
    .hero p.lead{color:rgba(255,255,255,.85);font-size:1.15rem;max-width:560px}

    /* Service cards */
    .service-card{position:relative;overflow:hidden;border:1px solid var(--border);background:#fff;transition:.4s}
    .service-card:hover{box-shadow:0 30px 60px -25px rgba(0,0,0,.4)}
    .service-card .img-wrap{position:relative;overflow:hidden;aspect-ratio:4/3}
    .service-card.featured .img-wrap{aspect-ratio:4/5}
    .service-card img{width:100%;height:100%;object-fit:cover;transition:.7s}
    .service-card:hover img{transform:scale(1.05)}
    .service-card .grad{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent 60%)}
    .service-card .content{position:absolute;left:0;right:0;bottom:0;padding:1.5rem;color:#fff}
    .service-card .tag{position:absolute;top:1rem;left:1rem;background:var(--brand);color:#fff;font-size:.65rem;text-transform:uppercase;letter-spacing:.16em;font-weight:600;padding:.4rem .75rem}
    .cta-card{background:var(--ink);color:#fff;padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:280px}

    /* Albuns */
    .tier{padding:1.5rem;border:1px solid var(--border);background:#fff;transition:.3s}
    .tier:hover{border-color:var(--brand)}
    .tier.highlight{background:var(--ink);color:#fff;border-color:var(--ink)}
    .tier .feature{font-size:.78rem;display:inline-flex;align-items:center;gap:.35rem;margin-right:1rem}
    .float-badge{position:absolute;bottom:-1.5rem;right:-1.5rem;background:var(--brand);color:#fff;padding:1.5rem;max-width:220px;box-shadow:0 20px 60px -20px rgba(209,31,31,.45)}

    /* Fotopresentes tile */
    .fp-tile{border:1px solid var(--border);padding:1.1rem;display:flex;align-items:center;gap:.75rem;transition:.3s}
    .fp-tile:hover{border-color:var(--brand)}

    /* Profissional */
    .pro-section{position:relative;background:var(--ink);color:#fff;overflow:hidden}
    .pro-section .bgimg{position:absolute;inset:0;opacity:.1}
    .pro-section .bgimg img{width:100%;height:100%;object-fit:cover}

    /* Stats */
    .stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
    @media(min-width:992px){.stats{grid-template-columns:repeat(4,1fr)}}
    .stats > div{background:#fff;padding:2.2rem}
    .stats .v{font-family:'Playfair Display',serif;font-weight:700;color:var(--brand);font-size:3.2rem;line-height:1}
    .stats .l{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin-top:.6rem}

    /* Stores */
    .store-card{background:#fff;border:1px solid var(--border);padding:1.75rem;transition:.3s;height:100%}
    .store-card:hover{border-color:var(--brand);box-shadow:0 10px 40px -15px rgba(0,0,0,.15)}
    .store-icon{width:40px;height:40px;background:rgba(209,31,31,.1);color:var(--brand);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
    .store-banner{position:relative;overflow:hidden;margin-bottom:3rem}
    .store-banner img{width:100%;height:380px;object-fit:cover}
    .store-banner .ov{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.7),transparent);display:flex;align-items:center}

    /* Contact */
    .contact-section{background:var(--ink);color:#fff}
    .contact-tile{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fff;transition:.3s}
    .contact-tile:hover{border-color:var(--brand);color:#fff}
    .contact-tile .ic{width:48px;height:48px;background:var(--brand);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.1rem}
    .form-control-dark{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:0;padding:.9rem 1rem}
    .form-control-dark:focus{background:rgba(255,255,255,.08);border-color:var(--brand);color:#fff;box-shadow:none}
    .form-control-dark::placeholder{color:rgba(255,255,255,.4)}

    /* Footer */
    footer{background:#0a0a0a;color:rgba(255,255,255,.7);padding:4rem 0 2rem}
    footer h6{color:#fff;font-family:'Inter',sans-serif;text-transform:uppercase;letter-spacing:.16em;font-size:.78rem;font-weight:600;margin-bottom:1.2rem}
    footer a{color:rgba(255,255,255,.7);text-decoration:none}
    footer a:hover{color:var(--brand)}
    .social{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);color:#fff;transition:.3s}
    .social:hover{background:var(--brand);border-color:var(--brand);color:#fff}

    .ratio-4x5{aspect-ratio:4/5}
    .ratio-4x3{aspect-ratio:4/3}
    .img-cover{width:100%;height:100%;object-fit:cover}
    .shadow-image{box-shadow:0 30px 60px -25px rgba(0,0,0,.4)}
.whatsapp-float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 20px;
    right: 20px;
    background-color: #25D366;
    color: white;
    border-radius: 50%;
    text-align: center;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
  }

  .whatsapp-float img {
    width: 30px;
    height: 30px;
    filter: brightness(0) invert(1);
  }

  .whatsapp-float:hover {
    transform: scale(1.1);
  }
.col-md-2.conta {
    margin-top: 13px;
}