*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family:Arial, Helvetica, sans-serif;
  background:#f5f7fb;
  color:#222;
}

.hero{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:40px 20px;
  color:white;

  position:relative;

  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}

.hero-overlay{
  display:none;
}

.hero-content{
  position:relative;
  z-index:2;
  max-width:800px;
}

.hero .tagline,
.hero h1,
.hero .subtitle{
  color:white;
  text-shadow:
    0 2px 5px rgba(0,0,0,.90),
    0 4px 12px rgba(0,0,0,.75),
    0 0 25px rgba(0,0,0,.55);
}

.tagline{
  text-transform:uppercase;
  letter-spacing:3px;
  font-size:14px;
  margin-bottom:18px;
  opacity:.9;
}

.hero h1{
  font-size:58px;
  margin-bottom:20px;
}

.subtitle{
  font-size:22px;
  line-height:1.6;
  opacity:.95;
  margin-bottom:35px;
}

.hero-buttons{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}

.btn{
  display:inline-block;
  padding:15px 34px;
  border-radius:50px;
  text-decoration:none;
  font-weight:bold;
  transition:.3s;
}

.btn.primary{
  background:white;
  color:#8E24AA;
}

.btn.secondary{
  border:2px solid white;
  color:white;
}

.btn:hover{
  transform:translateY(-3px);
  box-shadow:0 15px 30px rgba(0,0,0,.30);
}
.about{
  padding:90px 20px;
  background:white;
}

.section-container{
  max-width:1100px;
  margin:auto;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:40px;
  align-items:center;
}

.section-label{
  text-transform:uppercase;
  letter-spacing:3px;
  color:#D81B60;
  font-size:13px;
  font-weight:bold;
  margin-bottom:14px;
}

.about h2{
  font-size:42px;
  margin-bottom:22px;
  color:#222;
}

.about-text p{
  font-size:18px;
  line-height:1.8;
  color:#555;
}

.about-card{
  background:#f8eef6;
  border-radius:28px;
  padding:35px;
  box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.about-card h3{
  font-size:24px;
  margin-bottom:20px;
  color:#8E24AA;
}

.about-card ul{
  list-style:none;
}

.about-card li{
  margin-bottom:14px;
  font-size:17px;
  color:#444;
}

.about-card li::before{
  content:"✓";
  color:#D81B60;
  font-weight:bold;
  margin-right:10px;
}
.services{
  padding:90px 20px;
  background:#f5f7fb;
}

.services-container{
  max-width:1100px;
  margin:auto;
  text-align:center;
}

.services h2{
  font-size:42px;
  margin-bottom:45px;
  color:#222;
}

.services-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;
}

.service-card{
  background:white;
  border-radius:28px;
  padding:25px 22px;
  box-shadow:0 12px 30px rgba(0,0,0,.08);
  transition:.3s;
}

.service-card:hover{
  transform:translateY(-8px);
  box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.service-icon{
  font-size:42px;
  margin-bottom:20px;
}

.service-card h3{
  font-size:24px;
  margin-bottom:15px;
  color:#8E24AA;
}

.service-card p{
  font-size:16px;
  line-height:1.7;
  color:#555;
}

@media(max-width:800px){

  .section-container,
  .services-grid{
    grid-template-columns:1fr;
  }

  .about h2,
  .services h2{
    font-size:32px;
  }


}
.service-link{
  display:inline-block;
  margin-top:22px;
  color:#D81B60;
  font-weight:bold;
  text-decoration:none;
}

.service-link:hover{
  text-decoration:underline;
}
.gallery{
  padding:90px 20px;
  background:white;
}

.gallery-container{
  max-width:1100px;
  margin:auto;
  text-align:center;
}

.gallery h2{
  font-size:42px;
  margin-bottom:45px;
  color:#222;
}

.gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
}

.gallery-item{
  height:240px;
  background:#eeeeee;
  border-radius:25px;
  display:flex;
  justify-content:center;
  align-items:center;
  font-size:24px;
  font-weight:bold;
  color:#888;
  transition:.3s;
}

.gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  border-radius:25px;
}

.gallery-item:hover{
  transform:scale(1.03);
  box-shadow:0 18px 35px rgba(0,0,0,.12);
}

