/* R2 Moda Íntima — CTAs de WhatsApp e Instagram | Versão 3.0
   Botões do cabeçalho, hero, faixa de contato, rodapé e botão flutuante do celular. */

.social-icon{width:19px;height:19px;flex:0 0 auto;display:block}

/* Cabeçalho */
.header-social{appearance:none;border:1px solid #ead8df;background:#fffaf9;color:#753e56;min-height:42px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;white-space:nowrap;font-size:12px;font-weight:700;transition:background .2s,transform .2s,border-color .2s,box-shadow .2s}
.header-social:hover{background:#f9eaf0;transform:translateY(-1px);border-color:#d7b0bf}
.header-social--instagram{width:43px;padding:0}
.header-social--whatsapp{background:#77415a;color:#fff;border-color:#77415a;padding-inline:15px}
.header-social--whatsapp:hover{background:#90516d;color:#fff;border-color:#90516d;box-shadow:0 5px 18px rgba(110,60,82,.15)}

/* Hero */
.btn-hero-contact{background:#fff9fa;border-color:#d9b4c2;color:#753e56;gap:10px;box-shadow:0 5px 22px rgba(135,76,98,.04)}
.btn-hero-contact:hover{background:#fff;border-color:#ad7890}
.btn-hero-contact .social-icon{width:18px;height:18px}
.hero-instagram-link{display:inline-flex;align-items:center;gap:8px;margin-top:19px;padding:6px 2px;border:0;background:none;color:#975875;font-size:12px;font-weight:700;transition:color .2s,gap .25s}
.hero-instagram-link:hover{color:#6b354c;gap:11px}
.hero-instagram-link>span:last-child{font-size:14px}
.hero-instagram-link .social-icon{width:17px;height:17px}

/* Faixa "Sua próxima peça favorita" */
.contact-section{padding-block:8px 20px}
.contact-card{position:relative;overflow:hidden;isolation:isolate;border-radius:30px;min-height:335px;background:radial-gradient(circle at 96% 10%,rgba(220,165,187,.30),transparent 28%),radial-gradient(circle at 8% 110%,rgba(220,165,187,.22),transparent 34%),linear-gradient(117deg,#633247,#84455e);color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:clamp(36px,5vw,56px) 22px}
.contact-card .eyebrow{color:#f7c9d7}
.contact-card h2{max-width:730px;font-size:clamp(30px,3.5vw,49px);line-height:1.22;margin:15px 0}
.contact-card h2 em{color:#f9d5dc}
.contact-card p{max-width:530px;line-height:1.8;font-size:14px;color:#f6dce4;margin:0 0 24px}
.contact-ornament{position:absolute;z-index:-1;font:240px/1 var(--serif);left:-15px;bottom:-75px;color:rgba(255,255,255,.055);transform:rotate(-22deg);animation:spin 60s linear infinite}
/* Corações subindo devagar, puro CSS */
.contact-hearts{position:absolute;inset:0;z-index:-1;pointer-events:none}
.contact-hearts i{position:absolute;bottom:-40px;font-style:normal;color:rgba(255,220,230,.22);font-size:22px;animation:floatUp 11s linear infinite}
.contact-hearts i:nth-child(1){left:12%;animation-delay:0s}
.contact-hearts i:nth-child(2){left:28%;font-size:15px;animation-delay:3s;animation-duration:13s}
.contact-hearts i:nth-child(3){left:66%;font-size:28px;animation-delay:1.5s}
.contact-hearts i:nth-child(4){left:82%;font-size:17px;animation-delay:5s;animation-duration:9s}
.contact-hearts i:nth-child(5){left:92%;animation-delay:7s}
@keyframes floatUp{0%{transform:translateY(0) rotate(0);opacity:0}15%{opacity:1}100%{transform:translateY(-420px) rotate(25deg);opacity:0}}
.contact-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.contact-actions .btn{min-height:51px;gap:11px;font-size:12px}
.contact-actions .social-icon{width:20px;height:20px}
.contact-action--whatsapp{color:#6b354c;background:#fffaf9}
.contact-action--whatsapp:hover{background:#fff}
.btn-contact-instagram{border-color:rgba(255,244,247,.5);background:rgba(255,255,255,.07);color:#fff}
.btn-contact-instagram:hover{background:rgba(255,255,255,.14);border-color:#fff}
.contact-fineprint{display:block;font-size:11px;color:#f2d8e1;opacity:.86;letter-spacing:.025em;margin-top:20px}

/* Rodapé */
.footer-nav button{background:none;border:0;color:inherit;padding:0;font-size:inherit;font-weight:inherit;line-height:inherit}
.footer-nav button:hover{color:var(--rose)}

/* Botão flutuante de WhatsApp (verde oficial, em todas as telas) */
.whatsapp-fab{--wa:#25d366;position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));z-index:24;display:flex;align-items:center;gap:0;height:60px;min-width:60px;padding:0 17px;border:0;border-radius:999px;background:var(--wa);color:#fff;box-shadow:0 10px 28px rgba(18,140,74,.38);transition:gap .35s var(--ease),padding .35s var(--ease),bottom .35s var(--ease),transform .25s var(--ease),background .2s}
.whatsapp-fab::before{content:'';position:absolute;inset:0;border-radius:inherit;border:2px solid var(--wa);animation:ping 2.6s var(--ease) infinite;pointer-events:none}
.whatsapp-fab .social-icon{width:27px;height:27px}
.whatsapp-fab-label{max-width:0;overflow:hidden;white-space:nowrap;font-size:13px;font-weight:700;transition:max-width .4s var(--ease)}
.whatsapp-fab:hover{background:#1ebe5b;gap:10px;padding-right:22px}
.whatsapp-fab:hover .whatsapp-fab-label,.whatsapp-fab:focus-visible .whatsapp-fab-label{max-width:140px}
.whatsapp-fab:active{transform:scale(.94)}
body.no-scroll .whatsapp-fab{transform:scale(.6);opacity:0;pointer-events:none}

@media(max-width:1160px){
  .header-social--whatsapp{width:43px;padding:0}
  .header-social--whatsapp .cta-label{display:none}
}
@media(max-width:620px){
  .header-social--whatsapp{display:none}
  .header-social--instagram{width:42px;height:42px;min-height:42px}
  .nav-actions{gap:6px}
  .hero-instagram-link{margin-top:14px;justify-content:center}
  .contact-section{padding-bottom:8px}
  .contact-actions{width:min(100%,340px);flex-direction:column;gap:10px}
  .contact-actions .btn{width:100%}
  .contact-fineprint{max-width:300px;line-height:1.55;margin-top:18px}

  .whatsapp-fab{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));height:56px;min-width:56px;padding:0 15px}
  .whatsapp-fab:hover{gap:0;padding-right:15px}
  .whatsapp-fab-label{display:none}
  body.has-active-bag .whatsapp-fab{bottom:calc(80px + env(safe-area-inset-bottom))}
}
@keyframes ping{0%{transform:scale(1);opacity:.8}70%,100%{transform:scale(1.45);opacity:0}}