/* ======= CreativaMin Theme ======= */
:root{
  --cm-primary:#006C84;
  --cm-accent:#FF7B00;
  --cm-light:#A9F0EE;
  --cm-neutral:#E0E0E0;
  --cm-white:#FFFFFF;

  --h1: clamp(2rem, 4vw, 3rem);
  --h2: clamp(1.25rem, 2.5vw, 1.8rem);
  --p:  clamp(0.95rem, 1.2vw, 1rem);
}
html,body{ font-family: 'Montserrat', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
h1{ font-size:var(--h1); font-weight:800; }
h2,h3,h4{ font-size:var(--h2); font-weight:600; }
p,li{ font-size:var(--p); }

.btn-primary{ background:var(--cm-primary); border-color:var(--cm-primary); }
.btn-primary:hover{ filter:brightness(.92); }
.btn-outline-primary{ color:var(--cm-primary); border-color:var(--cm-primary); }
.btn-outline-primary:hover{ background:var(--cm-primary); color:#fff; }

.hero-bg{
  background: url('assets/img/hero_bg.jpg') center/cover no-repeat;
  position: relative;
}
.hero-bg::before{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.28); }
.hero-bg .container{ position:relative; z-index:1; }
.hero-bg h1, .hero-bg .sublead{ color:#fff; }

.product-logo-box{
  background:transparent;
  border:0;
  display:flex; align-items:center; justify-content:center;
  height:140px;
}
.product-logo{ max-height:84px; width:auto; object-fit:contain; }

/* 3D cards */
.card-3d{
  border-radius: 30px;
  overflow: hidden;
  border: 2px solid var(--cm-neutral);
  box-shadow:
    0 18px 36px rgba(0,0,0,.16),
    0 6px 14px rgba(0,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,.35);
  transition: transform .20s ease, box-shadow .20s ease;
}
.card-3d:hover{
  transform: translateY(-6px);
  box-shadow:
    0 26px 48px rgba(0,0,0,.20),
    0 10px 20px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.45);
}

/* Variants on whole card */
.card-variant-primary{ background: var(--cm-primary); color:#fff; }
.card-variant-primary .text-secondary{ color:#E7F6FA !important; }
.card-variant-accent{ background: var(--cm-accent); color:#111; }
.card-variant-accent .text-secondary{ color:#2b2b2b !important; }
.card-variant-grey{ background: var(--cm-neutral); color:#111; }
.card-variant-grey .text-secondary{ color:#2b2b2b !important; }

.card-variant-primary h3, .card-variant-primary p, .card-variant-primary li { color:#fff; }
.card-variant-accent  h3, .card-variant-accent  p, .card-variant-accent  li { color:#111; }
.card-variant-grey    h3, .card-variant-grey    p, .card-variant-grey    li { color:#111; }

.video-frame{
  border: 6px solid var(--cm-light);
  border-radius: 24px;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

/* Floating cluster */
.social-cluster{
  position:fixed; left:50%; bottom:18px; transform:translateX(-50%);
  display:flex; gap:12px; z-index:1080;
}
.bubble{ width:58px; height:58px; display:flex; align-items:center; justify-content:center;
  border-radius:999px; color:#fff; text-decoration:none; box-shadow: 0 14px 24px rgba(0,0,0,.18);
  transition: transform .15s ease; }
#bubble-home{ background:#006C84; }
#bubble-ig{ background:#C13584; }
#bubble-fb{ background:#1877F2; }
#bubble-wa{ background:#25D366; }
.bubble i{ font-size:1.5rem; }
.bubble:hover{ transform: translateY(-2px); }

.product-modal .modal-content{ border:0; }
.product-modal .modal-close{
  position:absolute; top:14px; right:14px;
  width:44px; height:44px; border-radius:999px;
  background:#ffffff; color:#000; border:1px solid var(--cm-neutral);
  display:flex; align-items:center; justify-content:center;
  z-index:2; cursor:pointer;
}
.product-modal .modal-close span{ font-size:1.2rem; line-height:1; }
.product-modal .modal-body{ background:#fff; }

header{ scroll-margin-top: 64px; }
section{ scroll-margin-top: 64px; }