@media(max-width:800px){

  .gallery h2{
    font-size:28px;
    margin-bottom:30px;
  }

  .gallery-grid{
    grid-template-columns:repeat(2,1fr);
    gap:15px;
  }

  .gallery-item{
    height:200px;
  }

}
/* ===========================
   GOOGLE REVIEWS
=========================== */

.reviews{
  padding:80px 20px;
  background:#f5f7fb;
}

.reviews-container{
  max-width:700px;
  margin:0 auto;
  text-align:center;
}

.reviews h2{
  font-size:38px;
  margin-bottom:35px;
  color:#222;
}

.google-review-card{
  display:block;
  max-width:360px;
  margin:0 auto;
  background:white;
  border-radius:28px;
  padding:35px 25px;
  text-decoration:none;
  color:#222;
  box-shadow:0 15px 35px rgba(0,0,0,.10);
  transition:.3s;
}

.google-review-card:hover{
  transform:translateY(-5px);
  box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.google-stars{
  font-size:28px;
  margin-bottom:12px;
}

.google-score{
  font-size:54px;
  font-weight:bold;
  color:#1565C0;
  margin-bottom:6px;
}

.google-review-card p{
  font-size:18px;
  color:#666;
  margin-bottom:22px;
}

.google-logo{
  font-size:22px;
  font-weight:bold;
  color:#4285F4;
}

@media(max-width:800px){
  .reviews{
    padding:65px 20px;
  }

  .reviews h2{
    font-size:30px;
  }

  .google-review-card{
    max-width:320px;
    padding:30px 20px;
  }

  .google-score{
    font-size:46px;
  }
}
footer{
    text-align:center;
    padding:50px 20px;
    background:linear-gradient(135deg,#8E24AA,#D81B60);
    color:white;
}

.footer-logo{
    width:70px;
    margin-bottom:15px;
}

footer p{
    margin-bottom:8px;
    font-size:18px;
}

footer small{
    color:#999;
}
/* ===========================
   ORARI
=========================== */

.hours{
    padding:90px 20px;
    background:white;
}

.hours-container{
    max-width:700px;
    margin:auto;
    text-align:center;
}

.hours h2{
    font-size:40px;
    margin-bottom:40px;
}

.hours-card{

    background:#f8f9fb;

    border-radius:25px;

    padding:35px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.hour-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:15px 0;

    border-bottom:1px solid #ececec;

}

.hour-row:last-child{

    border-bottom:none;

}

.hour-row span{
    font-weight:600;
    color:#8E24AA;
}

.hour-row strong{
    color:#222;
    white-space:nowrap;
    font-size:16px;
}


@media(max-width:800px){

    .hours h2{

        font-size:30px;

    }

    .hours-card{

        padding:25px;

    }

        .hour-row{
        gap:12px;
    }

    .hour-row span{
        flex-shrink:0;
        font-size:15px;
    }

    .hour-row strong{
        font-size:14px;
        white-space:nowrap;
    }

}
.hour-row .closed{
    color:#888;
}
/* ===========================
   LOCATION / MAPPA
=========================== */

.location{
  padding:90px 20px;
  background:#f5f7fb;
}

.location-container{
  max-width:1100px;
  margin:auto;
  text-align:center;
}

.location h2{
  font-size:40px;
  margin-bottom:40px;
}

.location-card{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:30px;
  align-items:stretch;
}

.location-info{
  background:white;
  border-radius:25px;
  padding:35px;
  text-align:left;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.location-info h3{
  font-size:26px;
  color:#8E24AA;
  margin-bottom:15px;
}

.location-info p{
  color:#555;
  font-size:18px;
  line-height:1.7;
  margin-bottom:25px;
}

.map-link{
  display:inline-block;
  padding:14px 28px;
  border-radius:50px;
  background:#8E24AA;
  color:white;
  text-decoration:none;
  font-weight:bold;
  transition:.3s;
}

.map-link:hover{
  background:#D81B60;
  transform:translateY(-3px);
}

.map-placeholder{
  min-height:280px;
  background:#e8e8e8;
  border-radius:25px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#777;
  font-weight:bold;
  font-size:22px;
  box-shadow:0 10px 30px rgba(0,0,0,.08);
}

@media(max-width:800px){
  .location h2{
    font-size:30px;
  }

  .location-card{
    grid-template-columns:1fr;
  }

  .location-info{
    text-align:center;
  }

  .map-placeholder{
    min-height:220px;
  }
}
/* ===========================
   CONTATTI
=========================== */

.contacts{
    padding:90px 20px;
    background:white;
}

.contacts-container{
    max-width:1200px;
    margin:auto;
    text-align:center;
}

.contacts h2{
    font-size:40px;
    margin-bottom:45px;
}

.contacts-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

.contact-card{

    background:#f8f9fb;

    border-radius:25px;

    padding:35px 25px;

    text-decoration:none;

    color:#222;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.3s;

}

.contact-card:hover{

    transform:translateY(-6px);

    box-shadow:0 18px 35px rgba(0,0,0,.12);

}

.contact-icon{

    font-size:42px;

    margin-bottom:18px;

}
.contact-icon img{
    width:60px;
    height:60px;
    display:block;
    margin:auto;
}

.contact-card h3{

    color:#8E24AA;

    margin-bottom:10px;

}

.contact-card p{

    color:#666;

    font-size:16px;

}

@media(max-width:900px){

    .contacts-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:600px){

    .contacts-grid{

        grid-template-columns:1fr;

    }

}
/* ===========================
   SOCIAL
=========================== */

.social{
  padding:70px 20px;
  background:#f5f7fb;
}

.social-container{
  max-width:900px;
  margin:auto;
  text-align:center;
}

.social h2{
  font-size:40px;
  margin:15px 0 45px;
  color:#8E24AA;
}

.social-links{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}

.social-card{
  background:white;
  padding:16px 28px;
  border-radius:50px;
  text-decoration:none;
  color:#8E24AA;
  font-weight:bold;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  transition:.3s;
}

.social-card:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.platforms-group{
  margin-top:45px;
}

.platforms-group h3{
  margin-bottom:22px;
  font-size:22px;
  color:#8E24AA;
}

.platform-links{
  display:flex;
  justify-content:center;
  gap:25px;
  flex-wrap:wrap;
}

.platform-item{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:150px;
  background:white;
  padding:16px 24px;
  border-radius:50px;
  color:#8E24AA;
  text-decoration:none;
  font-weight:bold;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  transition:.3s;
}

.platform-item:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 35px rgba(0,0,0,.12);
}

/* ===========================
   CONDIVIDI
=========================== */

.share{
    padding:80px 20px;
    background:white;
}

.share-container{
    max-width:700px;
    margin:auto;
    text-align:center;
}

.share h2{
    font-size:34px;
    margin:15px 0;
}

.share p{
    color:#666;
    font-size:18px;
    line-height:1.7;
    margin-bottom:30px;
}

.share-button{

    display:inline-block;

    background:#8E24AA;

    color:white;

    padding:16px 34px;

    border-radius:50px;

    text-decoration:none;

    font-weight:bold;

    transition:.3s;

}

.share-button:hover{

    background:#D81B60;

    transform:translateY(-3px);

}
.social-links img {
  width: 45px;
  height: 45px;
  display: block;
}

.social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: white;
  padding: 12px;
  border-radius: 50%;
}

/* ==================================================
   B-M BUSINESS - SISTEMA TEMI COLORE
   ================================================== */

body {
  --theme-primary: #666666;
  --theme-secondary: #999999;
  --theme-light: #f3f3f3;
  --theme-dark: #333333;
  --theme-glow: rgba(0, 0, 0, 0.18);
}

/* BLU OCEANO — Barbiere */
body.theme-ocean {
  --theme-primary: #0756a3;
  --theme-secondary: #00a8cc;
  --theme-light: #dff6ff;
  --theme-dark: #062f55;
  --theme-glow: rgba(0, 168, 204, 0.4);
}

/* ROSA */
body.theme-pink-blush {
  --theme-primary: #d94f87;
  --theme-secondary: #f48fb1;
  --theme-light: #fce4ec;
  --theme-dark: #8e2856;
  --theme-glow: rgba(217, 79, 135, 0.38);
}

/* BEIGE */
body.theme-beige {
  --theme-primary: #a47c5b;
  --theme-secondary: #d6bfae;
  --theme-light: #f5eee8;
  --theme-dark: #654a36;
  --theme-glow: rgba(164, 124, 91, 0.35);
}

/* VERDE */
body.theme-green-sage {
  --theme-primary: #388e5a;
  --theme-secondary: #81c784;
  --theme-light: #e8f5e9;
  --theme-dark: #1b5e3a;
  --theme-glow: rgba(56, 142, 90, 0.38);
}

/* ROSSO */
body.theme-red {
  --theme-primary: #c62828;
  --theme-secondary: #ef5350;
  --theme-light: #ffebee;
  --theme-dark: #7f0000;
  --theme-glow: rgba(198, 40, 40, 0.38);
}

/* ORO */
body.theme-gold {
  --theme-primary: #b68a20;
  --theme-secondary: #d9b85d;
  --theme-light: #fff8e1;
  --theme-dark: #6d5212;
  --theme-glow: rgba(182, 138, 32, 0.38);
}

/* VIOLA */
body.theme-violet {
  --theme-primary: #7b3fa1;
  --theme-secondary: #ba68c8;
  --theme-light: #f3e5f5;
  --theme-dark: #4a1764;
  --theme-glow: rgba(123, 63, 161, 0.38);
}

/* GRAFITE */
body.theme-graphite {
  --theme-primary: #546e7a;
  --theme-secondary: #90a4ae;
  --theme-light: #eceff1;
  --theme-dark: #263238;
  --theme-glow: rgba(84, 110, 122, 0.38);
}

/* Colore dei titoli principali delle sezioni */
body section h2,
body .section-title {
  color: var(--theme-primary);
}

/* Pulsante principale */
body .btn-primary,
body .primary-button {
  background: var(--theme-primary);
  border-color: var(--theme-primary);
  color: #ffffff;
  box-shadow: 0 8px 24px var(--theme-glow);
}

/* Hover pulsante principale */
body .btn-primary:hover,
body .primary-button:hover {
  background: var(--theme-dark);
  border-color: var(--theme-dark);
}

/* Pulsante secondario */
body .btn-secondary,
body .secondary-button {
  border-color: var(--theme-primary);
  color: var(--theme-primary);
}

/* Icone e dettagli colorati */
body .contact-icon,
body .service-icon {
  color: var(--theme-primary);
}

/* Titoli delle card */
body .contact-card h3,
body .service-card h3 {
  color: var(--theme-primary);
}

/* Link */
body a {
  text-decoration-color: var(--theme-primary);
}



/* CORREZIONE DEFINITIVA HERO */
#hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:40px 20px;
  color:white;

  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  background-color:transparent !important;
  background-blend-mode:normal !important;

  filter:none !important;
  opacity:1 !important;
}

