:root{--avon:#c2185b;--avon-dark:#8e0e42}
.bg-avon,.navbar-avon{background:linear-gradient(90deg,var(--avon-dark),var(--avon))}
.navbar-avon .nav-link{color:#fff}.navbar-avon .nav-link.active{font-weight:700;text-decoration:underline}
.navbar-avon .navbar-toggler{border-color:rgba(255,255,255,.5)}
@media(max-width:991.98px){.navbar-avon .navbar-collapse{background:var(--avon-dark);margin:.75rem -.75rem 0;padding:.75rem 1rem;border-radius:8px}}
.btn-avon{background:var(--avon);color:#fff;border:0}.btn-avon:hover{background:var(--avon-dark);color:#fff}
.btn-outline-avon{border:1px solid var(--avon);color:var(--avon)}.btn-outline-avon:hover{background:var(--avon);color:#fff}
.text-avon{color:var(--avon)}.list-group-item.active{background:var(--avon);border-color:var(--avon)}
.hero-slide{height:460px;background:linear-gradient(135deg,#8e0e42,#e91e63) center/cover}
.hero-overlay{height:100%;display:flex;align-items:center;background:rgba(0,0,0,.42);color:#fff}
.product-img{height:260px;background:linear-gradient(135deg,#f8bbd0,#ec407a) center/cover;position:relative}
.product-overlay{position:absolute;inset:auto 0 0 0;padding:1rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.75))}
.footer-avon{background:#2b1620;color:#e8d5dc}.footer-avon a{color:#fff}
.avatar-ini{display:inline-block;border-radius:50%;background:var(--avon);color:#fff;text-align:center;font-weight:700;font-size:.8rem}
.post-content img{max-width:100%;height:auto}

/* WhatsApp click-to-chat */
.wa-float{position:fixed;right:20px;bottom:20px;width:60px;height:60px;background:#25D366;color:#fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:0 4px 14px rgba(0,0,0,.3);z-index:1050;
  text-decoration:none;animation:waPulse 2.2s infinite}
.wa-float:hover{background:#1ebe57;color:#fff;animation:none}
.wa-float-tip{position:absolute;right:70px;background:#111;color:#fff;padding:.4rem .7rem;border-radius:6px;font-size:.85rem;
  white-space:nowrap;opacity:0;transform:translateX(6px);transition:.2s;pointer-events:none}
.wa-float:hover .wa-float-tip{opacity:1;transform:translateX(0)}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.55)}70%{box-shadow:0 0 0 14px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media(max-width:576px){.wa-float{right:14px;bottom:14px;width:54px;height:54px;font-size:26px}.wa-float-tip{display:none}}

/* --- Home: layout ispirato a landing page di settore beauty/consulenza --- */
.eyebrow{display:inline-block;color:var(--avon);font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;margin-bottom:.4rem}

.stats-bar{background:#2b1620;color:#fff;padding:1.75rem 0}
.stats-bar .stat-num{font-size:1.8rem;font-weight:800;color:#fff}
.stats-bar .stat-label{font-size:.85rem;color:#e8c7d3;text-transform:uppercase;letter-spacing:.04em}

.benefit-card{background:#fff;border:1px solid #f0e2e7;border-radius:14px;padding:1.25rem;box-shadow:0 4px 14px rgba(194,24,91,.06)}
.benefit-icon{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--avon-dark),var(--avon));color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.benefit-img{width:100px;height:100px;border-radius:50%;object-fit:cover}

.cta-banner{background:linear-gradient(120deg,var(--avon-dark),var(--avon));color:#fff;border-radius:16px;padding:1.75rem}

/* Modulo contatti sempre in evidenza mentre si scorre la pagina (solo da schermi grandi in su) */
@media (min-width: 992px){
  .sticky-contact{position:sticky; top:88px}
}

.news-section{background:#fbf3f6}
.news-card-link{text-decoration:none;color:inherit;display:block}
.news-card-img{height:170px;background:linear-gradient(135deg,#f8bbd0,#ec407a) center/cover;border-radius:.375rem .375rem 0 0}
.news-card{transition:transform .15s ease, box-shadow .15s ease}
.news-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(194,24,91,.15)!important}

.final-cta{background:#fff;border:1px dashed #e3b6c6;border-radius:16px;padding:2.5rem 1.5rem}
.navbar-brand {
    padding-top: var(--bs-navbar-brand-padding-y);
    padding-bottom: var(--bs-navbar-brand-padding-y);
    margin-right: var(--bs-navbar-brand-margin-end);
    font-size: var(--bs-navbar-brand-font-size);
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}