/* Disattiva eventuali livelli colorati sopra la foto */
#hero::before,
#hero::after{
  display:none !important;
  content:none !important;
  background:none !important;
}

/* Mantiene il testo sopra l’immagine */
#hero .hero-content{
  position:relative;
  z-index:2;
  max-width:800px;
  filter:none !important;
  opacity:1 !important;
}

/* ===========================
   HERO MOBILE - REGOLA FINALE
=========================== */

@media(max-width:800px) {
  #hero {
    min-height:280px;
    padding:24px 16px;
    background-size:cover !important;
    background-position:center !important;
  }

  #hero h1 {
    font-size:32px;
    margin-bottom:12px;
  }

  #hero .subtitle {
    font-size:16px;
    line-height:1.35;
    margin-bottom:16px;
  }

  #hero .tagline {
    font-size:11px;
    margin-bottom:12px;
  }
}

/* ===========================
   AZIONI CONDIVIDI / CONTATTO
=========================== */

.share-actions{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}

.save-contact-button{
  display:inline-block;
  background:white;
  color:var(--theme-primary);
  border:2px solid var(--theme-primary);
  padding:14px 32px;
  border-radius:50px;
  text-decoration:none;
  font-weight:bold;
  transition:.3s;
}

.save-contact-button:hover{
  background:var(--theme-light);
  transform:translateY(-3px);
}

@media(max-width:600px){
  .share-actions{
    flex-direction:column;
  }

  .share-button,
  .save-contact-button{
    width:100%;
    max-width:300px;
    text-align:center;
  }
}

/* ===========================
   COLORI DINAMICI DELLA PAGINA
=========================== */

body .section-label,
body .about-card h3,
body .service-card h3,
body .service-link,
body .hour-row span,
body .location-info h3,
body .contact-card h3,
body .social h2,
body .platforms-group h3,
body .social-card,
body .platform-item,
body .google-score {
  color:var(--theme-primary) !important;
}

body .about-card {
  background:var(--theme-light) !important;
}

body .about-card li::before {
  color:var(--theme-primary) !important;
}

body .service-card {
  border-top:4px solid var(--theme-primary);
}

body .map-link,
body .share-button {
  background:var(--theme-primary) !important;
  color:white !important;
}

body .map-link:hover,
body .share-button:hover {
  background:var(--theme-dark) !important;
}

body .share {
  background:var(--theme-light);
}

body footer {
  background:
    linear-gradient(
      90deg,
      var(--theme-dark) 0%,
      var(--theme-primary) 52%,
      var(--theme-secondary) 100%
    ) !important;
}

body footer small {
  color:white;
}

/* CORREZIONE TEMA IMMOBILIARE */

body.theme-gold .about-card {
  background:#F4F6F8 !important;
  border-top:4px solid #B68A20;
}

body.theme-gold .share {
  background:#F4F6F8 !important;
}

body.theme-gold .save-contact-button {
  background:white !important;
  color:#B68A20 !important;
  border-color:#B68A20 !important;
}

body.theme-gold .save-contact-button:hover {
  background:#F4F6F8 !important;
}

body.theme-gold footer {
  background:
    linear-gradient(
      135deg,
      #0B2239,
      #163E5C
    ) !important;
}

/* TEMA ARTIGIANO */

body.theme-artisan,
body.artisan-theme {
  --theme-primary:#F57C00;
  --theme-secondary:#FFB74D;
  --theme-light:#FFF3E0;
  --theme-dark:#263238;
  --theme-glow:rgba(245,124,0,.38);
}

/* Tema ristorazione: Ristorante, Pizzeria e Bar */
body.theme-food,
body.food-theme {
  --theme-primary: #b3261e;
  --theme-secondary: #e09f3e;
  --theme-light: #fff4cc;
  --theme-dark: #4a1713;
  --theme-glow: rgba(224, 159, 62, 0.38);
}

/* Sfumature bicolore tema Ocean */
body.theme-ocean .about-card,
body.theme-ocean .share {
  background:
    linear-gradient(
      135deg,
      #d8efff 0%,
      #eefaff 48%,
      #bcecff 100%
    ) !important;
}

body.theme-ocean footer {
  background:
    linear-gradient(
      90deg,
      #031d33 0%,
      #0756a3 52%,
      #00bcd4 100%
    ) !important;
}

body.theme-ocean .share-button {
  background:#0756a3 !important;
  color:white !important;
  border:none !important;
  box-shadow:none !important;
}

body.theme-ocean .save-contact-button {
  background:white !important;
  color:#0756a3 !important;
  border:2px solid #0756a3 !important;
  box-shadow:none !important;
}

/* Elimina il contorno nero dai pulsanti Condividi */
body.theme-ocean .share-button,
body.theme-food .share-button,
body.food-theme .share-button {
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  -webkit-appearance:none;
  appearance:none;
}

/* Focus accessibile coordinato con la palette */
body.theme-ocean .share-button:focus,
body.theme-food .share-button:focus,
body.food-theme .share-button:focus {
  border:0 !important;
  outline:none !important;
  box-shadow:none !important;
}

/* Tema Hospitality: Hotel e B&B */
body.theme-hospitality,
body.hospitality-theme {
  --theme-primary:#9A6B42;
  --theme-secondary:#D3AA72;
  --theme-light:#F7EBD8;
  --theme-dark:#493225;
  --theme-glow:rgba(154,107,66,.36);
}

body.theme-hospitality .about-card,
body.theme-hospitality .share,
body.hospitality-theme .about-card,
body.hospitality-theme .share {
  background:
    linear-gradient(
      135deg,
      #F9F0E2 0%,
      #F3DFC2 52%,
      #E5C79E 100%
    ) !important;
}

body.theme-hospitality footer,
body.hospitality-theme footer {
  background:
    linear-gradient(
      90deg,
      #493225 0%,
      #9A6B42 52%,
      #D3AA72 100%
    ) !important;
}

/* Tema Medical: Studio medico e Studio dentistico */
body.theme-medical,
body.medical-theme {
  --theme-primary:#087F8C;
  --theme-secondary:#48C9C5;
  --theme-light:#E3F7F6;
  --theme-dark:#064E59;
  --theme-glow:rgba(72,201,197,.36);
}

body.theme-medical .about-card,
body.theme-medical .share,
body.medical-theme .about-card,
body.medical-theme .share {
  background:
    linear-gradient(
      135deg,
      #F1FBFB 0%,
      #DDF5F3 50%,
      #BCEAE7 100%
    ) !important;
}

body.theme-medical footer,
body.medical-theme footer {
  background:
    linear-gradient(
      90deg,
      #064E59 0%,
      #087F8C 52%,
      #48C9C5 100%
    ) !important;
}

/* Tema Nature: Giardinieri */
body.theme-nature,
body.nature-theme {
  --theme-primary:#3F6F3A;
  --theme-secondary:#9CAF72;
  --theme-light:#EEF3E3;
  --theme-dark:#243B26;
  --theme-glow:rgba(63,111,58,.36);
}

body.theme-nature .about-card,
body.theme-nature .share,
body.nature-theme .about-card,
body.nature-theme .share {
  background:
    linear-gradient(
      135deg,
      #F4F6EA 0%,
      #DFE8C9 52%,
      #C7D4A5 100%
    ) !important;
}

body.theme-nature footer,
body.nature-theme footer {
  background:
    linear-gradient(
      90deg,
      #243B26 0%,
      #3F6F3A 52%,
      #9CAF72 100%
    ) !important;
}

/* Tema Beauty: Estetista */
body.theme-beauty,
body.beauty-theme {
  --theme-primary:#8E3A8C;
  --theme-secondary:#D58AC8;
  --theme-light:#F7E8F3;
  --theme-dark:#4B2148;
  --theme-glow:rgba(142,58,140,.36);
}

body.theme-beauty .about-card,
body.theme-beauty .share,
body.beauty-theme .about-card,
body.beauty-theme .share {
  background:
    linear-gradient(
      135deg,
      #FFF4FA 0%,
      #F1DCEC 52%,
      #DCB4D5 100%
    ) !important;
}

body.theme-beauty footer,
body.beauty-theme footer {
  background:
    linear-gradient(
      90deg,
      #4B2148 0%,
      #8E3A8C 52%,
      #D58AC8 100%
    ) !important;
}

/* Tema Fitness: Palestra */
body.theme-fitness,
body.fitness-theme {
  --theme-primary:#39D353;
  --theme-secondary:#B6FF00;
  --theme-light:#EEFFD9;
  --theme-dark:#080B0C;
  --theme-glow:rgba(182,255,0,.42);
}

body.theme-fitness .about-card,
body.theme-fitness .share,
body.fitness-theme .about-card,
body.fitness-theme .share {
  background:
    linear-gradient(
      135deg,
      #F7FFEE 0%,
      #E5F8D3 52%,
      #CFF59A 100%
    ) !important;
}

body.theme-fitness footer,
body.fitness-theme footer {
  background:
    linear-gradient(
      90deg,
      #080B0C 0%,
      #216E32 52%,
      #B6FF00 100%
    ) !important;
}

/* Tema Retail: Negozio */
body.theme-retail,
body.retail-theme {
  --theme-primary:#176B70;
  --theme-secondary:#C97845;
  --theme-light:#F7EEE6;
  --theme-dark:#12383B;
  --theme-glow:rgba(201,120,69,.36);
}

body.theme-retail .about-card,
body.theme-retail .share,
body.retail-theme .about-card,
body.retail-theme .share {
  background:
    linear-gradient(
      135deg,
      #F8F2EC 0%,
      #E7F0ED 50%,
      #EBC8AF 100%
    ) !important;
}

body.theme-retail footer,
body.retail-theme footer {
  background:
    linear-gradient(
      90deg,
      #12383B 0%,
      #176B70 52%,
      #C97845 100%
    ) !important;
}