:root{
  --bg:#f8f1eb;
  --bg-soft:#fffaf6;
  --surface:#ffffff;
  --surface-2:#f3e6dc;
  --text:#2f241f;
  --text-soft:#6f5d54;
  --gold:#b88a5a;
  --gold-strong:#9d7045;
  --dark:#1d1512;
  --border:rgba(47,36,31,.10);
  --shadow:0 20px 60px rgba(43,28,20,.10);
  --radius:24px;
  --container:1200px;
}

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

html{
  scroll-behavior:smooth;
}

body{
  font-family: Arial, Helvetica, sans-serif;
  background:
    radial-gradient(circle at top left, rgba(184,138,90,.12), transparent 30%),
    linear-gradient(180deg, #fff9f5 0%, #f8f1eb 55%, #f4e7dc 100%);
  color:var(--text);
  line-height:1.6;
}

img{
  max-width:100%;
  display:block;
}

a{
  color:inherit;
  text-decoration:none;
}

.container{
  width:min(calc(100% - 32px), var(--container));
  margin:0 auto;
}

.site-header{
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter: blur(14px);
  background:rgba(255,250,246,.76);
  border-bottom:1px solid rgba(47,36,31,.08);
}

.header-wrap{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.brand{
  font-size:1.15rem;
  font-weight:700;
  letter-spacing:.04em;
  color:var(--dark);
}

.site-nav{
  display:flex;
  align-items:center;
  gap:22px;
}

.site-nav a{
  color:var(--text-soft);
  font-size:.96rem;
  transition:.25s ease;
}

.site-nav a:hover{
  color:var(--dark);
}

.header-cta,
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:14px 22px;
  border-radius:999px;
  font-weight:700;
  transition:.25s ease;
  cursor:pointer;
}

.header-cta{
  background:var(--dark);
  color:#fff;
}

.header-cta:hover{
  transform:translateY(-2px);
  background:#000;
}

.hero{
  position:relative;
  overflow:hidden;
  padding:88px 0 72px;
}

.hero-overlay{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 22%, rgba(184,138,90,.20), transparent 22%),
    radial-gradient(circle at 15% 30%, rgba(255,255,255,.75), transparent 22%);
  pointer-events:none;
}

.hero-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns: 1.05fr .95fr;
  gap:42px;
  align-items:center;
}

.eyebrow,
.section-tag{
  display:inline-block;
  font-size:.8rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:var(--gold-strong);
  margin-bottom:16px;
}

.hero-copy h1{
  font-size:clamp(2.4rem, 4vw, 4.6rem);
  line-height:1.05;
  margin-bottom:18px;
  color:var(--dark);
  max-width:720px;
}

.hero-copy p{
  color:var(--text-soft);
  max-width:640px;
  font-size:1.04rem;
  margin-bottom:28px;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:30px;
}

.btn-gold{
  background:linear-gradient(135deg, #c99a69 0%, #a87443 100%);
  color:#fff;
  box-shadow:0 18px 34px rgba(168,116,67,.24);
}

.btn-gold:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 40px rgba(168,116,67,.30);
}

.btn-outline{
  border:1px solid rgba(47,36,31,.16);
  color:var(--dark);
  background:rgba(255,255,255,.55);
}

.btn-outline:hover{
  background:#fff;
  transform:translateY(-2px);
}

.btn-dark{
  background:var(--dark);
  color:#fff;
}

.btn-dark:hover{
  transform:translateY(-2px);
  background:#000;
}

.btn-light{
  background:#fff;
  color:var(--dark);
  border:1px solid rgba(47,36,31,.10);
}

.btn-light:hover{
  transform:translateY(-2px);
}

.hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.badge-card{
  min-width:150px;
  padding:16px 18px;
  border-radius:20px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(47,36,31,.08);
  box-shadow:var(--shadow);
}

.badge-card strong{
  display:block;
  color:var(--dark);
  font-size:1rem;
  margin-bottom:4px;
}

.badge-card span{
  color:var(--text-soft);
  font-size:.92rem;
}

.hero-visual{
  position:relative;
  min-height:640px;
}

.hero-photo-card{
  position:absolute;
  overflow:hidden;
  border-radius:30px;
  box-shadow:0 24px 60px rgba(41,28,22,.18);
  border:1px solid rgba(255,255,255,.55);
  background:#fff;
}

.hero-photo-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.photo-main{
  inset:20px 110px 20px 0;
}

.photo-small{
  width:230px;
  height:270px;
  right:0;
}

.photo-small.top{
  top:0;
}

.photo-small.bottom{
  bottom:0;
}

.section{
  padding:88px 0;
}

.section-intro{
  padding-top:36px;
}

.intro-grid,
.split-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:36px;
  align-items:center;
}

.intro-grid h2,
.section-heading h2,
.split-copy h2,
.cta-box h2{
  font-size:clamp(1.9rem, 3vw, 3.1rem);
  line-height:1.12;
  color:var(--dark);
}

.intro-grid p,
.section-heading p,
.split-copy p,
.cta-box p{
  color:var(--text-soft);
  font-size:1rem;
}

.section-heading{
  max-width:720px;
  margin:0 auto 36px;
  text-align:center;
}

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

.service-card{
  padding:28px 24px;
  background:rgba(255,255,255,.68);
  border:1px solid var(--border);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

.service-card h3{
  font-size:1.2rem;
  color:var(--dark);
  margin-bottom:12px;
}

.service-card p{
  color:var(--text-soft);
}

.gallery-grid{
  display:grid;
  grid-template-columns:1.3fr 1fr 1fr;
  gap:18px;
  grid-auto-rows:250px;
}

.gallery-item{
  overflow:hidden;
  border-radius:28px;
  box-shadow:var(--shadow);
}

.gallery-item.large{
  grid-row:span 2;
}

.gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}

.gallery-item:hover img{
  transform:scale(1.05);
}

.split-image{
  overflow:hidden;
  border-radius:30px;
  box-shadow:var(--shadow);
}

.split-image img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.feature-list{
  list-style:none;
  margin:22px 0 28px;
  display:grid;
  gap:12px;
}

.feature-list li{
  position:relative;
  padding-left:26px;
  color:var(--text-soft);
}

.feature-list li::before{
  content:"•";
  position:absolute;
  left:8px;
  top:0;
  color:var(--gold-strong);
  font-size:1.2rem;
  line-height:1;
}

.cta-section{
  padding-top:40px;
  padding-bottom:96px;
}

.cta-box{
  text-align:center;
  padding:58px 28px;
  border-radius:34px;
  background:
    linear-gradient(135deg, rgba(26,18,15,.96), rgba(55,39,29,.94)),
    linear-gradient(135deg, rgba(184,138,90,.22), transparent);
  color:#fff;
  box-shadow:0 24px 70px rgba(26,18,15,.30);
}

.cta-box h2,
.cta-box p,
.cta-box .section-tag{
  color:#fff;
}

.cta-box .section-tag{
  opacity:.78;
}

.cta-actions{
  margin-top:26px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
}

.site-footer{
  padding:28px 0 36px;
  border-top:1px solid rgba(47,36,31,.08);
  background:rgba(255,250,246,.88);
}

.footer-wrap{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}

.footer-wrap p{
  color:var(--text-soft);
  margin-top:8px;
  max-width:460px;
}

.footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:16px 22px;
}

.footer-links a{
  color:var(--text-soft);
}

.footer-links a:hover{
  color:var(--dark);
}

@media (max-width: 1080px){
  .hero-grid,
  .intro-grid,
  .split-grid{
    grid-template-columns:1fr;
  }

  .hero-visual{
    min-height:560px;
  }

  .service-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .gallery-grid{
    grid-template-columns:1fr 1fr;
  }

  .gallery-item.large{
    grid-column:span 2;
    grid-row:span 1;
    min-height:320px;
  }

  .site-nav{
    display:none;
  }
}

@media (max-width: 720px){
  .header-wrap{
    min-height:74px;
  }

  .header-cta{
    display:none;
  }

  .hero{
    padding:68px 0 50px;
  }

  .hero-visual{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
  }

  .hero-photo-card{
    position:relative;
    inset:auto;
    width:100%;
    height:260px;
    border-radius:22px;
  }

  .photo-main{
    grid-column:span 2;
    height:380px;
  }

  .service-grid,
  .gallery-grid{
    grid-template-columns:1fr;
  }

  .gallery-item.large{
    grid-column:auto;
    min-height:260px;
  }

  .section{
    padding:70px 0;
  }

  .footer-wrap{
    flex-direction:column;
  }
}

/* ===== HERO FULL VIDEO ===== */
.hero-full-video{
  position:relative;
  min-height:92vh;
  padding:0;
  overflow:hidden;
  display:flex;
  align-items:center;
}

.hero-media{
  position:absolute;
  inset:0;
  z-index:1;
}

.hero-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  transition:opacity .8s ease;
  background:#000;
}

.hero-bg-video.is-active{
  opacity:1;
}

.hero-dark-layer{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(15,10,8,.68) 0%, rgba(15,10,8,.44) 38%, rgba(15,10,8,.20) 65%, rgba(15,10,8,.18) 100%);
  z-index:2;
}

.hero-gold-glow{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 48%, rgba(197,147,92,.20), transparent 24%),
    radial-gradient(circle at 80% 24%, rgba(255,240,220,.10), transparent 20%);
  z-index:3;
  pointer-events:none;
}

.hero-overlay-content{
  position:relative;
  z-index:4;
  width:100%;
}

.hero-copy-overlay{
  max-width:640px;
  padding:120px 0 90px;
}

.hero-copy-overlay .eyebrow{
  color:#f3d2ab;
}

.hero-copy-overlay h1{
  color:#fff;
  text-shadow:0 8px 30px rgba(0,0,0,.24);
}

.hero-copy-overlay p{
  color:rgba(255,255,255,.86);
  max-width:560px;
}

.btn-outline-light{
  color:#fff;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
}

.btn-outline-light:hover{
  background:rgba(255,255,255,.16);
}

.badge-card-dark{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
  backdrop-filter:blur(8px);
}

.badge-card-dark strong{
  color:#fff;
}

.badge-card-dark span{
  color:rgba(255,255,255,.76);
}

@media (max-width: 900px){
  .hero-full-video{
    min-height:78vh;
  }

  .hero-copy-overlay{
    max-width:100%;
    padding:110px 0 70px;
  }

  .hero-dark-layer{
    background:linear-gradient(180deg, rgba(15,10,8,.58) 0%, rgba(15,10,8,.46) 100%);
  }
}

@media (max-width: 640px){
  .hero-full-video{
    min-height:72vh;
  }

  .hero-copy-overlay{
    padding:95px 0 56px;
  }

  .hero-copy-overlay h1{
    font-size:clamp(2rem, 8vw, 3.1rem);
  }

  .hero-actions{
    flex-direction:column;
    align-items:flex-start;
  }

  .hero-actions .btn{
    width:100%;
    max-width:280px;
  }
}

/* ===== HERO TEXT ALIGN FIX ===== */
.hero-overlay-content{
  display:flex;
  align-items:center;
  min-height:92vh;
}

.hero-copy-overlay{
  max-width:560px;
  padding:120px 0 90px;
  margin-left:32px;
}

.hero-copy-overlay h1{
  max-width:520px;
}

.hero-copy-overlay p{
  max-width:500px;
}

@media (max-width: 900px){
  .hero-overlay-content{
    min-height:78vh;
  }

  .hero-copy-overlay{
    margin-left:0;
    max-width:100%;
  }
}

@media (max-width: 640px){
  .hero-overlay-content{
    min-height:72vh;
  }

  .hero-copy-overlay{
    margin-left:0;
  }
}

/* ===== HERO VIDEO SCALE 80% ===== */
.hero-media{
  display:flex;
  align-items:center;
  justify-content:center;
}

.hero-bg-video{
  width:80%;
  height:80%;
  object-fit:cover;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 28px 80px rgba(0,0,0,.28);
}

.hero-dark-layer,
.hero-gold-glow{
  width:80%;
  height:80%;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  border-radius:28px;
}

@media (max-width: 900px){
  .hero-bg-video,
  .hero-dark-layer,
  .hero-gold-glow{
    width:88%;
    height:84%;
  }
}

@media (max-width: 640px){
  .hero-bg-video,
  .hero-dark-layer,
  .hero-gold-glow{
    width:94%;
    height:86%;
    border-radius:20px;
  }
}

/* ===== HERO VIDEO FIT FIX ===== */
.hero-media{
  display:block;
}

.hero-bg-video{
  width:92% !important;
  height:100% !important;
  top:0;
  left:auto;
  right:0;
  border-radius:0 !important;
  box-shadow:none !important;
}

.hero-dark-layer,
.hero-gold-glow{
  width:92% !important;
  height:100% !important;
  top:0;
  left:auto;
  right:0;
  transform:none !important;
  border-radius:0 !important;
}

@media (max-width: 900px){
  .hero-bg-video,
  .hero-dark-layer,
  .hero-gold-glow{
    width:100% !important;
    height:100% !important;
    right:0;
  }
}

/* ===== HERO FINAL FIX ===== */
.hero-full-video{
  position:relative;
  min-height:92vh;
  display:flex;
  align-items:center;
  overflow:hidden;
}

.hero-media{
  position:absolute;
  inset:0;
  z-index:1;
}

.hero-bg-video{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  opacity:0;
  transition:opacity .8s ease;
  border-radius:0 !important;
  box-shadow:none !important;
  right:auto !important;
  top:0 !important;
  left:0 !important;
}

.hero-bg-video.is-active{
  opacity:1;
}

.hero-dark-layer{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  background:linear-gradient(90deg, rgba(16,11,8,.72) 0%, rgba(16,11,8,.50) 28%, rgba(16,11,8,.22) 52%, rgba(16,11,8,.08) 72%, rgba(16,11,8,.04) 100%) !important;
  z-index:2;
  border-radius:0 !important;
  transform:none !important;
}

.hero-gold-glow{
  position:absolute;
  inset:0;
  width:100% !important;
  height:100% !important;
  background:
    radial-gradient(circle at 14% 48%, rgba(201,154,105,.18), transparent 22%),
    radial-gradient(circle at 78% 20%, rgba(255,240,220,.10), transparent 18%);
  z-index:3;
  border-radius:0 !important;
  transform:none !important;
  pointer-events:none;
}

.hero-overlay-content{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  min-height:92vh;
}

.hero-copy-overlay{
  width:100%;
  max-width:620px !important;
  margin-left:0 !important;
  padding:110px 0 80px 24px !important;
}

.hero-copy-overlay .eyebrow{
  color:#f0cfaa;
  font-size:.78rem;
  letter-spacing:.20em;
}

.hero-copy-overlay h1{
  max-width:560px;
  font-size:clamp(3rem, 5vw, 5.2rem) !important;
  line-height:1.03;
  color:#fff;
  text-shadow:0 10px 28px rgba(0,0,0,.28);
  margin-bottom:20px;
}

.hero-copy-overlay p{
  max-width:520px;
  color:rgba(255,255,255,.88);
  font-size:1.02rem;
  line-height:1.7;
  margin-bottom:28px;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:28px;
}

.btn-outline-light{
  color:#fff;
  border:1px solid rgba(255,255,255,.34);
  background:rgba(255,255,255,.08);
  backdrop-filter:blur(8px);
}

.badge-card-dark{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(8px);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.badge-card-dark strong{
  color:#fff;
}

.badge-card-dark span{
  color:rgba(255,255,255,.78);
}

@media (max-width: 900px){
  .hero-full-video,
  .hero-overlay-content{
    min-height:78vh;
  }

  .hero-copy-overlay{
    max-width:100% !important;
    padding:100px 18px 64px 18px !important;
  }

  .hero-copy-overlay h1{
    font-size:clamp(2.3rem, 7vw, 3.6rem) !important;
    max-width:100%;
  }

  .hero-copy-overlay p{
    max-width:92%;
  }

  .hero-dark-layer{
    background:linear-gradient(180deg, rgba(16,11,8,.66) 0%, rgba(16,11,8,.44) 100%) !important;
  }
}

@media (max-width: 640px){
  .hero-full-video,
  .hero-overlay-content{
    min-height:72vh;
  }

  .hero-copy-overlay{
    padding:92px 16px 54px 16px !important;
  }

  .hero-copy-overlay h1{
    font-size:clamp(2rem, 8vw, 3rem) !important;
  }

  .hero-copy-overlay p{
    font-size:.96rem;
    max-width:100%;
  }

  .hero-actions{
    flex-direction:column;
    align-items:flex-start;
  }

  .hero-actions .btn{
    width:100%;
    max-width:280px;
  }
}

/* ===== HERO TITLE 80% FIT ===== */
.hero-copy-overlay{
  max-width:480px !important;
  padding:110px 0 80px 28px !important;
}

.hero-copy-overlay h1{
  max-width:430px !important;
  font-size:clamp(2.35rem, 4.1vw, 4.15rem) !important;
  line-height:1.06 !important;
  letter-spacing:-0.02em;
  margin-bottom:22px;
}

.hero-copy-overlay p{
  max-width:430px !important;
  font-size:.98rem !important;
}

.hero-actions{
  margin-top:8px;
}

@media (max-width: 900px){
  .hero-copy-overlay{
    max-width:440px !important;
    padding:100px 18px 64px 18px !important;
  }

  .hero-copy-overlay h1{
    max-width:100% !important;
    font-size:clamp(2rem, 6vw, 3.2rem) !important;
  }

  .hero-copy-overlay p{
    max-width:100% !important;
  }
}

@media (max-width: 640px){
  .hero-copy-overlay{
    max-width:100% !important;
    padding:92px 16px 54px 16px !important;
  }

  .hero-copy-overlay h1{
    font-size:clamp(1.85rem, 7.4vw, 2.8rem) !important;
    line-height:1.08 !important;
  }
}

/* ===== PREMIUM 3D BUTTONS ===== */
.hero-actions .btn{
  position:relative;
  overflow:hidden;
  transform:translateY(0);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    background .22s ease,
    color .22s ease,
    border-color .22s ease;
}

.hero-actions .btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.28), rgba(255,255,255,0));
  pointer-events:none;
}

.hero-actions .btn::after{
  content:"";
  position:absolute;
  top:-40%;
  left:-20%;
  width:40%;
  height:180%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.22), rgba(255,255,255,0));
  transform:rotate(18deg) translateX(-220%);
  transition:transform .55s ease;
  pointer-events:none;
}

.hero-actions .btn:hover::after{
  transform:rotate(18deg) translateX(520%);
}

.hero-actions .btn:active{
  transform:translateY(2px) scale(.985);
}

.btn-gold{
  background:linear-gradient(180deg, #d9a46d 0%, #bb834c 55%, #9f6838 100%) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:
    0 10px 22px rgba(122,76,37,.30),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -2px 0 rgba(95,56,24,.35);
}

.btn-gold:hover{
  background:linear-gradient(180deg, #f0d8b8 0%, #e0b47d 48%, #bf8650 100%) !important;
  color:#3a2414 !important;
  box-shadow:
    0 16px 28px rgba(122,76,37,.34),
    inset 0 1px 0 rgba(255,255,255,.40),
    inset 0 -2px 0 rgba(95,56,24,.25);
}

.btn-outline-light{
  background:linear-gradient(180deg, rgba(255,255,255,.16) 0%, rgba(255,255,255,.08) 100%) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -2px 0 rgba(0,0,0,.10);
}

.btn-outline-light:hover{
  background:linear-gradient(180deg, #f2d4aa 0%, #c9925f 100%) !important;
  color:#2b1b10 !important;
  border-color:rgba(255,255,255,.22) !important;
  box-shadow:
    0 16px 28px rgba(126,82,45,.30),
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -2px 0 rgba(95,56,24,.22);
}

/* ===== SEGUNDO BLOCO MOSAICO PREMIUM ===== */
.section-intro-visual{
  padding-top:88px;
}

.intro-grid-visual{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:42px;
  align-items:center;
}

.intro-copy{
  max-width:560px;
}

.intro-copy h2{
  font-size:clamp(2.2rem, 3.8vw, 4rem);
  line-height:1.08;
  color:var(--dark);
  margin-bottom:18px;
}

.intro-copy p{
  color:var(--text-soft);
  font-size:1.02rem;
  line-height:1.8;
  max-width:520px;
}

.intro-visual{
  position:relative;
  min-height:640px;
}

.intro-photo-card{
  position:absolute;
  overflow:hidden;
  border-radius:30px;
  box-shadow:0 24px 60px rgba(41,28,22,.16);
  border:1px solid rgba(255,255,255,.55);
  background:#fff;
}

.intro-photo-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.intro-photo-main{
  inset:24px 120px 24px 0;
}

.intro-photo-top{
  width:230px;
  height:270px;
  right:0;
  top:0;
}

.intro-photo-bottom{
  width:230px;
  height:270px;
  right:0;
  bottom:0;
}

@media (max-width: 1080px){
  .intro-grid-visual{
    grid-template-columns:1fr;
  }

  .intro-copy{
    max-width:100%;
  }

  .intro-copy p{
    max-width:100%;
  }

  .intro-visual{
    min-height:560px;
  }
}

@media (max-width: 720px){
  .intro-visual{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
  }

  .intro-photo-card{
    position:relative;
    inset:auto;
    width:100%;
    height:260px;
    border-radius:22px;
  }

  .intro-photo-main{
    grid-column:span 2;
    height:380px;
  }

  .intro-photo-top,
  .intro-photo-bottom{
    width:100%;
    height:240px;
    right:auto;
    top:auto;
    bottom:auto;
  }
}

/* ===== MOSAICO 3D PREMIUM ===== */
.intro-visual{
  perspective:1400px;
  transform-style:preserve-3d;
}

.intro-photo-card{
  transform-style:preserve-3d;
  transition:
    transform .45s ease,
    box-shadow .45s ease,
    filter .45s ease;
  will-change:transform;
}

.intro-photo-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 38%);
  pointer-events:none;
  z-index:2;
}

.intro-photo-card::after{
  content:"";
  position:absolute;
  inset:-20%;
  background:radial-gradient(circle, rgba(255,255,255,.18) 0%, rgba(255,255,255,0) 60%);
  opacity:0;
  transition:opacity .45s ease;
  pointer-events:none;
  z-index:2;
}

.intro-photo-card:hover::after{
  opacity:1;
}

.intro-photo-main{
  animation:introFloatMain 6s ease-in-out infinite;
}

.intro-photo-top{
  animation:introFloatTop 5.2s ease-in-out infinite;
}

.intro-photo-bottom{
  animation:introFloatBottom 5.8s ease-in-out infinite;
}

.intro-photo-main:hover{
  transform:translateY(-8px) rotateY(-5deg) rotateX(3deg) scale(1.02);
  box-shadow:0 32px 80px rgba(41,28,22,.22);
  filter:brightness(1.03);
}

.intro-photo-top:hover{
  transform:translateY(-8px) rotateY(7deg) rotateX(2deg) scale(1.03);
  box-shadow:0 32px 80px rgba(41,28,22,.22);
  filter:brightness(1.04);
}

.intro-photo-bottom:hover{
  transform:translateY(-8px) rotateY(6deg) rotateX(-2deg) scale(1.03);
  box-shadow:0 32px 80px rgba(41,28,22,.22);
  filter:brightness(1.04);
}

.intro-photo-card img{
  transition:transform .6s ease, filter .45s ease;
}

.intro-photo-card:hover img{
  transform:scale(1.04);
  filter:saturate(1.04) contrast(1.02);
}

@keyframes introFloatMain{
  0%{ transform:translate3d(0,0,0) rotateY(-2deg); }
  50%{ transform:translate3d(0,-10px,0) rotateY(1deg); }
  100%{ transform:translate3d(0,0,0) rotateY(-2deg); }
}

@keyframes introFloatTop{
  0%{ transform:translate3d(0,0,0) rotateY(4deg); }
  50%{ transform:translate3d(0,-12px,0) rotateY(-2deg); }
  100%{ transform:translate3d(0,0,0) rotateY(4deg); }
}

@keyframes introFloatBottom{
  0%{ transform:translate3d(0,0,0) rotateY(3deg); }
  50%{ transform:translate3d(0,-9px,0) rotateY(-3deg); }
  100%{ transform:translate3d(0,0,0) rotateY(3deg); }
}

@media (max-width: 720px){
  .intro-photo-main,
  .intro-photo-top,
  .intro-photo-bottom{
    animation:none;
  }

  .intro-photo-main:hover,
  .intro-photo-top:hover,
  .intro-photo-bottom:hover{
    transform:translateY(-4px) scale(1.02);
  }
}

/* ===== CARD 3D DO TEXTO DO SEGUNDO BLOCO ===== */
.intro-text-card{
  position:relative;
  margin-top:22px;
  padding:26px 28px;
  border-radius:28px;
  background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(255,255,255,.52));
  border:1px solid rgba(87,61,42,.10);
  box-shadow:
    0 22px 55px rgba(41,28,22,.10),
    inset 0 1px 0 rgba(255,255,255,.55);
  backdrop-filter:blur(10px);
  transform-style:preserve-3d;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease;
  overflow:hidden;
}

.intro-text-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(255,255,255,.26), rgba(255,255,255,0) 45%);
  pointer-events:none;
}

.intro-text-card::after{
  content:"";
  position:absolute;
  top:-30%;
  left:-20%;
  width:40%;
  height:180%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.20), rgba(255,255,255,0));
  transform:rotate(18deg) translateX(-220%);
  transition:transform .8s ease;
  pointer-events:none;
}

.intro-text-card:hover{
  transform:translateY(-6px) rotateX(2deg) rotateY(-2deg);
  box-shadow:
    0 30px 70px rgba(41,28,22,.14),
    inset 0 1px 0 rgba(255,255,255,.62);
  background:linear-gradient(180deg, rgba(255,255,255,.80), rgba(255,255,255,.58));
}

.intro-text-card:hover::after{
  transform:rotate(18deg) translateX(520%);
}

.intro-text-card p{
  position:relative;
  z-index:1;
  margin:0;
  max-width:100% !important;
  color:var(--text-soft);
  font-size:1.02rem;
  line-height:1.9;
}

@media (max-width: 720px){
  .intro-text-card{
    padding:22px 20px;
    border-radius:22px;
  }

  .intro-text-card:hover{
    transform:translateY(-3px);
  }

  .intro-text-card p{
    font-size:.98rem;
    line-height:1.8;
  }
}

/* ===== CARD TEXTO PREMIUM 3D COM PALETA DOS BOTOES ===== */
.intro-text-card{
  position:relative;
  margin-top:24px;
  padding:28px 30px;
  border-radius:30px;
  background:
    linear-gradient(180deg, rgba(245,231,214,.96) 0%, rgba(230,212,192,.92) 100%);
  border:1px solid rgba(191,134,80,.24);
  box-shadow:
    0 22px 55px rgba(122,76,37,.18),
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -3px 0 rgba(151,103,58,.18);
  backdrop-filter:blur(10px);
  transform-style:preserve-3d;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease;
  overflow:hidden;
}

.intro-text-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 38%);
  pointer-events:none;
  z-index:1;
}

.intro-text-card::after{
  content:"";
  position:absolute;
  top:-30%;
  left:-18%;
  width:38%;
  height:180%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.24), rgba(255,255,255,0));
  transform:rotate(18deg) translateX(-240%);
  transition:transform .9s ease;
  pointer-events:none;
  z-index:1;
}

.intro-text-card:hover{
  transform:translateY(-8px) rotateX(3deg) rotateY(-3deg) scale(1.01);
  background:
    linear-gradient(180deg, rgba(250,238,223,.98) 0%, rgba(234,216,195,.95) 100%);
  border-color:rgba(201,146,95,.42);
  box-shadow:
    0 30px 75px rgba(122,76,37,.24),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -3px 0 rgba(151,103,58,.24);
}

.intro-text-card:hover::after{
  transform:rotate(18deg) translateX(520%);
}

.intro-text-card p{
  position:relative;
  z-index:2;
  margin:0;
  max-width:100% !important;
  color:#6c5648;
  font-size:1.04rem;
  line-height:1.95;
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}

@media (max-width: 720px){
  .intro-text-card{
    padding:22px 20px;
    border-radius:24px;
  }

  .intro-text-card:hover{
    transform:translateY(-4px) scale(1.01);
  }

  .intro-text-card p{
    font-size:.98rem;
    line-height:1.82;
  }
}

/* ===== SEPARADOR PREMIUM ENTRE BLOCOS ===== */
.section-divider{
  position:relative;
  height:72px;
  margin:-8px 0 -8px;
  overflow:hidden;
}

.section-divider::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:min(92%, 1180px);
  height:1px;
  background:linear-gradient(
    90deg,
    rgba(191,134,80,0) 0%,
    rgba(191,134,80,.28) 18%,
    rgba(214,168,120,.70) 50%,
    rgba(191,134,80,.28) 82%,
    rgba(191,134,80,0) 100%
  );
  box-shadow:0 0 18px rgba(201,146,95,.16);
}

.section-divider::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:180px;
  height:28px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(241,210,170,.22) 0%, rgba(241,210,170,0) 72%);
  filter:blur(6px);
}

@media (max-width: 720px){
  .section-divider{
    height:52px;
  }

  .section-divider::after{
    width:120px;
    height:20px;
  }
}

/* ===== SEPARADOR LUMINOSO PREMIUM ===== */
.section-divider{
  position:relative;
  height:96px;
  margin:-12px 0 -12px;
  overflow:hidden;
}

.section-divider::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:min(94%, 1220px);
  height:18px;
  border-radius:999px;
  background:
    linear-gradient(
      90deg,
      rgba(191,134,80,0) 0%,
      rgba(210,158,108,.18) 14%,
      rgba(241,210,170,.70) 50%,
      rgba(210,158,108,.18) 86%,
      rgba(191,134,80,0) 100%
    );
  filter:blur(10px);
  opacity:.95;
}

.section-divider::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:min(88%, 1120px);
  height:2px;
  border-radius:999px;
  background:
    linear-gradient(
      90deg,
      rgba(191,134,80,0) 0%,
      rgba(214,168,120,.35) 20%,
      rgba(255,236,210,.95) 50%,
      rgba(214,168,120,.35) 80%,
      rgba(191,134,80,0) 100%
    );
  box-shadow:
    0 0 22px rgba(241,210,170,.26),
    0 0 38px rgba(201,146,95,.16);
}

@media (max-width: 720px){
  .section-divider{
    height:68px;
    margin:-8px 0 -8px;
  }

  .section-divider::before{
    height:14px;
    width:min(92%, 92vw);
  }

  .section-divider::after{
    width:min(86%, 86vw);
  }
}

/* ===== SEPARADOR LUMINOSO ANIMADO ===== */
.section-divider{
  position:relative;
  height:96px;
  margin:-12px 0 -12px;
  overflow:hidden;
}

.section-divider::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:min(94%, 1220px);
  height:18px;
  border-radius:999px;
  background:
    linear-gradient(
      90deg,
      rgba(191,134,80,0) 0%,
      rgba(210,158,108,.14) 18%,
      rgba(241,210,170,.52) 50%,
      rgba(210,158,108,.14) 82%,
      rgba(191,134,80,0) 100%
    );
  filter:blur(11px);
  opacity:.92;
}

.section-divider::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:min(88%, 1120px);
  height:2px;
  border-radius:999px;
  background:
    linear-gradient(
      90deg,
      rgba(191,134,80,0) 0%,
      rgba(214,168,120,.26) 20%,
      rgba(255,236,210,.95) 50%,
      rgba(214,168,120,.26) 80%,
      rgba(191,134,80,0) 100%
    );
  box-shadow:
    0 0 22px rgba(241,210,170,.26),
    0 0 38px rgba(201,146,95,.16);
}

.section-divider span{
  display:none;
}

.section-divider .divider-light-a,
.section-divider .divider-light-b{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  border-radius:999px;
  pointer-events:none;
}

.section-divider .divider-light-a{
  width:180px;
  height:16px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,243,224,.95), rgba(255,255,255,0));
  filter:blur(10px);
  opacity:.95;
  animation:dividerRunA 5.8s ease-in-out infinite;
}

.section-divider .divider-light-b{
  width:110px;
  height:10px;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(241,210,170,.82), rgba(255,255,255,0));
  filter:blur(7px);
  opacity:.82;
  animation:dividerRunB 7.2s ease-in-out infinite;
}

@keyframes dividerRunA{
  0%{ left:-12%; opacity:0; }
  12%{ opacity:.95; }
  50%{ left:50%; opacity:1; }
  88%{ opacity:.95; }
  100%{ left:104%; opacity:0; }
}

@keyframes dividerRunB{
  0%{ left:104%; opacity:0; }
  14%{ opacity:.70; }
  50%{ left:50%; opacity:.95; }
  86%{ opacity:.70; }
  100%{ left:-12%; opacity:0; }
}

@media (max-width: 720px){
  .section-divider{
    height:68px;
    margin:-8px 0 -8px;
  }

  .section-divider::before{
    height:14px;
    width:min(92%, 92vw);
  }

  .section-divider::after{
    width:min(86%, 86vw);
  }

  .section-divider .divider-light-a{
    width:110px;
    height:12px;
  }

  .section-divider .divider-light-b{
    width:72px;
    height:8px;
  }
}

/* ===== BLOCO 3 PREMIUM 3D ===== */
.services-premium{
  position:relative;
}

.section-heading-premium{
  max-width:860px;
  margin:0 auto 42px;
}

.section-heading-premium h2{
  font-size:clamp(2.2rem, 4vw, 4rem);
  line-height:1.08;
}

.section-heading-premium p{
  max-width:760px;
  margin:0 auto;
  font-size:1.04rem;
}

.services-featured-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  margin-bottom:24px;
}

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

.service-card{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease;
  transform-style:preserve-3d;
}

.service-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,0) 38%);
  pointer-events:none;
  z-index:1;
}

.service-card::after{
  content:"";
  position:absolute;
  top:-28%;
  left:-18%;
  width:34%;
  height:180%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.20), rgba(255,255,255,0));
  transform:rotate(18deg) translateX(-240%);
  transition:transform .9s ease;
  pointer-events:none;
  z-index:1;
}

.service-card:hover::after{
  transform:rotate(18deg) translateX(520%);
}

.service-card > *{
  position:relative;
  z-index:2;
}

.service-card-featured{
  min-height:280px;
  padding:34px 30px 30px;
  background:
    linear-gradient(180deg, rgba(245,231,214,.98) 0%, rgba(230,212,192,.94) 100%);
  border:1px solid rgba(191,134,80,.24);
  box-shadow:
    0 24px 60px rgba(122,76,37,.16),
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -3px 0 rgba(151,103,58,.15);
}

.service-card-featured:hover{
  transform:translateY(-10px) rotateX(3deg) rotateY(-3deg) scale(1.01);
  box-shadow:
    0 34px 80px rgba(122,76,37,.22),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -3px 0 rgba(151,103,58,.24);
  border-color:rgba(201,146,95,.42);
}

.service-card-primary{
  background:
    linear-gradient(180deg, rgba(247,235,220,.99) 0%, rgba(232,214,194,.95) 100%);
}

.service-card-color{
  background:
    linear-gradient(180deg, rgba(249,239,228,.98) 0%, rgba(236,220,203,.94) 100%);
}

.service-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 14px;
  margin-bottom:18px;
  border-radius:999px;
  font-size:.76rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#7a4f2f;
  background:rgba(255,255,255,.46);
  border:1px solid rgba(191,134,80,.18);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.45),
    0 8px 18px rgba(122,76,37,.10);
}

.service-card h3{
  font-size:2rem;
  line-height:1.1;
  color:var(--dark);
  margin-bottom:14px;
}

.service-card-featured p{
  max-width:500px;
  color:#6c5648;
  font-size:1.03rem;
  line-height:1.85;
}

.service-card-sub{
  min-height:230px;
  padding:28px 26px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.82) 0%, rgba(248,240,233,.70) 100%);
  border:1px solid rgba(87,61,42,.10);
  box-shadow:
    0 18px 42px rgba(41,28,22,.10),
    inset 0 1px 0 rgba(255,255,255,.50);
}

.service-card-sub:hover{
  transform:translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.01);
  box-shadow:
    0 28px 65px rgba(41,28,22,.14),
    inset 0 1px 0 rgba(255,255,255,.60);
  border-color:rgba(191,134,80,.22);
}

.service-card-sub h3{
  font-size:1.45rem;
  margin-bottom:14px;
}

.service-card-sub p{
  color:var(--text-soft);
  font-size:1rem;
  line-height:1.8;
}

@media (max-width: 1080px){
  .services-featured-grid{
    grid-template-columns:1fr;
  }

  .services-sub-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 720px){
  .services-sub-grid{
    grid-template-columns:1fr;
  }

  .service-card-featured{
    min-height:auto;
    padding:28px 22px 24px;
    border-radius:24px;
  }

  .service-card-sub{
    min-height:auto;
    padding:24px 20px;
    border-radius:22px;
  }

  .service-card:hover,
  .service-card-featured:hover,
  .service-card-sub:hover{
    transform:translateY(-4px) scale(1.01);
  }

  .service-card h3{
    font-size:1.7rem;
  }

  .service-card-sub h3{
    font-size:1.28rem;
  }
}

/* ===== BLOCO 3 LUXURY BACKGROUND ===== */
.services-premium{
  position:relative;
  overflow:hidden;
}

.services-premium::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 24% 30%, rgba(223,186,145,.16), transparent 26%),
    radial-gradient(circle at 78% 26%, rgba(255,238,214,.22), transparent 24%),
    radial-gradient(circle at 50% 78%, rgba(210,158,108,.08), transparent 30%);
  pointer-events:none;
  z-index:0;
}

.services-premium::after{
  content:"";
  position:absolute;
  left:50%;
  top:46%;
  transform:translate(-50%, -50%);
  width:min(92%, 1120px);
  height:78%;
  border-radius:42px;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0));
  filter:blur(34px);
  opacity:.8;
  pointer-events:none;
  z-index:0;
}

.services-premium .container{
  position:relative;
  z-index:1;
}

.section-heading-premium .section-tag{
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}

.section-heading-premium h2{
  text-shadow:0 2px 0 rgba(255,255,255,.12);
}

/* ===== BLOCO 3 LUXURY CARDS UPGRADE ===== */
.service-card-featured{
  min-height:300px;
  padding:36px 32px 32px;
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(248,238,225,.99) 0%, rgba(232,214,194,.96) 100%);
  border:1px solid rgba(205,156,108,.28);
  box-shadow:
    0 28px 70px rgba(122,76,37,.18),
    inset 0 1px 0 rgba(255,255,255,.56),
    inset 0 -4px 0 rgba(151,103,58,.16);
}

.service-card-featured::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,0) 36%);
}

.service-card-featured::after{
  width:40%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.26), rgba(255,255,255,0));
}

.service-card-featured:hover{
  transform:translateY(-12px) rotateX(3deg) rotateY(-3deg) scale(1.015);
  box-shadow:
    0 40px 95px rgba(122,76,37,.24),
    0 0 34px rgba(230,190,148,.12),
    inset 0 1px 0 rgba(255,255,255,.66),
    inset 0 -4px 0 rgba(151,103,58,.22);
  border-color:rgba(214,168,120,.46);
}

.service-card-primary{
  background:
    linear-gradient(180deg, rgba(249,240,228,.99) 0%, rgba(233,216,196,.96) 100%);
}

.service-card-primary::before{
  background:
    linear-gradient(180deg, rgba(255,250,245,.40), rgba(255,255,255,0) 34%),
    radial-gradient(circle at 18% 18%, rgba(255,239,220,.24), transparent 22%);
}

.service-card-primary{
  box-shadow:
    0 30px 78px rgba(122,76,37,.20),
    0 0 28px rgba(219,175,128,.08),
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -4px 0 rgba(151,103,58,.18);
}

.service-card-color{
  background:
    linear-gradient(180deg, rgba(252,243,233,.99) 0%, rgba(238,222,204,.95) 100%);
}

.service-card-color::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.36), rgba(255,255,255,0) 35%),
    radial-gradient(circle at 80% 16%, rgba(255,244,229,.22), transparent 20%);
}

.service-badge{
  padding:10px 15px;
  margin-bottom:20px;
  border-radius:999px;
  font-size:.74rem;
  font-weight:900;
  letter-spacing:.16em;
  color:#8a5b33;
  background:linear-gradient(180deg, rgba(255,255,255,.66), rgba(245,233,220,.54));
  border:1px solid rgba(201,146,95,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.56),
    0 10px 20px rgba(122,76,37,.10);
}

.service-card-featured h3{
  font-size:2.15rem;
  line-height:1.06;
  margin-bottom:16px;
  color:#221713;
  text-shadow:0 1px 0 rgba(255,255,255,.16);
}

.service-card-featured p{
  color:#6b5648;
  font-size:1.04rem;
  line-height:1.9;
  max-width:520px;
}

.service-card-sub{
  min-height:240px;
  padding:30px 28px;
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(248,240,233,.76) 100%);
  border:1px solid rgba(188,144,98,.14);
  box-shadow:
    0 20px 48px rgba(41,28,22,.10),
    inset 0 1px 0 rgba(255,255,255,.56),
    inset 0 -2px 0 rgba(151,103,58,.08);
}

.service-card-sub::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 40%);
}

.service-card-sub:hover{
  transform:translateY(-10px) rotateX(2deg) rotateY(-2deg) scale(1.012);
  border-color:rgba(201,146,95,.26);
  box-shadow:
    0 30px 72px rgba(41,28,22,.14),
    0 0 22px rgba(214,168,120,.08),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -2px 0 rgba(151,103,58,.12);
}

.service-card-sub h3{
  font-size:1.5rem;
  line-height:1.18;
  margin-bottom:14px;
  color:#261a15;
}

.service-card-sub p{
  color:#766154;
  line-height:1.88;
}

@media (max-width: 720px){
  .service-card-featured{
    min-height:auto;
    padding:28px 22px 24px;
    border-radius:24px;
  }

  .service-card-sub{
    min-height:auto;
    padding:24px 20px;
    border-radius:22px;
  }

  .service-card-featured h3{
    font-size:1.82rem;
  }

  .service-card-sub h3{
    font-size:1.28rem;
  }

  .service-card-featured:hover,
  .service-card-sub:hover{
    transform:translateY(-4px) scale(1.01);
  }
}

/* ===== CARD UIVERSE ADAPTADO - MEGA HAIR ===== */
.service-card-uiverse{
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  min-height:auto !important;
}

.service-card-uiverse::before,
.service-card-uiverse::after{
  display:none !important;
}

.uiverse-shell{
  width:100%;
  padding:10px 8px 14px;
  perspective:1200px;
}

.uiverse-pattern-card{
  position:relative;
  width:100%;
  min-height:300px;
  padding-top:52px;
  border-radius:30px;
  border:1px solid rgba(209,164,114,.32);
  transform-style:preserve-3d;
  background:
    linear-gradient(135deg,#0000 18.75%,rgba(250,243,234,.92) 0 31.25%,#0000 0),
    repeating-linear-gradient(45deg,rgba(248,239,229,.96) -6.25% 6.25%,rgba(255,251,246,.98) 0 18.75%);
  background-size:60px 60px;
  background-position:0 0, 0 0;
  background-color:#f5ece1;
  box-shadow:
    rgba(122,76,37,.24) 0px 28px 34px -12px,
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -3px 0 rgba(151,103,58,.10);
  transition:
    transform .55s ease,
    background-position .55s ease,
    box-shadow .55s ease,
    border-color .55s ease;
  overflow:hidden;
}

.uiverse-pattern-card:hover{
  background-position:-100px 100px, -100px 100px;
  transform:rotate3d(.35, 1, 0, 16deg) translateY(-8px);
  box-shadow:
    rgba(122,76,37,.30) 0px 42px 40px -14px,
    0 0 28px rgba(219,175,128,.10),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -3px 0 rgba(151,103,58,.16);
  border-color:rgba(214,168,120,.48);
}

.uiverse-content-box{
  position:relative;
  margin:0 18px 18px;
  min-height:228px;
  padding:62px 26px 26px;
  border-radius:22px 88px 22px 22px;
  background:
    linear-gradient(180deg, rgba(217,164,109,.96) 0%, rgba(187,131,76,.96) 55%, rgba(159,104,56,.96) 100%);
  transition:
    transform .55s ease,
    box-shadow .55s ease,
    background .55s ease;
  transform-style:preserve-3d;
  box-shadow:
    0 18px 32px rgba(122,76,37,.22),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -2px 0 rgba(95,56,24,.24);
}

.uiverse-pattern-card:hover .uiverse-content-box{
  transform:translate3d(0, 0, 34px);
  background:
    linear-gradient(180deg, rgba(230,186,132,.98) 0%, rgba(205,146,89,.96) 55%, rgba(171,109,58,.96) 100%);
  box-shadow:
    0 22px 38px rgba(122,76,37,.28),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -2px 0 rgba(95,56,24,.28);
}

.uiverse-badge-top{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:16px;
  padding:8px 12px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#7c4f2d;
  background:rgba(255,249,241,.88);
  border:1px solid rgba(255,255,255,.34);
  transform:translate3d(0,0,40px);
  box-shadow:0 8px 18px rgba(122,76,37,.12);
}

.uiverse-card-title{
  display:inline-block;
  color:#fffaf4 !important;
  font-size:2.2rem !important;
  font-weight:900;
  line-height:1.04;
  margin-bottom:14px;
  text-shadow:0 2px 10px rgba(76,42,18,.18);
  transform:translate3d(0,0,56px);
  transition:transform .45s ease;
}

.uiverse-card-content{
  margin-top:6px;
  font-size:1rem;
  font-weight:700;
  line-height:1.85;
  color:#fff3e5 !important;
  max-width:92%;
  transform:translate3d(0,0,34px);
  transition:transform .45s ease;
}

.uiverse-see-more{
  cursor:default;
  margin-top:1.2rem;
  display:inline-block;
  font-weight:900;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#9d6433;
  background:rgba(255,250,245,.96);
  padding:.7rem .95rem;
  border-radius:12px;
  box-shadow:
    0 10px 20px rgba(122,76,37,.12),
    inset 0 1px 0 rgba(255,255,255,.58);
  transform:translate3d(0,0,24px);
  transition:transform .45s ease, background .45s ease, color .45s ease;
}

.uiverse-pattern-card:hover .uiverse-card-title{
  transform:translate3d(0,0,66px);
}

.uiverse-pattern-card:hover .uiverse-card-content{
  transform:translate3d(0,0,46px);
}

.uiverse-pattern-card:hover .uiverse-see-more{
  transform:translate3d(0,0,36px);
  background:#fff;
  color:#874f1f;
}

.uiverse-date-box{
  position:absolute;
  top:26px;
  right:26px;
  min-height:68px;
  min-width:68px;
  background:linear-gradient(180deg, rgba(255,252,248,.98), rgba(247,238,228,.95));
  border:1px solid rgba(205,146,89,.34);
  border-radius:18px;
  padding:10px;
  transform:translate3d(0,0,76px);
  box-shadow:
    rgba(122,76,37,.18) 0px 18px 18px -10px,
    inset 0 1px 0 rgba(255,255,255,.65);
}

.uiverse-date-box span{
  display:block;
  text-align:center;
}

.uiverse-date-box .month{
  color:#b0723f;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.uiverse-date-box .date{
  margin-top:2px;
  font-size:1.45rem;
  font-weight:900;
  color:#bf7c41;
  line-height:1;
}

@media (max-width: 720px){
  .uiverse-shell{
    padding:4px 0 8px;
  }

  .uiverse-pattern-card{
    min-height:280px;
    border-radius:24px;
  }

  .uiverse-pattern-card:hover{
    transform:translateY(-4px) scale(1.01);
  }

  .uiverse-content-box{
    margin:0 14px 14px;
    min-height:210px;
    padding:56px 20px 22px;
    border-radius:20px 56px 20px 20px;
  }

  .uiverse-card-title{
    font-size:1.8rem !important;
  }

  .uiverse-card-content{
    max-width:100%;
    font-size:.96rem;
  }

  .uiverse-date-box{
    top:20px;
    right:20px;
    min-width:60px;
    min-height:60px;
    border-radius:16px;
  }
}

/* ===== AJUSTE FINO DOS TEXTOS DOS 2 CARDS PRINCIPAIS ===== */
.service-card-featured{
  display:flex;
  align-items:stretch;
}

.service-card-color{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:38px 34px 32px !important;
}

.service-card-color .service-badge{
  margin-bottom:20px;
  width:max-content;
}

.service-card-color h3{
  max-width:420px;
  font-size:2.05rem !important;
  line-height:1.08;
  margin-bottom:16px;
}

.service-card-color p{
  max-width:470px;
  font-size:1.02rem !important;
  line-height:1.9;
}

.uiverse-content-box{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.uiverse-card-title{
  max-width:360px;
  margin-bottom:18px !important;
}

.uiverse-card-content{
  max-width:420px !important;
  font-size:1rem !important;
  line-height:1.9 !important;
  margin-bottom:20px;
}

.uiverse-see-more{
  width:max-content;
  margin-top:auto;
}

@media (max-width: 900px){
  .service-card-color{
    padding:30px 24px 26px !important;
  }

  .service-card-color h3{
    max-width:100%;
    font-size:1.82rem !important;
  }

  .service-card-color p{
    max-width:100%;
  }

  .uiverse-card-title{
    max-width:100%;
  }

  .uiverse-card-content{
    max-width:100% !important;
  }
}

/* ===== CARD 2 3D - COLORIMETRIA & LUZES ===== */
.service-card-uiverse-color{
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  min-height:auto !important;
}

.service-card-uiverse-color::before,
.service-card-uiverse-color::after{
  display:none !important;
}

.uiverse-pattern-card-color{
  background:
    linear-gradient(135deg,#0000 18.75%,rgba(252,246,239,.94) 0 31.25%,#0000 0),
    repeating-linear-gradient(45deg,rgba(250,243,235,.96) -6.25% 6.25%,rgba(255,251,246,.99) 0 18.75%);
  background-size:60px 60px;
  background-position:0 0, 0 0;
  background-color:#f7efe6;
  border:1px solid rgba(220,181,138,.30);
  box-shadow:
    rgba(122,76,37,.18) 0px 28px 34px -12px,
    0 0 24px rgba(255,232,205,.10),
    inset 0 1px 0 rgba(255,255,255,.56),
    inset 0 -3px 0 rgba(151,103,58,.10);
}

.uiverse-pattern-card-color:hover{
  background-position:-100px 100px, -100px 100px;
  transform:rotate3d(.28, 1, 0, 14deg) translateY(-8px);
  box-shadow:
    rgba(122,76,37,.24) 0px 42px 40px -14px,
    0 0 30px rgba(241,210,170,.12),
    inset 0 1px 0 rgba(255,255,255,.64),
    inset 0 -3px 0 rgba(151,103,58,.14);
  border-color:rgba(228,188,146,.44);
}

.uiverse-content-box-color{
  background:
    linear-gradient(180deg, rgba(249,232,206,.98) 0%, rgba(231,191,143,.96) 48%, rgba(201,149,96,.96) 100%);
  box-shadow:
    0 18px 32px rgba(122,76,37,.18),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -2px 0 rgba(95,56,24,.18);
}

.uiverse-pattern-card-color:hover .uiverse-content-box-color{
  transform:translate3d(0, 0, 34px);
  background:
    linear-gradient(180deg, rgba(253,240,220,.99) 0%, rgba(238,203,160,.97) 48%, rgba(210,157,100,.97) 100%);
  box-shadow:
    0 22px 38px rgba(122,76,37,.22),
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -2px 0 rgba(95,56,24,.22);
}

.uiverse-content-box-color .uiverse-badge-top{
  color:#8b5a30;
  background:rgba(255,251,245,.90);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 8px 18px rgba(122,76,37,.10);
}

.uiverse-content-box-color .uiverse-card-title{
  color:#2b1c14 !important;
  max-width:360px;
  text-shadow:0 1px 0 rgba(255,255,255,.14);
}

.uiverse-content-box-color .uiverse-card-content{
  color:#5f4a3c !important;
  max-width:420px !important;
}

.uiverse-content-box-color .uiverse-see-more{
  color:#8e592c;
  background:rgba(255,252,247,.96);
  box-shadow:
    0 10px 20px rgba(122,76,37,.10),
    inset 0 1px 0 rgba(255,255,255,.60);
}

.uiverse-pattern-card-color:hover .uiverse-see-more{
  background:#fff;
  color:#7f4a1f;
}

.uiverse-date-box-color{
  background:linear-gradient(180deg, rgba(255,252,248,.98), rgba(249,241,232,.96));
  border:1px solid rgba(220,181,138,.34);
  box-shadow:
    rgba(122,76,37,.14) 0px 18px 18px -10px,
    inset 0 1px 0 rgba(255,255,255,.66);
}

.uiverse-date-box-color .month{
  color:#b97a41;
}

.uiverse-date-box-color .date{
  color:#cf8d4e;
}

@media (max-width: 720px){
  .uiverse-pattern-card-color:hover{
    transform:translateY(-4px) scale(1.01);
  }
}

/* ===== IGUALAR TAMANHO DOS 2 CARDS PRINCIPAIS ===== */
.services-featured-grid{
  align-items:stretch;
}

.service-card-uiverse,
.service-card-uiverse-color{
  height:100%;
}

.uiverse-shell{
  height:100%;
}

.uiverse-pattern-card,
.uiverse-pattern-card-color{
  min-height:320px !important;
  height:320px !important;
  display:flex;
}

.uiverse-content-box,
.uiverse-content-box-color{
  min-height:248px !important;
  height:248px !important;
  width:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
}

.uiverse-card-title{
  min-height:96px;
}

.uiverse-card-content{
  min-height:96px;
}

.uiverse-see-more{
  margin-top:auto;
}

@media (max-width: 720px){
  .uiverse-pattern-card,
  .uiverse-pattern-card-color{
    min-height:300px !important;
    height:300px !important;
  }

  .uiverse-content-box,
  .uiverse-content-box-color{
    min-height:228px !important;
    height:228px !important;
  }

  .uiverse-card-title{
    min-height:auto;
  }

  .uiverse-card-content{
    min-height:auto;
  }
}

/* ===== FIX FINAL DOS 2 CARDS PRINCIPAIS ===== */
.services-featured-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:stretch;
}

.service-card-uiverse,
.service-card-uiverse-color{
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  min-height:auto !important;
  height:100%;
}

.service-card-uiverse::before,
.service-card-uiverse::after,
.service-card-uiverse-color::before,
.service-card-uiverse-color::after{
  display:none !important;
}

.uiverse-shell{
  width:100%;
  height:100%;
  padding:0 !important;
  perspective:1200px;
}

.uiverse-pattern-card,
.uiverse-pattern-card-color{
  position:relative;
  width:100%;
  min-height:315px !important;
  height:315px !important;
  padding-top:38px !important;
  border-radius:30px !important;
  display:block !important;
}

.uiverse-content-box,
.uiverse-content-box-color{
  position:relative;
  margin:18px !important;
  width:auto !important;
  height:230px !important;
  min-height:230px !important;
  padding:42px 26px 20px 26px !important;
  border-radius:22px 88px 22px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

.uiverse-badge-top{
  width:100%;
  justify-content:center;
  text-align:center;
  margin-bottom:14px !important;
  padding:7px 12px !important;
  font-size:.72rem !important;
}

.uiverse-card-title{
  font-size:2rem !important;
  line-height:1.02 !important;
  margin:0 0 14px 0 !important;
  max-width:340px !important;
  min-height:66px !important;
}

.uiverse-card-content{
  font-size:1rem !important;
  line-height:1.55 !important;
  margin:0 !important;
  max-width:380px !important;
  min-height:88px !important;
}

.uiverse-see-more{
  width:max-content;
  margin-top:auto !important;
  padding:.72rem .95rem !important;
  font-size:.76rem !important;
}

.uiverse-date-box,
.uiverse-date-box-color{
  position:absolute;
  top:18px !important;
  right:18px !important;
  width:66px !important;
  min-width:66px !important;
  height:66px !important;
  min-height:66px !important;
  border-radius:16px !important;
  padding:8px !important;
}

.uiverse-date-box .month,
.uiverse-date-box-color .month{
  font-size:.68rem !important;
}

.uiverse-date-box .date,
.uiverse-date-box-color .date{
  font-size:1.5rem !important;
  line-height:1 !important;
}

/* manter a identidade visual do card 2, mas com a MESMA geometria do card 1 */
.uiverse-pattern-card-color{
  background:
    linear-gradient(135deg,#0000 18.75%,rgba(252,246,239,.94) 0 31.25%,#0000 0),
    repeating-linear-gradient(45deg,rgba(250,243,235,.96) -6.25% 6.25%,rgba(255,251,246,.99) 0 18.75%) !important;
  background-size:60px 60px !important;
  background-position:0 0, 0 0 !important;
  background-color:#f7efe6 !important;
  border:1px solid rgba(220,181,138,.30) !important;
}

.uiverse-content-box-color{
  background:
    linear-gradient(180deg, rgba(249,232,206,.98) 0%, rgba(231,191,143,.96) 48%, rgba(201,149,96,.96) 100%) !important;
}

.uiverse-content-box-color .uiverse-card-title{
  color:#2b1c14 !important;
}

.uiverse-content-box-color .uiverse-card-content{
  color:#5f4a3c !important;
}

.uiverse-content-box-color .uiverse-see-more{
  color:#8e592c !important;
  background:rgba(255,252,247,.96) !important;
}

.uiverse-date-box-color{
  background:linear-gradient(180deg, rgba(255,252,248,.98), rgba(249,241,232,.96)) !important;
  border:1px solid rgba(220,181,138,.34) !important;
}

.uiverse-date-box-color .month{
  color:#b97a41 !important;
}

.uiverse-date-box-color .date{
  color:#cf8d4e !important;
}

@media (max-width: 900px){
  .services-featured-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 720px){
  .uiverse-pattern-card,
  .uiverse-pattern-card-color{
    height:300px !important;
    min-height:300px !important;
  }

  .uiverse-content-box,
  .uiverse-content-box-color{
    height:220px !important;
    min-height:220px !important;
    padding:38px 20px 18px 20px !important;
    border-radius:20px 56px 20px 20px !important;
  }

  .uiverse-card-title{
    font-size:1.7rem !important;
    min-height:auto !important;
  }

  .uiverse-card-content{
    min-height:auto !important;
    max-width:100% !important;
    font-size:.94rem !important;
  }
}

/* ===== AUMENTAR ALTURA DOS 2 CARDS PRINCIPAIS ===== */
.uiverse-pattern-card,
.uiverse-pattern-card-color{
  min-height:380px !important;
  height:380px !important;
}

.uiverse-content-box,
.uiverse-content-box-color{
  height:292px !important;
  min-height:292px !important;
  padding:42px 26px 24px 26px !important;
}

.uiverse-card-title{
  min-height:74px !important;
}

.uiverse-card-content{
  min-height:120px !important;
  line-height:1.65 !important;
}

@media (max-width: 720px){
  .uiverse-pattern-card,
  .uiverse-pattern-card-color{
    min-height:340px !important;
    height:340px !important;
  }

  .uiverse-content-box,
  .uiverse-content-box-color{
    min-height:250px !important;
    height:250px !important;
  }

  .uiverse-card-content{
    min-height:100px !important;
  }
}

/* ===== AJUSTE FINAL DOS 2 CARDS PRINCIPAIS ===== */
.uiverse-pattern-card,
.uiverse-pattern-card-color{
  min-height:430px !important;
  height:430px !important;
  padding-top:44px !important;
  border-radius:30px !important;
}

.uiverse-content-box,
.uiverse-content-box-color{
  margin:18px !important;
  min-height:325px !important;
  height:325px !important;
  padding:42px 28px 28px 28px !important;
  border-radius:22px 88px 22px 22px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

.uiverse-badge-top{
  margin-bottom:16px !important;
}

.uiverse-card-title{
  font-size:2rem !important;
  line-height:1.05 !important;
  margin:0 0 16px 0 !important;
  min-height:72px !important;
  max-width:340px !important;
}

.uiverse-card-content{
  font-size:1rem !important;
  line-height:1.65 !important;
  margin:0 !important;
  min-height:132px !important;
  max-width:390px !important;
}

.uiverse-see-more{
  margin-top:auto !important;
  margin-bottom:0 !important;
  align-self:flex-start !important;
}

/* ===== DEIXAR O CARD 2 COM A MESMA PALETA DO CARD 1 ===== */
.uiverse-pattern-card-color{
  background:
    linear-gradient(135deg,#0000 18.75%,rgba(250,243,234,.92) 0 31.25%,#0000 0),
    repeating-linear-gradient(45deg,rgba(248,239,229,.96) -6.25% 6.25%,rgba(255,251,246,.98) 0 18.75%) !important;
  background-size:60px 60px !important;
  background-position:0 0, 0 0 !important;
  background-color:#f5ece1 !important;
  border:1px solid rgba(209,164,114,.32) !important;
  box-shadow:
    rgba(122,76,37,.24) 0px 28px 34px -12px,
    inset 0 1px 0 rgba(255,255,255,.52),
    inset 0 -3px 0 rgba(151,103,58,.10) !important;
}

.uiverse-content-box-color{
  background:
    linear-gradient(180deg, rgba(217,164,109,.96) 0%, rgba(187,131,76,.96) 55%, rgba(159,104,56,.96) 100%) !important;
  box-shadow:
    0 18px 32px rgba(122,76,37,.22),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -2px 0 rgba(95,56,24,.24) !important;
}

.uiverse-content-box-color .uiverse-card-title{
  color:#fffaf4 !important;
  text-shadow:0 2px 10px rgba(76,42,18,.18) !important;
}

.uiverse-content-box-color .uiverse-card-content{
  color:#fff3e5 !important;
}

.uiverse-content-box-color .uiverse-see-more{
  color:#9d6433 !important;
  background:rgba(255,250,245,.96) !important;
  box-shadow:
    0 10px 20px rgba(122,76,37,.12),
    inset 0 1px 0 rgba(255,255,255,.58) !important;
}

.uiverse-date-box-color{
  background:linear-gradient(180deg, rgba(255,252,248,.98), rgba(247,238,228,.95)) !important;
  border:1px solid rgba(205,146,89,.34) !important;
  box-shadow:
    rgba(122,76,37,.18) 0px 18px 18px -10px,
    inset 0 1px 0 rgba(255,255,255,.65) !important;
}

.uiverse-date-box-color .month{
  color:#b0723f !important;
}

.uiverse-date-box-color .date{
  color:#bf7c41 !important;
}

@media (max-width: 720px){
  .uiverse-pattern-card,
  .uiverse-pattern-card-color{
    min-height:380px !important;
    height:380px !important;
  }

  .uiverse-content-box,
  .uiverse-content-box-color{
    min-height:285px !important;
    height:285px !important;
    padding:38px 22px 24px 22px !important;
  }

  .uiverse-card-title{
    font-size:1.72rem !important;
    min-height:auto !important;
  }

  .uiverse-card-content{
    min-height:110px !important;
    max-width:100% !important;
  }
}

/* ===== SELOS LATERAIS APENAS COM SR ===== */
.uiverse-date-box,
.uiverse-date-box-color{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

.uiverse-date-box .month,
.uiverse-date-box-color .month{
  display:none !important;
}

.uiverse-date-box .date,
.uiverse-date-box-color .date{
  margin:0 !important;
  font-size:1.55rem !important;
  font-weight:900 !important;
  line-height:1 !important;
}

/* ===== CARD 2 COM MESMOS EFEITOS DO CARD 1 ===== */
.uiverse-pattern-card-color{
  transition:
    transform .55s ease,
    background-position .55s ease,
    box-shadow .55s ease,
    border-color .55s ease !important;
}

.uiverse-pattern-card-color:hover{
  background-position:-100px 100px, -100px 100px !important;
  transform:rotate3d(.35, 1, 0, 16deg) translateY(-8px) !important;
  box-shadow:
    rgba(122,76,37,.30) 0px 42px 40px -14px,
    0 0 28px rgba(219,175,128,.10),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -3px 0 rgba(151,103,58,.16) !important;
  border-color:rgba(214,168,120,.48) !important;
}

.uiverse-pattern-card-color:active{
  transform:rotate3d(.35, 1, 0, 12deg) translateY(-3px) scale(.985) !important;
}

.uiverse-content-box-color{
  transition:
    transform .55s ease,
    box-shadow .55s ease,
    background .55s ease !important;
}

.uiverse-pattern-card-color:hover .uiverse-content-box-color{
  transform:translate3d(0, 0, 34px) !important;
}

.uiverse-pattern-card-color:active .uiverse-content-box-color{
  transform:translate3d(0, 0, 24px) !important;
}

.uiverse-content-box-color .uiverse-card-title,
.uiverse-content-box-color .uiverse-card-content,
.uiverse-content-box-color .uiverse-see-more,
.uiverse-date-box-color{
  transition:all .45s ease !important;
}

.uiverse-pattern-card-color:hover .uiverse-card-title{
  transform:translate3d(0,0,66px) !important;
}

.uiverse-pattern-card-color:hover .uiverse-card-content{
  transform:translate3d(0,0,46px) !important;
}

.uiverse-pattern-card-color:hover .uiverse-see-more{
  transform:translate3d(0,0,36px) !important;
  background:#fff !important;
  color:#874f1f !important;
}

.uiverse-pattern-card-color:hover .uiverse-date-box-color{
  transform:translate3d(0,0,90px) !important;
}

.uiverse-pattern-card-color:active .uiverse-card-title{
  transform:translate3d(0,0,54px) !important;
}

.uiverse-pattern-card-color:active .uiverse-card-content{
  transform:translate3d(0,0,36px) !important;
}

.uiverse-pattern-card-color:active .uiverse-see-more{
  transform:translate3d(0,0,26px) !important;
}

.uiverse-pattern-card-color:active .uiverse-date-box-color{
  transform:translate3d(0,0,78px) !important;
}

@media (max-width: 720px){
  .uiverse-pattern-card-color:hover{
    transform:translateY(-4px) scale(1.01) !important;
  }

  .uiverse-pattern-card-color:active{
    transform:translateY(-2px) scale(.99) !important;
  }
}

/* ===== BLOCO 2 - CARD UIVERSE ADAPTADO AO SALAO ===== */
.intro-text-card-uiverse{
  margin-top:24px;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  backdrop-filter:none !important;
  transform:none !important;
}

.intro-text-card-uiverse::before,
.intro-text-card-uiverse::after{
  display:none !important;
}

.intro-card-canvas{
  position:relative;
  width:100%;
  min-height:340px;
  transition:200ms;
  perspective:1000px;
}

.intro-uiverse-card{
  position:absolute;
  inset:0;
  z-index:0;
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:30px;
  transition:700ms;
  background:linear-gradient(180deg, rgba(248,239,229,.98), rgba(236,222,205,.96));
  border:1px solid rgba(205,156,108,.26);
  overflow:hidden;
  box-shadow:
    0 24px 55px rgba(122,76,37,.14),
    inset 0 1px 0 rgba(255,255,255,.54),
    inset 0 -3px 0 rgba(151,103,58,.10);
}

.intro-card-content{
  position:relative;
  width:100%;
  height:100%;
  padding:34px 30px 28px;
  border-radius:30px;
  background:
    linear-gradient(180deg, rgba(250,244,237,.68), rgba(243,231,217,.54));
}

.intro-card-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-bottom:18px;
  padding:10px 14px;
  border-radius:999px;
  font-size:.76rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#8a5b33;
  background:rgba(255,250,245,.88);
  border:1px solid rgba(201,146,95,.20);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.56),
    0 8px 18px rgba(122,76,37,.10);
  position:relative;
  z-index:4;
}

.intro-card-paragraph{
  position:relative;
  z-index:4;
  margin:0;
  color:#6c5648;
  font-size:1.06rem;
  line-height:2;
  max-width:100%;
  text-shadow:0 1px 0 rgba(255,255,255,.18);
}

.intro-card-footer{
  position:relative;
  z-index:4;
  margin-top:24px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.intro-card-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  color:#9d6433;
  background:rgba(255,250,245,.94);
  border:1px solid rgba(201,146,95,.18);
  box-shadow:
    0 8px 18px rgba(122,76,37,.08),
    inset 0 1px 0 rgba(255,255,255,.62);
}

/* glows */
.intro-glowing-elements{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
}

.intro-glow-1,
.intro-glow-2,
.intro-glow-3{
  position:absolute;
  width:120px;
  height:120px;
  border-radius:50%;
  background:radial-gradient(circle at center, rgba(217,164,109,.24) 0%, rgba(217,164,109,0) 70%);
  filter:blur(18px);
  opacity:0;
  transition:opacity .3s ease;
}

.intro-glow-1{
  top:-20px;
  left:-20px;
}
.intro-glow-2{
  top:50%;
  right:-30px;
  transform:translateY(-50%);
}
.intro-glow-3{
  bottom:-20px;
  left:30%;
}

/* particles */
.intro-card-particles span{
  position:absolute;
  width:4px;
  height:4px;
  background:#d8a56e;
  border-radius:50%;
  opacity:0;
  transition:opacity .3s ease;
  z-index:2;
}

.intro-card-particles span:nth-child(1){ --x:1; --y:-1; top:40%; left:20%; }
.intro-card-particles span:nth-child(2){ --x:-1; --y:-1; top:60%; right:20%; }
.intro-card-particles span:nth-child(3){ --x:.5; --y:1; top:20%; left:40%; }
.intro-card-particles span:nth-child(4){ --x:-.5; --y:1; top:80%; right:40%; }
.intro-card-particles span:nth-child(5){ --x:1; --y:.5; top:30%; left:60%; }
.intro-card-particles span:nth-child(6){ --x:-1; --y:.5; top:70%; right:60%; }

@keyframes introParticleFloat{
  0%{ transform:translate(0,0); opacity:0; }
  50%{ opacity:1; }
  100%{ transform:translate(calc(var(--x, 0) * 30px), calc(var(--y, 0) * 30px)); opacity:0; }
}

/* cyber lines adaptadas */
.intro-cyber-lines span{
  position:absolute;
  background:linear-gradient(90deg, transparent, rgba(205,156,108,.22), transparent);
  z-index:2;
}

.intro-cyber-lines span:nth-child(1){
  top:20%; left:0; width:100%; height:1px;
  transform:scaleX(0); transform-origin:left;
  animation:introLineGrow 3s linear infinite;
}
.intro-cyber-lines span:nth-child(2){
  top:40%; right:0; width:100%; height:1px;
  transform:scaleX(0); transform-origin:right;
  animation:introLineGrow 3s linear infinite 1s;
}
.intro-cyber-lines span:nth-child(3){
  top:60%; left:0; width:100%; height:1px;
  transform:scaleX(0); transform-origin:left;
  animation:introLineGrow 3s linear infinite 2s;
}
.intro-cyber-lines span:nth-child(4){
  top:80%; right:0; width:100%; height:1px;
  transform:scaleX(0); transform-origin:right;
  animation:introLineGrow 3s linear infinite 1.5s;
}

@keyframes introLineGrow{
  0%{ transform:scaleX(0); opacity:0; }
  50%{ transform:scaleX(1); opacity:1; }
  100%{ transform:scaleX(0); opacity:0; }
}

/* corners */
.intro-corner-elements span{
  position:absolute;
  width:16px;
  height:16px;
  border:2px solid rgba(205,156,108,.24);
  z-index:3;
  transition:all .3s ease;
}

.intro-corner-elements span:nth-child(1){
  top:12px; left:12px; border-right:0; border-bottom:0;
}
.intro-corner-elements span:nth-child(2){
  top:12px; right:12px; border-left:0; border-bottom:0;
}
.intro-corner-elements span:nth-child(3){
  bottom:12px; left:12px; border-right:0; border-top:0;
}
.intro-corner-elements span:nth-child(4){
  bottom:12px; right:12px; border-left:0; border-top:0;
}

/* scan */
.intro-scan-line{
  position:absolute;
  inset:0;
  background:linear-gradient(to bottom, transparent, rgba(205,156,108,.08), transparent);
  transform:translateY(-100%);
  animation:introScanMove 2.4s linear infinite;
  z-index:2;
}

@keyframes introScanMove{
  0%{ transform:translateY(-100%); }
  100%{ transform:translateY(100%); }
}

/* glare */
.intro-card-glare{
  position:absolute;
  inset:0;
  background:linear-gradient(
    125deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.05) 45%,
    rgba(255,255,255,.10) 50%,
    rgba(255,255,255,.05) 55%,
    rgba(255,255,255,0) 100%
  );
  opacity:0;
  transition:opacity 300ms;
  z-index:2;
}

.intro-uiverse-card::before{
  content:"";
  background:radial-gradient(
    circle at center,
    rgba(217,164,109,.10) 0%,
    rgba(224,185,146,.06) 50%,
    transparent 100%
  );
  filter:blur(22px);
  opacity:0;
  width:150%;
  height:150%;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  transition:opacity .3s ease;
}

/* tracker grid */
.intro-tracker{
  position:absolute;
  z-index:20;
  width:20%;
  height:20%;
}

.intro-tracker:hover{
  cursor:pointer;
}

.intro-card-canvas{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  grid-template-rows:repeat(5, 1fr);
}

.intro-uiverse-card{
  grid-column:1 / -1;
  grid-row:1 / -1;
}

/* map hover areas */
.tr-1{ grid-column:1; grid-row:1; }
.tr-2{ grid-column:2; grid-row:1; }
.tr-3{ grid-column:3; grid-row:1; }
.tr-4{ grid-column:4; grid-row:1; }
.tr-5{ grid-column:5; grid-row:1; }
.tr-6{ grid-column:1; grid-row:2; }
.tr-7{ grid-column:2; grid-row:2; }
.tr-8{ grid-column:3; grid-row:2; }
.tr-9{ grid-column:4; grid-row:2; }
.tr-10{ grid-column:5; grid-row:2; }
.tr-11{ grid-column:1; grid-row:3; }
.tr-12{ grid-column:2; grid-row:3; }
.tr-13{ grid-column:3; grid-row:3; }
.tr-14{ grid-column:4; grid-row:3; }
.tr-15{ grid-column:5; grid-row:3; }
.tr-16{ grid-column:1; grid-row:4; }
.tr-17{ grid-column:2; grid-row:4; }
.tr-18{ grid-column:3; grid-row:4; }
.tr-19{ grid-column:4; grid-row:4; }
.tr-20{ grid-column:5; grid-row:4; }
.tr-21{ grid-column:1; grid-row:5; }
.tr-22{ grid-column:2; grid-row:5; }
.tr-23{ grid-column:3; grid-row:5; }
.tr-24{ grid-column:4; grid-row:5; }
.tr-25{ grid-column:5; grid-row:5; }

.tr-1:hover ~ .intro-uiverse-card{ transform:rotateX(20deg) rotateY(-10deg); }
.tr-2:hover ~ .intro-uiverse-card{ transform:rotateX(20deg) rotateY(-5deg); }
.tr-3:hover ~ .intro-uiverse-card{ transform:rotateX(20deg) rotateY(0deg); }
.tr-4:hover ~ .intro-uiverse-card{ transform:rotateX(20deg) rotateY(5deg); }
.tr-5:hover ~ .intro-uiverse-card{ transform:rotateX(20deg) rotateY(10deg); }
.tr-6:hover ~ .intro-uiverse-card{ transform:rotateX(10deg) rotateY(-10deg); }
.tr-7:hover ~ .intro-uiverse-card{ transform:rotateX(10deg) rotateY(-5deg); }
.tr-8:hover ~ .intro-uiverse-card{ transform:rotateX(10deg) rotateY(0deg); }
.tr-9:hover ~ .intro-uiverse-card{ transform:rotateX(10deg) rotateY(5deg); }
.tr-10:hover ~ .intro-uiverse-card{ transform:rotateX(10deg) rotateY(10deg); }
.tr-11:hover ~ .intro-uiverse-card{ transform:rotateX(0deg) rotateY(-10deg); }
.tr-12:hover ~ .intro-uiverse-card{ transform:rotateX(0deg) rotateY(-5deg); }
.tr-13:hover ~ .intro-uiverse-card{ transform:rotateX(0deg) rotateY(0deg); }
.tr-14:hover ~ .intro-uiverse-card{ transform:rotateX(0deg) rotateY(5deg); }
.tr-15:hover ~ .intro-uiverse-card{ transform:rotateX(0deg) rotateY(10deg); }
.tr-16:hover ~ .intro-uiverse-card{ transform:rotateX(-10deg) rotateY(-10deg); }
.tr-17:hover ~ .intro-uiverse-card{ transform:rotateX(-10deg) rotateY(-5deg); }
.tr-18:hover ~ .intro-uiverse-card{ transform:rotateX(-10deg) rotateY(0deg); }
.tr-19:hover ~ .intro-uiverse-card{ transform:rotateX(-10deg) rotateY(5deg); }
.tr-20:hover ~ .intro-uiverse-card{ transform:rotateX(-10deg) rotateY(10deg); }
.tr-21:hover ~ .intro-uiverse-card{ transform:rotateX(-20deg) rotateY(-10deg); }
.tr-22:hover ~ .intro-uiverse-card{ transform:rotateX(-20deg) rotateY(-5deg); }
.tr-23:hover ~ .intro-uiverse-card{ transform:rotateX(-20deg) rotateY(0deg); }
.tr-24:hover ~ .intro-uiverse-card{ transform:rotateX(-20deg) rotateY(5deg); }
.tr-25:hover ~ .intro-uiverse-card{ transform:rotateX(-20deg) rotateY(10deg); }

/* hover responses */
.intro-tracker:hover ~ .intro-uiverse-card{
  filter:brightness(1.04);
}

.intro-tracker:hover ~ .intro-uiverse-card::before{
  opacity:1;
}

.intro-tracker:hover ~ .intro-uiverse-card .intro-card-glare{
  opacity:1;
}

.intro-tracker:hover ~ .intro-uiverse-card .intro-glowing-elements div{
  opacity:1;
}

.intro-tracker:hover ~ .intro-uiverse-card .intro-card-particles span{
  animation:introParticleFloat 2s infinite;
}

.intro-tracker:hover ~ .intro-uiverse-card .intro-corner-elements span{
  border-color:rgba(205,156,108,.58);
  box-shadow:0 0 10px rgba(205,156,108,.24);
}

.noselect{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

@media (max-width: 900px){
  .intro-card-canvas{
    min-height:360px;
  }
}

@media (max-width: 720px){
  .intro-card-canvas{
    min-height:380px;
  }

  .intro-card-content{
    padding:26px 20px 22px;
  }

  .intro-card-paragraph{
    font-size:.98rem;
    line-height:1.85;
  }

  .intro-card-footer{
    gap:8px;
  }

  .intro-card-chip{
    font-size:.68rem;
  }
}

/* ===== BLOCO 2 - CORRECAO DO EFEITO: CARD RETO + LUZES NO HOVER ===== */

/* card mais estável */
.intro-card-canvas{
  min-height:350px !important;
  perspective:1000px;
}

.intro-uiverse-card{
  transform:none !important;
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    filter .35s ease !important;
}

/* desliga a rotação exagerada por tracker */
.tr-1:hover ~ .intro-uiverse-card,
.tr-2:hover ~ .intro-uiverse-card,
.tr-3:hover ~ .intro-uiverse-card,
.tr-4:hover ~ .intro-uiverse-card,
.tr-5:hover ~ .intro-uiverse-card,
.tr-6:hover ~ .intro-uiverse-card,
.tr-7:hover ~ .intro-uiverse-card,
.tr-8:hover ~ .intro-uiverse-card,
.tr-9:hover ~ .intro-uiverse-card,
.tr-10:hover ~ .intro-uiverse-card,
.tr-11:hover ~ .intro-uiverse-card,
.tr-12:hover ~ .intro-uiverse-card,
.tr-13:hover ~ .intro-uiverse-card,
.tr-14:hover ~ .intro-uiverse-card,
.tr-15:hover ~ .intro-uiverse-card,
.tr-16:hover ~ .intro-uiverse-card,
.tr-17:hover ~ .intro-uiverse-card,
.tr-18:hover ~ .intro-uiverse-card,
.tr-19:hover ~ .intro-uiverse-card,
.tr-20:hover ~ .intro-uiverse-card,
.tr-21:hover ~ .intro-uiverse-card,
.tr-22:hover ~ .intro-uiverse-card,
.tr-23:hover ~ .intro-uiverse-card,
.tr-24:hover ~ .intro-uiverse-card,
.tr-25:hover ~ .intro-uiverse-card{
  transform:translateY(-4px) scale(1.01) !important;
  filter:brightness(1.03) !important;
  box-shadow:
    0 30px 65px rgba(122,76,37,.18),
    0 0 24px rgba(217,164,109,.12),
    inset 0 1px 0 rgba(255,255,255,.60),
    inset 0 -3px 0 rgba(151,103,58,.12) !important;
}

/* hover geral do card */
.intro-card-canvas:hover .intro-uiverse-card{
  transform:translateY(-4px) scale(1.01) !important;
  filter:brightness(1.03) !important;
  box-shadow:
    0 30px 65px rgba(122,76,37,.18),
    0 0 24px rgba(217,164,109,.12),
    inset 0 1px 0 rgba(255,255,255,.60),
    inset 0 -3px 0 rgba(151,103,58,.12) !important;
}

/* glow principal */
.intro-uiverse-card::before{
  opacity:0;
  transition:opacity .35s ease !important;
}

.intro-card-canvas:hover .intro-uiverse-card::before{
  opacity:1 !important;
}

/* glare suave */
.intro-card-glare{
  opacity:0 !important;
  background:linear-gradient(
    120deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.04) 35%,
    rgba(255,255,255,.14) 50%,
    rgba(255,255,255,.05) 65%,
    rgba(255,255,255,0) 100%
  ) !important;
  transition:opacity .35s ease !important;
}

.intro-card-canvas:hover .intro-card-glare{
  opacity:1 !important;
}

/* luzes acendem no hover */
.intro-glow-1,
.intro-glow-2,
.intro-glow-3{
  opacity:0 !important;
  transition:opacity .35s ease, transform .35s ease !important;
}

.intro-card-canvas:hover .intro-glow-1,
.intro-card-canvas:hover .intro-glow-2,
.intro-card-canvas:hover .intro-glow-3{
  opacity:1 !important;
}

.intro-card-canvas:hover .intro-glow-1{
  transform:translate(8px, -6px) scale(1.08);
}

.intro-card-canvas:hover .intro-glow-2{
  transform:translate(-10px, 0) scale(1.08);
}

.intro-card-canvas:hover .intro-glow-3{
  transform:translate(0, 8px) scale(1.08);
}

/* partículas apenas acendem de leve */
.intro-card-particles span{
  opacity:0 !important;
}

.intro-card-canvas:hover .intro-card-particles span{
  animation:introParticleFloat 2.4s infinite !important;
  opacity:1 !important;
}

/* linhas mais suaves */
.intro-cyber-lines span{
  background:linear-gradient(90deg, transparent, rgba(205,156,108,.18), transparent) !important;
  opacity:.45;
}

.intro-card-canvas:hover .intro-cyber-lines span{
  opacity:.9;
}

/* cantos acendem suavemente */
.intro-corner-elements span{
  border-color:rgba(205,156,108,.18) !important;
  box-shadow:none !important;
  transition:border-color .35s ease, box-shadow .35s ease !important;
}

.intro-card-canvas:hover .intro-corner-elements span{
  border-color:rgba(205,156,108,.52) !important;
  box-shadow:0 0 10px rgba(205,156,108,.18) !important;
}

/* scan-line mais elegante */
.intro-scan-line{
  opacity:.25;
}

.intro-card-canvas:hover .intro-scan-line{
  opacity:.7;
}

/* texto sempre estável */
.intro-card-badge,
.intro-card-paragraph,
.intro-card-footer{
  position:relative;
  z-index:4;
}

/* um pouco mais de respiro interno */
.intro-card-content{
  padding:34px 32px 30px !important;
}

.intro-card-paragraph{
  font-size:1.04rem !important;
  line-height:1.95 !important;
}

@media (max-width: 720px){
  .intro-card-canvas{
    min-height:380px !important;
  }

  .intro-card-content{
    padding:28px 22px 24px !important;
  }

  .intro-card-canvas:hover .intro-uiverse-card{
    transform:translateY(-2px) scale(1.005) !important;
  }
}

/* ===== BLOCO 2 - AUMENTAR CARD PARA CABER OS 3 BADGES ===== */
.intro-card-canvas{
  min-height:390px !important;
}

.intro-uiverse-card{
  min-height:390px !important;
}

.intro-card-content{
  min-height:390px !important;
  padding:34px 32px 36px !important;
  display:flex !important;
  flex-direction:column !important;
}

.intro-card-paragraph{
  margin-bottom:22px !important;
}

.intro-card-footer{
  margin-top:auto !important;
  padding-top:10px !important;
  flex-wrap:wrap;
  row-gap:10px;
}

@media (max-width: 720px){
  .intro-card-canvas{
    min-height:430px !important;
  }

  .intro-uiverse-card{
    min-height:430px !important;
  }

  .intro-card-content{
    min-height:430px !important;
    padding:28px 22px 30px !important;
  }
}

/* ===== SUBCARD TESTE UIVERSE - FITA ADESIVA ===== */
.service-card-sub-uiverse{
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  min-height:auto !important;
}

.service-card-sub-uiverse::before,
.service-card-sub-uiverse::after{
  display:none !important;
}

.sub-uiverse-card{
  width:100%;
  min-height:230px;
  padding:.65rem;
  background:linear-gradient(180deg, rgba(248,239,229,.88), rgba(236,222,205,.72));
  border-radius:24px;
  backdrop-filter:blur(6px);
  border-bottom:3px solid rgba(255,255,255,.42);
  border-left:2px rgba(255,255,255,.54) outset;
  border-top:1px solid rgba(205,156,108,.18);
  border-right:1px solid rgba(205,156,108,.12);
  box-shadow:
    -24px 28px 28px rgba(122,76,37,.14),
    0 18px 38px rgba(41,28,22,.10),
    inset 0 1px 0 rgba(255,255,255,.44);
  transform:skewX(8deg);
  transition:
    transform .42s ease,
    box-shadow .42s ease,
    min-height .42s ease,
    background .42s ease,
    border-color .42s ease;
  overflow:hidden;
  color:var(--dark);
}

.sub-uiverse-card:hover{
  min-height:270px;
  transform:skewX(0deg) translateY(-6px);
  background:linear-gradient(180deg, rgba(251,244,236,.94), rgba(240,226,210,.80));
  box-shadow:
    -26px 34px 32px rgba(122,76,37,.16),
    0 26px 54px rgba(41,28,22,.12),
    0 0 24px rgba(214,168,120,.08),
    inset 0 1px 0 rgba(255,255,255,.56);
}

.sub-uiverse-align{
  padding:.8rem .9rem .4rem;
  display:flex;
  flex-direction:row;
  gap:7px;
  align-self:flex-start;
}

.sub-dot{
  width:11px;
  height:11px;
  border-radius:50%;
  box-shadow:-4px 4px 5px rgba(0,0,0,.12);
}

.sub-dot-1{
  background-color:#c9925f;
}

.sub-dot-2{
  background-color:#e0b47d;
}

.sub-dot-3{
  background-color:#f2d4aa;
}

.sub-uiverse-card h3{
  margin:.7rem 1rem 1rem;
  color:#2a1c15;
  font-size:1.62rem;
  line-height:1.15;
  text-shadow:0 1px 0 rgba(255,255,255,.16);
}

.sub-uiverse-card p{
  margin:0 1rem 1rem;
  color:#6d584b;
  font-size:1rem;
  line-height:1.85;
  max-width:92%;
}

@media (max-width: 720px){
  .sub-uiverse-card{
    min-height:220px;
    transform:none;
  }

  .sub-uiverse-card:hover{
    min-height:250px;
    transform:translateY(-4px);
  }

  .sub-uiverse-card h3{
    font-size:1.35rem;
  }

  .sub-uiverse-card p{
    font-size:.96rem;
    max-width:100%;
  }
}

/* ===== SUBCARD FITA ADESIVA - FECHADO E ABRE NO HOVER ===== */
.sub-uiverse-card{
  min-height:120px !important;
  height:120px !important;
  padding:.65rem !important;
  transform:skewX(6deg) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

.sub-uiverse-card:hover{
  min-height:255px !important;
  height:255px !important;
  transform:skewX(0deg) translateY(-4px) !important;
}

.sub-uiverse-align{
  padding:.75rem .9rem .35rem !important;
}

.sub-uiverse-card h3{
  margin:.2rem 1rem 0 !important;
  font-size:1.75rem !important;
  line-height:1.1 !important;
}

.sub-uiverse-card p{
  opacity:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  margin:0 1rem !important;
  transition:
    opacity .28s ease,
    max-height .36s ease,
    margin-top .36s ease !important;
}

.sub-uiverse-card:hover p{
  opacity:1 !important;
  max-height:180px !important;
  margin-top:1rem !important;
}

@media (max-width: 720px){
  .sub-uiverse-card{
    min-height:110px !important;
    height:110px !important;
    transform:none !important;
  }

  .sub-uiverse-card:hover{
    min-height:230px !important;
    height:230px !important;
    transform:translateY(-3px) !important;
  }

  .sub-uiverse-card h3{
    font-size:1.45rem !important;
  }
}

/* ===== BLOCO 2 - AJUSTE FINAL PARA OS 3 BADGES ===== */
.intro-card-canvas{
  min-height:420px !important;
}

.intro-uiverse-card{
  min-height:420px !important;
}

.intro-card-content{
  min-height:420px !important;
  padding:34px 32px 42px !important;
}

.intro-card-paragraph{
  margin-bottom:26px !important;
}

.intro-card-footer{
  margin-top:auto !important;
  padding-top:14px !important;
  gap:12px !important;
  row-gap:12px !important;
}

.intro-card-chip{
  padding:9px 14px !important;
}

@media (max-width: 720px){
  .intro-card-canvas{
    min-height:455px !important;
  }

  .intro-uiverse-card{
    min-height:455px !important;
  }

  .intro-card-content{
    min-height:455px !important;
    padding:28px 22px 34px !important;
  }
}

/* ===== CORRECAO DO TREMOR NO SUBCARD ===== */
.service-card-sub-uiverse{
  position:relative !important;
  min-height:255px !important;
  height:255px !important;
  overflow:visible !important;
}

.sub-uiverse-card{
  position:relative;
  min-height:120px !important;
  height:120px !important;
  padding:.65rem !important;
  transform:skewX(6deg) !important;
  overflow:hidden !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  transition:
    height .35s ease,
    min-height .35s ease,
    transform .35s ease,
    box-shadow .35s ease,
    background .35s ease !important;
}

.service-card-sub-uiverse:hover .sub-uiverse-card{
  min-height:255px !important;
  height:255px !important;
  transform:skewX(0deg) translateY(-4px) !important;
}

.sub-uiverse-align{
  padding:.75rem .9rem .35rem !important;
}

.sub-uiverse-card h3{
  margin:.2rem 1rem 0 !important;
  font-size:1.75rem !important;
  line-height:1.1 !important;
}

.sub-uiverse-card p{
  opacity:0 !important;
  max-height:0 !important;
  overflow:hidden !important;
  margin:0 1rem !important;
  transition:
    opacity .28s ease,
    max-height .36s ease,
    margin-top .36s ease !important;
}

.service-card-sub-uiverse:hover .sub-uiverse-card p{
  opacity:1 !important;
  max-height:180px !important;
  margin-top:1rem !important;
}

@media (max-width: 720px){
  .service-card-sub-uiverse{
    min-height:230px !important;
    height:230px !important;
  }

  .sub-uiverse-card{
    min-height:110px !important;
    height:110px !important;
    transform:none !important;
  }

  .service-card-sub-uiverse:hover .sub-uiverse-card{
    min-height:230px !important;
    height:230px !important;
    transform:translateY(-3px) !important;
  }

  .sub-uiverse-card h3{
    font-size:1.45rem !important;
  }
}

/* ===== SUBCARDS 3D SUAVES E EQUALIZADOS ===== */
.service-card-sub-3d{
  position:relative;
  min-height:240px !important;
  padding:30px 28px !important;
  border-radius:28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.86) 0%, rgba(248,240,233,.76) 100%) !important;
  border:1px solid rgba(188,144,98,.14) !important;
  box-shadow:
    0 20px 48px rgba(41,28,22,.10),
    inset 0 1px 0 rgba(255,255,255,.56),
    inset 0 -2px 0 rgba(151,103,58,.08) !important;
  transform-style:preserve-3d;
  transition:
    transform .38s ease,
    box-shadow .38s ease,
    border-color .38s ease,
    background .38s ease;
  overflow:hidden;
}

.service-card-sub-3d::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 40%);
  pointer-events:none;
}

.service-card-sub-3d::after{
  content:"";
  position:absolute;
  top:-25%;
  left:-18%;
  width:36%;
  height:180%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.18), rgba(255,255,255,0));
  transform:rotate(18deg) translateX(-240%);
  transition:transform .8s ease;
  pointer-events:none;
}

.service-card-sub-3d > *{
  position:relative;
  z-index:2;
}

.service-card-sub-3d h3{
  font-size:1.46rem !important;
  line-height:1.18 !important;
  margin-bottom:14px !important;
  color:#261a15 !important;
}

.service-card-sub-3d p{
  color:#766154 !important;
  font-size:1rem !important;
  line-height:1.88 !important;
}

.service-card-sub-3d:hover{
  transform:translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.01);
  border-color:rgba(201,146,95,.26) !important;
  box-shadow:
    0 30px 72px rgba(41,28,22,.14),
    0 0 22px rgba(214,168,120,.08),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -2px 0 rgba(151,103,58,.12) !important;
}

.service-card-sub-3d:hover::after{
  transform:rotate(18deg) translateX(520%);
}

@media (max-width: 720px){
  .service-card-sub-3d{
    min-height:auto !important;
    padding:24px 20px !important;
    border-radius:22px !important;
  }

  .service-card-sub-3d:hover{
    transform:translateY(-4px) scale(1.01);
  }

  .service-card-sub-3d h3{
    font-size:1.28rem !important;
  }
}

/* ===== BLOCO 4 - PREMIUM EXPERIENCE ===== */
.premium-experience{
  position:relative;
  overflow:hidden;
  padding:96px 0;
}

.premium-experience::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 22%, rgba(223,186,145,.16), transparent 24%),
    radial-gradient(circle at 80% 26%, rgba(255,238,214,.18), transparent 22%),
    radial-gradient(circle at 50% 78%, rgba(210,158,108,.08), transparent 28%);
  pointer-events:none;
  z-index:0;
}

.premium-experience::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  width:min(94%, 1180px);
  height:86%;
  border-radius:40px;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0));
  filter:blur(34px);
  opacity:.82;
  pointer-events:none;
  z-index:0;
}

.premium-experience-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:34px;
  align-items:center;
}

.premium-copy{
  max-width:620px;
}

.premium-copy h2{
  font-size:clamp(2.2rem, 4vw, 4rem);
  line-height:1.08;
  color:var(--dark);
  margin-bottom:18px;
  text-shadow:0 2px 0 rgba(255,255,255,.10);
}

.premium-copy p{
  color:var(--text-soft);
  font-size:1.04rem;
  line-height:1.9;
  max-width:560px;
}

.premium-signature{
  margin-top:28px;
  display:flex;
  align-items:center;
  gap:14px;
}

.premium-signature-line{
  width:72px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(191,134,80,.18), rgba(214,168,120,.92), rgba(191,134,80,.12));
  box-shadow:0 0 16px rgba(201,146,95,.16);
}

.premium-signature strong{
  font-size:1rem;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8a5b33;
}

.premium-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}

.premium-mini-card{
  position:relative;
  min-height:190px;
  padding:24px 22px 22px;
  border-radius:28px;
  background:
    linear-gradient(180deg, rgba(248,238,225,.98) 0%, rgba(232,214,194,.94) 100%);
  border:1px solid rgba(205,156,108,.22);
  box-shadow:
    0 20px 48px rgba(122,76,37,.12),
    inset 0 1px 0 rgba(255,255,255,.54),
    inset 0 -2px 0 rgba(151,103,58,.10);
  transition:
    transform .35s ease,
    box-shadow .35s ease,
    border-color .35s ease,
    background .35s ease;
  overflow:hidden;
}

.premium-mini-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,0) 38%);
  pointer-events:none;
}

.premium-mini-card::after{
  content:"";
  position:absolute;
  top:-26%;
  left:-18%;
  width:36%;
  height:180%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.18), rgba(255,255,255,0));
  transform:rotate(18deg) translateX(-240%);
  transition:transform .8s ease;
  pointer-events:none;
}

.premium-mini-card > *{
  position:relative;
  z-index:2;
}

.premium-mini-card:hover{
  transform:translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.01);
  box-shadow:
    0 30px 72px rgba(122,76,37,.16),
    0 0 24px rgba(214,168,120,.08),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -2px 0 rgba(151,103,58,.12);
  border-color:rgba(214,168,120,.36);
  background:
    linear-gradient(180deg, rgba(250,241,229,.99) 0%, rgba(236,219,199,.96) 100%);
}

.premium-mini-card:hover::after{
  transform:rotate(18deg) translateX(520%);
}

.premium-mini-number{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  margin-bottom:16px;
  border-radius:14px;
  font-size:.88rem;
  font-weight:900;
  letter-spacing:.08em;
  color:#9d6433;
  background:rgba(255,250,245,.94);
  border:1px solid rgba(201,146,95,.20);
  box-shadow:
    0 10px 20px rgba(122,76,37,.10),
    inset 0 1px 0 rgba(255,255,255,.62);
}

.premium-mini-card h3{
  font-size:1.28rem;
  line-height:1.18;
  color:#261a15;
  margin-bottom:12px;
}

.premium-mini-card p{
  color:#766154;
  font-size:.98rem;
  line-height:1.82;
}

@media (max-width: 1080px){
  .premium-experience-grid{
    grid-template-columns:1fr;
  }

  .premium-copy{
    max-width:100%;
  }

  .premium-copy p{
    max-width:100%;
  }
}

@media (max-width: 720px){
  .premium-experience{
    padding:78px 0;
  }

  .premium-cards{
    grid-template-columns:1fr;
  }

  .premium-mini-card{
    min-height:auto;
    padding:22px 18px 18px;
    border-radius:22px;
  }

  .premium-mini-card:hover{
    transform:translateY(-4px) scale(1.01);
  }

  .premium-copy h2{
    font-size:clamp(2rem, 7vw, 3rem);
  }
}

/* ===== BLOCO DE RESULTADOS - LUXURY EDITORIAL ===== */
.gallery-section-luxury{
  position:relative;
  overflow:hidden;
  padding:96px 0;
}

.gallery-section-luxury::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 26%, rgba(223,186,145,.14), transparent 24%),
    radial-gradient(circle at 78% 18%, rgba(255,238,214,.18), transparent 22%),
    radial-gradient(circle at 50% 82%, rgba(210,158,108,.08), transparent 30%);
  pointer-events:none;
  z-index:0;
}

.gallery-section-luxury::after{
  content:"";
  position:absolute;
  left:50%;
  top:52%;
  transform:translate(-50%, -50%);
  width:min(92%, 1120px);
  height:72%;
  border-radius:42px;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0));
  filter:blur(34px);
  opacity:.8;
  pointer-events:none;
  z-index:0;
}

.gallery-section-luxury .container{
  position:relative;
  z-index:1;
}

.section-heading-results{
  max-width:860px;
  margin:0 auto 36px;
}

.section-heading-results h2{
  font-size:clamp(2.15rem, 4vw, 3.8rem);
  line-height:1.08;
}

.section-heading-results p{
  max-width:700px;
  margin:0 auto;
  font-size:1.03rem;
}

.results-signature{
  margin-top:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
}

.results-signature-line{
  width:72px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(191,134,80,.12), rgba(214,168,120,.88), rgba(191,134,80,.12));
  box-shadow:0 0 16px rgba(201,146,95,.16);
}

.results-signature strong{
  font-size:.92rem;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:#8a5b33;
}

.gallery-grid-luxury{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
  align-items:stretch;
}

.gallery-stack{
  display:grid;
  grid-template-rows:1fr auto;
  gap:14px;
}

.gallery-stack-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.gallery-item-luxury{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  border:1px solid rgba(205,156,108,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.44), rgba(255,255,255,0));
  box-shadow:
    0 24px 60px rgba(41,28,22,.14),
    inset 0 1px 0 rgba(255,255,255,.34);
  transform-style:preserve-3d;
  transition:
    transform .38s ease,
    box-shadow .38s ease,
    border-color .38s ease,
    filter .38s ease;
}

.gallery-item-luxury::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,0) 40%);
  pointer-events:none;
  z-index:2;
}

.gallery-item-luxury::after{
  content:"";
  position:absolute;
  top:-24%;
  left:-18%;
  width:36%;
  height:180%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.18), rgba(255,255,255,0));
  transform:rotate(18deg) translateX(-240%);
  transition:transform .8s ease;
  pointer-events:none;
  z-index:2;
}

.gallery-item-luxury img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s ease, filter .38s ease;
}

.gallery-item-hero{
  min-height:520px;
}

.gallery-stack > .gallery-item-luxury{
  min-height:250px;
}

.gallery-stack-row .gallery-item-luxury{
  min-height:250px;
}

.gallery-item-luxury:hover{
  transform:translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.01);
  border-color:rgba(214,168,120,.34);
  box-shadow:
    0 34px 80px rgba(41,28,22,.18),
    0 0 24px rgba(214,168,120,.08),
    inset 0 1px 0 rgba(255,255,255,.42);
  filter:brightness(1.02);
}

.gallery-item-luxury:hover::after{
  transform:rotate(18deg) translateX(520%);
}

.gallery-item-luxury:hover img{
  transform:scale(1.045);
  filter:saturate(1.04) contrast(1.02);
}

@media (max-width: 1080px){
  .gallery-grid-luxury{
    grid-template-columns:1fr;
  }

  .gallery-item-hero{
    min-height:420px;
  }
}

@media (max-width: 720px){
  .gallery-section-luxury{
    padding:78px 0;
  }

  .results-signature{
    gap:10px;
  }

  .results-signature-line{
    width:40px;
  }

  .gallery-stack-row{
    grid-template-columns:1fr;
  }

  .gallery-item-hero,
  .gallery-stack > .gallery-item-luxury,
  .gallery-stack-row .gallery-item-luxury{
    min-height:260px;
  }

  .gallery-item-luxury{
    border-radius:22px;
  }

  .gallery-item-luxury:hover{
    transform:translateY(-4px) scale(1.01);
  }
}

/* ===== FIX DEFINITIVO DO TREMOR DOS SUBCARDS ===== */
.service-card-sub-3d{
  position: relative !important;
  min-height: 250px !important;
  height: 250px !important;
  overflow: hidden !important;
}

.service-card-sub-3d h3,
.service-card-sub-3d p{
  transition:
    opacity .28s ease,
    transform .28s ease !important;
}

.service-card-sub-3d p{
  opacity: 0 !important;
  transform: translateY(10px) !important;
  pointer-events: none !important;
}

.service-card-sub-3d:hover{
  transform: translateY(-6px) rotateX(2deg) rotateY(-2deg) scale(1.01) !important;
}

.service-card-sub-3d:hover p{
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.service-card-sub-3d:not(:hover) p{
  opacity: 0 !important;
  transform: translateY(10px) !important;
}

@media (max-width: 720px){
  .service-card-sub-3d{
    min-height: 220px !important;
    height: 220px !important;
  }

  .service-card-sub-3d:hover{
    transform: translateY(-4px) scale(1.01) !important;
  }
}

/* ===== RESTAURAR BLOCO 3 - SUBCARDS 3D SUAVES ===== */
.service-card-sub-3d{
  position:relative !important;
  min-height:240px !important;
  height:auto !important;
  padding:30px 28px !important;
  border-radius:28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.86) 0%, rgba(248,240,233,.76) 100%) !important;
  border:1px solid rgba(188,144,98,.14) !important;
  box-shadow:
    0 20px 48px rgba(41,28,22,.10),
    inset 0 1px 0 rgba(255,255,255,.56),
    inset 0 -2px 0 rgba(151,103,58,.08) !important;
  transform-style:preserve-3d !important;
  transition:
    transform .38s ease,
    box-shadow .38s ease,
    border-color .38s ease,
    background .38s ease !important;
  overflow:hidden !important;
}

.service-card-sub-3d::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 40%);
  pointer-events:none;
}

.service-card-sub-3d::after{
  content:"";
  position:absolute;
  top:-25%;
  left:-18%;
  width:36%;
  height:180%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.18), rgba(255,255,255,0));
  transform:rotate(18deg) translateX(-240%);
  transition:transform .8s ease;
  pointer-events:none;
}

.service-card-sub-3d > *{
  position:relative;
  z-index:2;
}

.service-card-sub-3d h3{
  font-size:1.46rem !important;
  line-height:1.18 !important;
  margin-bottom:14px !important;
  color:#261a15 !important;
}

.service-card-sub-3d p{
  opacity:1 !important;
  max-height:none !important;
  overflow:visible !important;
  margin:0 !important;
  color:#766154 !important;
  font-size:1rem !important;
  line-height:1.88 !important;
  transform:none !important;
  pointer-events:auto !important;
}

.service-card-sub-3d:hover{
  transform:translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.01) !important;
  border-color:rgba(201,146,95,.26) !important;
  box-shadow:
    0 30px 72px rgba(41,28,22,.14),
    0 0 22px rgba(214,168,120,.08),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -2px 0 rgba(151,103,58,.12) !important;
}

.service-card-sub-3d:hover::after{
  transform:rotate(18deg) translateX(520%) !important;
}

.service-card-sub-uiverse,
.sub-uiverse-card{
  display:none !important;
}

@media (max-width: 720px){
  .service-card-sub-3d{
    min-height:auto !important;
    padding:24px 20px !important;
    border-radius:22px !important;
  }

  .service-card-sub-3d:hover{
    transform:translateY(-4px) scale(1.01) !important;
  }

  .service-card-sub-3d h3{
    font-size:1.28rem !important;
  }
}

/* ===== RESTAURAR DEFINITIVO BLOCO 3 - SUBCARDS ===== */
.services-sub-grid .service-card-sub-3d{
  position:relative !important;
  min-height:240px !important;
  height:auto !important;
  padding:30px 28px !important;
  border-radius:28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(248,240,233,.78) 100%) !important;
  border:1px solid rgba(188,144,98,.14) !important;
  box-shadow:
    0 20px 48px rgba(41,28,22,.10),
    inset 0 1px 0 rgba(255,255,255,.56),
    inset 0 -2px 0 rgba(151,103,58,.08) !important;
  transform-style:preserve-3d !important;
  transition:
    transform .38s ease,
    box-shadow .38s ease,
    border-color .38s ease,
    background .38s ease !important;
  overflow:hidden !important;
}

.services-sub-grid .service-card-sub-3d::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 40%) !important;
  pointer-events:none;
}

.services-sub-grid .service-card-sub-3d::after{
  content:"";
  position:absolute;
  top:-25%;
  left:-18%;
  width:36%;
  height:180%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.18), rgba(255,255,255,0)) !important;
  transform:rotate(18deg) translateX(-240%) !important;
  transition:transform .8s ease !important;
  pointer-events:none;
}

.services-sub-grid .service-card-sub-3d > *{
  position:relative;
  z-index:2;
}

.services-sub-grid .service-card-sub-3d h3{
  font-size:1.46rem !important;
  line-height:1.18 !important;
  margin:0 0 14px 0 !important;
  color:#261a15 !important;
}

.services-sub-grid .service-card-sub-3d p{
  display:block !important;
  opacity:1 !important;
  max-height:none !important;
  height:auto !important;
  overflow:visible !important;
  margin:0 !important;
  padding:0 !important;
  color:#766154 !important;
  font-size:1rem !important;
  line-height:1.88 !important;
  transform:none !important;
  pointer-events:auto !important;
}

.services-sub-grid .service-card-sub-3d:hover{
  transform:translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.01) !important;
  border-color:rgba(201,146,95,.26) !important;
  box-shadow:
    0 30px 72px rgba(41,28,22,.14),
    0 0 22px rgba(214,168,120,.08),
    inset 0 1px 0 rgba(255,255,255,.62),
    inset 0 -2px 0 rgba(151,103,58,.12) !important;
}

.services-sub-grid .service-card-sub-3d:hover::after{
  transform:rotate(18deg) translateX(520%) !important;
}

@media (max-width: 720px){
  .services-sub-grid .service-card-sub-3d{
    min-height:auto !important;
    padding:24px 20px !important;
    border-radius:22px !important;
  }

  .services-sub-grid .service-card-sub-3d:hover{
    transform:translateY(-4px) scale(1.01) !important;
  }

  .services-sub-grid .service-card-sub-3d h3{
    font-size:1.28rem !important;
  }
}

/* ===== BLOCO 4 - AJUSTE PARA NAO FICAR CORTADO ===== */
.gallery-section-luxury{
  padding:88px 0 120px !important;
  overflow:visible !important;
}

.section-heading-results{
  margin:0 auto 28px !important;
}

.gallery-grid-luxury{
  max-width:980px;
  margin:0 auto;
  gap:14px !important;
  align-items:start !important;
}

.gallery-item-hero{
  min-height:430px !important;
}

.gallery-stack{
  gap:14px !important;
}

.gallery-stack > .gallery-item-luxury{
  min-height:208px !important;
}

.gallery-stack-row{
  gap:14px !important;
}

.gallery-stack-row .gallery-item-luxury{
  min-height:208px !important;
}

.gallery-item-luxury{
  border-radius:28px !important;
}

.gallery-item-luxury img{
  object-fit:cover;
  object-position:center;
}

@media (max-width: 1080px){
  .gallery-section-luxury{
    padding:78px 0 96px !important;
  }

  .gallery-grid-luxury{
    max-width:100%;
  }

  .gallery-item-hero{
    min-height:380px !important;
  }

  .gallery-stack > .gallery-item-luxury,
  .gallery-stack-row .gallery-item-luxury{
    min-height:220px !important;
  }
}

@media (max-width: 720px){
  .gallery-section-luxury{
    padding:72px 0 84px !important;
  }

  .section-heading-results{
    margin:0 auto 22px !important;
  }

  .gallery-item-hero,
  .gallery-stack > .gallery-item-luxury,
  .gallery-stack-row .gallery-item-luxury{
    min-height:250px !important;
  }

  .gallery-item-luxury{
    border-radius:22px !important;
  }
}

/* ===== BLOCO 4 - CORRECAO DEFINITIVA DA GALERIA ===== */
.gallery-grid-luxury{
  display:grid !important;
  grid-template-columns:1.05fr .95fr !important;
  gap:18px !important;
  align-items:stretch !important;
  max-width:980px !important;
  margin:0 auto !important;
}

.gallery-item-hero{
  min-height:520px !important;
  height:520px !important;
}

.gallery-stack{
  display:grid !important;
  grid-template-rows:250px 250px !important;
  gap:18px !important;
  height:520px !important;
}

.gallery-stack > .gallery-item-luxury{
  min-height:250px !important;
  height:250px !important;
}

.gallery-stack-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:18px !important;
  height:250px !important;
}

.gallery-stack-row .gallery-item-luxury{
  min-height:250px !important;
  height:250px !important;
}

.gallery-item-luxury{
  overflow:hidden !important;
}

.gallery-item-luxury img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

@media (max-width: 1080px){
  .gallery-grid-luxury{
    grid-template-columns:1fr !important;
  }

  .gallery-item-hero{
    min-height:400px !important;
    height:400px !important;
  }

  .gallery-stack{
    grid-template-rows:auto auto !important;
    height:auto !important;
  }

  .gallery-stack > .gallery-item-luxury{
    min-height:220px !important;
    height:220px !important;
  }

  .gallery-stack-row{
    height:auto !important;
  }

  .gallery-stack-row .gallery-item-luxury{
    min-height:220px !important;
    height:220px !important;
  }
}

@media (max-width: 720px){
  .gallery-item-hero{
    min-height:260px !important;
    height:260px !important;
  }

  .gallery-stack{
    gap:14px !important;
  }

  .gallery-stack > .gallery-item-luxury{
    min-height:220px !important;
    height:220px !important;
  }

  .gallery-stack-row{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .gallery-stack-row .gallery-item-luxury{
    min-height:220px !important;
    height:220px !important;
  }
}

/* ===== BLOCO 4 - DAR RESPIRO ANTES DO BLOCO 5 ===== */
.gallery-section-luxury{
  padding-bottom: 150px !important;
}

.gallery-section-luxury + .split-highlight{
  margin-top: 40px !important;
  position: relative;
  z-index: 2;
}

.gallery-section-luxury .container{
  position: relative;
  z-index: 1;
}

@media (max-width: 720px){
  .gallery-section-luxury{
    padding-bottom: 110px !important;
  }

  .gallery-section-luxury + .split-highlight{
    margin-top: 24px !important;
  }
}

/* ===== SEPARACAO ENTRE BLOCO 4 E BLOCO 5 ===== */
.gallery-section-luxury{
  padding-bottom: 90px !important;
}

.gallery-section-luxury + .split-highlight{
  position: relative;
  margin-top: 90px !important;
  padding-top: 40px !important;
}

.gallery-section-luxury + .split-highlight::before{
  content:"";
  position:absolute;
  top:-42px;
  left:50%;
  transform:translateX(-50%);
  width:min(220px, 55%);
  height:2px;
  border-radius:999px;
  background:linear-gradient(
    90deg,
    rgba(191,134,80,0),
    rgba(214,168,120,.95),
    rgba(191,134,80,0)
  );
  box-shadow:
    0 0 10px rgba(214,168,120,.20),
    0 0 20px rgba(214,168,120,.10);
}

.gallery-section-luxury + .split-highlight::after{
  content:"";
  position:absolute;
  top:-56px;
  left:50%;
  transform:translateX(-50%);
  width:320px;
  height:42px;
  background:radial-gradient(circle, rgba(214,168,120,.12), transparent 70%);
  pointer-events:none;
}

@media (max-width: 720px){
  .gallery-section-luxury{
    padding-bottom: 70px !important;
  }

  .gallery-section-luxury + .split-highlight{
    margin-top: 70px !important;
    padding-top: 28px !important;
  }

  .gallery-section-luxury + .split-highlight::before{
    top:-32px;
    width:min(160px, 50%);
  }

  .gallery-section-luxury + .split-highlight::after{
    top:-46px;
    width:220px;
    height:32px;
  }
}

/* ===== FIX SIMPLES BLOCO 4 x BLOCO 5 ===== */
.gallery-section-luxury{
  display:block !important;
  clear:both !important;
  padding-bottom:180px !important;
}

.gallery-section-luxury .container{
  display:block !important;
}

.split-highlight{
  display:block !important;
  clear:both !important;
  margin-top:0 !important;
  padding-top:0 !important;
}

.gallery-section-luxury + .split-highlight::before,
.gallery-section-luxury + .split-highlight::after{
  display:none !important;
}

@media (max-width: 720px){
  .gallery-section-luxury{
    padding-bottom:120px !important;
  }
}

/* ===== RESPIRO REAL ENTRE BLOCO 4 E BLOCO 5 ===== */
.gallery-section-luxury{
  padding-bottom: 80px !important;
}

.gallery-section-luxury + .split-highlight{
  margin-top: 120px !important;
  padding-top: 0 !important;
  position: relative;
}

@media (max-width: 720px){
  .gallery-section-luxury{
    padding-bottom: 60px !important;
  }

  .gallery-section-luxury + .split-highlight{
    margin-top: 80px !important;
  }
}

/* ===== ESPACO REAL ENTRE BLOCO 4 E BLOCO 5 ===== */
.split-highlight-spaced{
  margin-top: 70px !important;
  padding-top: 20px !important;
}

@media (max-width: 720px){
  .split-highlight-spaced{
    margin-top: 50px !important;
    padding-top: 10px !important;
  }
}

/* ===== FIX FINAL E DIRETO ENTRE BLOCO 4 E BLOCO 5 ===== */

/* bloco 4 termina com mais respiro */
.gallery-section-luxury{
  padding-bottom: 120px !important;
}

/* remove qualquer pseudo-separador anterior que possa estar atrapalhando */
.gallery-section-luxury + .split-highlight::before,
.gallery-section-luxury + .split-highlight::after{
  display: none !important;
  content: none !important;
}

/* bloco 5 começa só depois */
.gallery-section-luxury + .split-highlight{
  margin-top: 0 !important;
  padding-top: 90px !important;
  position: relative !important;
  clear: both !important;
}

/* empurra o CONTEÚDO do bloco 5 para baixo */
.gallery-section-luxury + .split-highlight .split-grid{
  padding-top: 30px !important;
}

/* garante que imagem e texto do bloco 5 não subam */
.gallery-section-luxury + .split-highlight .split-image,
.gallery-section-luxury + .split-highlight .split-copy{
  margin-top: 0 !important;
  transform: none !important;
}

@media (max-width: 720px){
  .gallery-section-luxury{
    padding-bottom: 90px !important;
  }

  .gallery-section-luxury + .split-highlight{
    padding-top: 70px !important;
  }

  .gallery-section-luxury + .split-highlight .split-grid{
    padding-top: 10px !important;
  }
}

/* ===== FIX DIRETO: EMPURRAR O CONTEUDO DO BLOCO 5 PARA BAIXO ===== */
.split-highlight{
  padding-top: 140px !important;
}

.split-highlight .split-grid{
  margin-top: 0 !important;
  align-items: start !important;
}

.split-highlight .split-image,
.split-highlight .split-copy{
  margin-top: 0 !important;
  transform: none !important;
}

@media (max-width: 720px){
  .split-highlight{
    padding-top: 90px !important;
  }
}

/* ===== RESTAURAR BLOCOS 4 E 5 PARA O ESTADO SIMPLES ===== */
.gallery-section{
  position:relative !important;
  overflow:visible !important;
  padding:88px 0 !important;
}

.gallery-section + .split-highlight{
  margin-top:0 !important;
  padding-top:88px !important;
  position:relative !important;
  clear:both !important;
}

.gallery-grid{
  display:grid !important;
  grid-template-columns:1.3fr 1fr 1fr !important;
  gap:18px !important;
  grid-auto-rows:250px !important;
}

.gallery-item{
  overflow:hidden !important;
  border-radius:28px !important;
  box-shadow:var(--shadow) !important;
  min-height:auto !important;
  height:auto !important;
}

.gallery-item.large{
  grid-row:span 2 !important;
}

.gallery-item img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transition:transform .45s ease !important;
}

.gallery-item:hover img{
  transform:scale(1.05) !important;
}

.split-highlight{
  position:relative !important;
  overflow:visible !important;
}

.split-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:36px !important;
  align-items:center !important;
}

.split-image{
  overflow:hidden !important;
  border-radius:30px !important;
  box-shadow:var(--shadow) !important;
}

.split-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.split-copy{
  max-width:none !important;
}

@media (max-width: 1080px){
  .gallery-grid{
    grid-template-columns:1fr 1fr !important;
  }

  .gallery-item.large{
    grid-column:span 2 !important;
    grid-row:span 1 !important;
    min-height:320px !important;
  }

  .split-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width: 720px){
  .gallery-grid{
    grid-template-columns:1fr !important;
  }

  .gallery-item.large{
    grid-column:auto !important;
    min-height:260px !important;
  }

  .gallery-section + .split-highlight{
    padding-top:70px !important;
  }
}

/* ===== BLOCO 4 - GRADE COM 4 FOTOS NA DIREITA ===== */
.gallery-grid-quad{
  display:grid !important;
  grid-template-columns:1.05fr .95fr !important;
  gap:18px !important;
  align-items:stretch !important;
}

.gallery-item-left{
  min-height:560px !important;
  height:560px !important;
}

.gallery-right-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:18px;
  min-height:560px;
  height:560px;
}

.gallery-right-grid .gallery-item{
  min-height:271px !important;
  height:271px !important;
}

.gallery-grid-quad .gallery-item{
  overflow:hidden;
  border-radius:28px;
  box-shadow:var(--shadow);
}

.gallery-grid-quad .gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

@media (max-width: 1080px){
  .gallery-grid-quad{
    grid-template-columns:1fr !important;
  }

  .gallery-item-left{
    min-height:420px !important;
    height:420px !important;
  }

  .gallery-right-grid{
    min-height:auto;
    height:auto;
  }

  .gallery-right-grid .gallery-item{
    min-height:240px !important;
    height:240px !important;
  }
}

@media (max-width: 720px){
  .gallery-item-left{
    min-height:300px !important;
    height:300px !important;
  }

  .gallery-right-grid{
    grid-template-columns:1fr 1fr;
    gap:14px;
  }

  .gallery-right-grid .gallery-item{
    min-height:170px !important;
    height:170px !important;
  }

  .gallery-grid-quad .gallery-item{
    border-radius:22px;
  }
}

/* ===== BLOCO 4 - AUMENTAR UM POUCO A FOTO GRANDE DA ESQUERDA ===== */
.gallery-item-left{
  min-height:620px !important;
  height:620px !important;
}

.gallery-right-grid{
  min-height:620px !important;
  height:620px !important;
}

.gallery-right-grid .gallery-item{
  min-height:301px !important;
  height:301px !important;
}

@media (max-width: 1080px){
  .gallery-item-left{
    min-height:460px !important;
    height:460px !important;
  }

  .gallery-right-grid{
    min-height:auto !important;
    height:auto !important;
  }

  .gallery-right-grid .gallery-item{
    min-height:250px !important;
    height:250px !important;
  }
}

@media (max-width: 720px){
  .gallery-item-left{
    min-height:340px !important;
    height:340px !important;
  }

  .gallery-right-grid .gallery-item{
    min-height:180px !important;
    height:180px !important;
  }
}

/* ===== BLOCO 4 | AJUSTE FINO DA FOTO PRINCIPAL ===== */
.gallery-grid{
  grid-template-columns: 1.48fr 1fr 1fr;
  gap: 18px;
  grid-auto-rows: 154px;
  align-items: stretch;
}

.gallery-item.large{
  grid-row: span 2;
  min-height: 326px;
}

.gallery-item.large img{
  object-fit: cover;
  object-position: center 38%;
}

/* ===== BLOCO 4 | ENQUADRAMENTO REAL DA FOTO PRINCIPAL ===== */
.gallery-grid-quad{
  display:grid;
  grid-template-columns: 1.42fr .98fr;
  gap:18px;
  align-items:stretch;
}

.gallery-grid-quad .gallery-item.large{
  min-height: 520px;
  height: 100%;
}

.gallery-right-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap:18px;
}

.gallery-right-grid .gallery-item{
  min-height: 251px;
}

.gallery-grid-quad .gallery-item.large img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 32%;
}

/* ===== BLOCO 4 | ZOOM REAL NA FOTO PRINCIPAL ===== */
.gallery-grid-quad .gallery-item.large{
  overflow:hidden;
}

.gallery-grid-quad .gallery-item.large img{
  object-fit:cover;
  object-position:center 28%;
  transform:scale(1.16);
  transform-origin:center center;
}

.gallery-grid-quad .gallery-item.large:hover img{
  transform:scale(1.16);
}

/* ===== BLOCO 4 | CORREÇÃO FORÇADA FINAL ===== */
.gallery-grid.gallery-grid-quad{
  display:grid !important;
  grid-template-columns: 1.34fr .96fr !important;
  grid-auto-rows: unset !important;
  gap:18px !important;
  align-items:start !important;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large{
  grid-column:1 !important;
  grid-row:1 !important;
  height:540px !important;
  min-height:540px !important;
  overflow:hidden !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid{
  grid-column:2 !important;
  grid-row:1 !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-template-rows:1fr 1fr !important;
  gap:18px !important;
  height:540px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item{
  height:261px !important;
  min-height:261px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 22% !important;
  transform:none !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* ===== BLOCO 4 | GALERIA PREMIUM LUXUOSA ===== */
.gallery-grid.gallery-grid-quad{
  display:grid !important;
  grid-template-columns:minmax(0, 1.22fr) minmax(320px, .88fr) !important;
  gap:22px !important;
  align-items:stretch !important;
  max-width:1120px;
  margin:0 auto;
  perspective:1600px;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large,
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item{
  position:relative !important;
  overflow:hidden !important;
  border-radius:30px !important;
  border:1px solid rgba(191, 145, 95, .20) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.06)) !important;
  box-shadow:
    0 22px 50px rgba(57, 34, 19, .14),
    0 8px 20px rgba(99, 63, 35, .08),
    inset 0 1px 0 rgba(255,255,255,.58) !important;
  transform-style:preserve-3d;
  transition:
    transform .45s ease,
    box-shadow .45s ease,
    border-color .45s ease !important;
  isolation:isolate;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large::before,
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,0) 38%);
  pointer-events:none;
  z-index:2;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large::after,
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item::after{
  content:"";
  position:absolute;
  top:-28%;
  left:-16%;
  width:36%;
  height:180%;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.24),
    rgba(255,255,255,0)
  );
  transform:rotate(16deg) translateX(-240%);
  transition:transform .9s ease;
  pointer-events:none;
  z-index:3;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large{
  height:560px !important;
  min-height:560px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-template-rows:1fr 1fr !important;
  gap:22px !important;
  height:560px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item{
  height:269px !important;
  min-height:269px !important;
}

.gallery-grid.gallery-grid-quad img{
  width:100% !important;
  height:100% !important;
  display:block;
  object-fit:cover !important;
  transition:transform .55s ease !important;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large img{
  object-position:center 24% !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(1) img{
  object-position:center 30% !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(2) img{
  object-position:center 26% !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3) img{
  object-position:center 42% !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4) img{
  object-position:center 30% !important;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large:hover{
  transform:translateY(-10px) rotateX(3deg) rotateY(-3deg) scale(1.01) !important;
  border-color:rgba(191,145,95,.34) !important;
  box-shadow:
    0 34px 78px rgba(57, 34, 19, .18),
    0 12px 30px rgba(191,145,95,.10),
    inset 0 1px 0 rgba(255,255,255,.62) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:hover{
  transform:translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.015) !important;
  border-color:rgba(191,145,95,.32) !important;
  box-shadow:
    0 28px 60px rgba(57, 34, 19, .16),
    0 10px 24px rgba(191,145,95,.10),
    inset 0 1px 0 rgba(255,255,255,.62) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large:hover::after,
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:hover::after{
  transform:rotate(16deg) translateX(520%);
}

.gallery-grid.gallery-grid-quad > .gallery-item.large:hover img,
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:hover img{
  transform:scale(1.06);
}

@media (max-width: 980px){
  .gallery-grid.gallery-grid-quad{
    grid-template-columns:1fr !important;
  }

  .gallery-grid.gallery-grid-quad > .gallery-item.large{
    height:500px !important;
    min-height:500px !important;
  }

  .gallery-grid.gallery-grid-quad > .gallery-right-grid{
    height:auto !important;
  }

  .gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item{
    height:240px !important;
    min-height:240px !important;
  }
}

@media (max-width: 640px){
  .gallery-grid.gallery-grid-quad > .gallery-item.large{
    height:380px !important;
    min-height:380px !important;
  }

  .gallery-grid.gallery-grid-quad > .gallery-right-grid{
    grid-template-columns:1fr !important;
  }

  .gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item{
    height:240px !important;
    min-height:240px !important;
  }
}

/* ===== BLOCO 4 | ESTREITAR FOTO PRINCIPAL ===== */
.gallery-grid.gallery-grid-quad{
  grid-template-columns:minmax(0, 1.04fr) minmax(360px, .96fr) !important;
  gap:24px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large{
  max-width:640px !important;
  width:100% !important;
  justify-self:end !important;
}

/* ===== BLOCO 4 | ESTREITAR MAIS A FOTO PRINCIPAL ===== */
.gallery-grid.gallery-grid-quad{
  grid-template-columns:minmax(0, .88fr) minmax(420px, 1fr) !important;
  gap:26px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large{
  width:100% !important;
  max-width:520px !important;
  height:560px !important;
  min-height:560px !important;
  justify-self:center !important;
  align-self:stretch !important;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center 24% !important;
}

/* ===== BLOCO 4 | SUBIR AS 2 FOTOS NOVAS ===== */
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3) img{
  object-position:center 22% !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4) img{
  object-position:center 16% !important;
}

/* ===== BLOCO 4 | SUBIR MAIS AS 2 FOTOS ===== */
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3) img{
  object-position:center top !important;
  transform:scale(1.08) translateY(-18px) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4) img{
  object-position:center top !important;
  transform:scale(1.08) translateY(-22px) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3):hover img{
  transform:scale(1.12) translateY(-18px) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4):hover img{
  transform:scale(1.12) translateY(-22px) !important;
}

/* ===== BLOCO 4 | AUMENTAR OS 2 CARDS + FOTOS ===== */
.gallery-grid.gallery-grid-quad > .gallery-right-grid{
  height:600px !important;
  grid-template-rows:269px 309px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3),
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4){
  height:309px !important;
  min-height:309px !important;
}

/* ===== BLOCO 4 | IGUALAR OS 4 CARDS DA DIREITA ===== */
.gallery-grid.gallery-grid-quad > .gallery-right-grid{
  height:600px !important;
  grid-template-rows:1fr 1fr !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item{
  height:289px !important;
  min-height:289px !important;
}

/* ===== BLOCO 4 | CENTRALIZAR AS 4 FOTOS NA ALTURA DA FOTO PRINCIPAL ===== */
.gallery-grid.gallery-grid-quad{
  align-items:center !important;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large{
  height:560px !important;
  min-height:560px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid{
  height:560px !important;
  max-height:560px !important;
  align-self:center !important;
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  grid-template-rows:1fr 1fr !important;
  gap:18px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item{
  height:auto !important;
  min-height:0 !important;
}

/* ===== BLOCO 4 | ENCAIXE EXATO DOS 4 CARDS NA ALTURA DA FOTO PRINCIPAL ===== */
.gallery-grid.gallery-grid-quad > .gallery-item.large{
  height:560px !important;
  min-height:560px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid{
  height:560px !important;
  max-height:560px !important;
  align-self:center !important;
  grid-template-rows:271px 271px !important;
  gap:18px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item{
  height:271px !important;
  min-height:271px !important;
  max-height:271px !important;
}

/* ===== BLOCO 4 | CENTRALIZAÇÃO VISUAL REAL DAS 4 FOTOS ===== */
.gallery-grid.gallery-grid-quad{
  align-items:center !important;
}

.gallery-grid.gallery-grid-quad > .gallery-item.large{
  height:560px !important;
  min-height:560px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid{
  height:526px !important;
  max-height:526px !important;
  align-self:center !important;
  grid-template-rows:254px 254px !important;
  gap:18px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item{
  height:254px !important;
  min-height:254px !important;
  max-height:254px !important;
}

/* ===== BLOCO 4 | SNIPER | 4 CARDS DA DIREITA COM O MESMO TAMANHO ===== */
.gallery-grid.gallery-grid-quad > .gallery-right-grid{
  height:520px !important;
  max-height:520px !important;
  align-self:center !important;
  grid-template-rows:251px 251px !important;
  gap:18px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item,
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3),
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4){
  height:251px !important;
  min-height:251px !important;
  max-height:251px !important;
}

/* ===== BLOCO 4 | REMOVER ESPAÇOS BRANCOS DAS 2 FOTOS DE BAIXO ===== */
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3) img{
  object-fit:cover !important;
  object-position:center 18% !important;
  transform:scale(1.12) translateY(-20px) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4) img{
  object-fit:cover !important;
  object-position:center 14% !important;
  transform:scale(1.12) translateY(-24px) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3):hover img{
  transform:scale(1.16) translateY(-20px) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4):hover img{
  transform:scale(1.16) translateY(-24px) !important;
}

/* ===== BLOCO 4 | ELIMINAR TOTALMENTE O BRANCO DAS 2 FOTOS DE BAIXO ===== */
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3),
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4){
  overflow:hidden !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3) img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  transform:scale(1.22) translateY(-38px) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4) img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center top !important;
  transform:scale(1.20) translateY(-34px) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3):hover img{
  transform:scale(1.26) translateY(-38px) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4):hover img{
  transform:scale(1.24) translateY(-34px) !important;
}

/* ===== BLOCO 4 | FAZER AS 2 FOTOS DE BAIXO PREENCHEREM O CARD ===== */
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3),
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4){
  overflow:hidden !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3) img,
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4) img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3) img{
  transform:scale(1.34) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4) img{
  transform:scale(1.30) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3):hover img{
  transform:scale(1.38) !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4):hover img{
  transform:scale(1.34) !important;
}

/* ===== BLOCO 4 | AUMENTAR UM POUCO OS 2 CARDS DE BAIXO ===== */
.gallery-grid.gallery-grid-quad > .gallery-right-grid{
  height:532px !important;
  max-height:532px !important;
  grid-template-rows:251px 263px !important;
  gap:18px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(1),
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(2){
  height:251px !important;
  min-height:251px !important;
  max-height:251px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3),
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4){
  height:263px !important;
  min-height:263px !important;
  max-height:263px !important;
}

/* ===== BLOCO 4 | AUMENTAR MAIS UM POUCO OS 2 CARDS DE BAIXO ===== */
.gallery-grid.gallery-grid-quad > .gallery-right-grid{
  height:542px !important;
  max-height:542px !important;
  grid-template-rows:251px 273px !important;
  gap:18px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(1),
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(2){
  height:251px !important;
  min-height:251px !important;
  max-height:251px !important;
}

.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(3),
.gallery-grid.gallery-grid-quad > .gallery-right-grid .gallery-item:nth-child(4){
  height:273px !important;
  min-height:273px !important;
  max-height:273px !important;
}

/* ===== BLOCO 5 | VENDA DE CABELOS | CARDS 3D PREMIUM ===== */
.premium-experience .split-grid{
  align-items:center !important;
  gap:32px !important;
}

.premium-experience .split-image,
.premium-experience .split-copy{
  position:relative;
  overflow:hidden;
  border-radius:32px !important;
  border:1px solid rgba(191,145,95,.20);
  background:linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.10));
  box-shadow:
    0 24px 60px rgba(57,34,19,.14),
    0 10px 26px rgba(120,82,49,.10),
    inset 0 1px 0 rgba(255,255,255,.60);
  transform-style:preserve-3d;
  transition:
    transform .45s ease,
    box-shadow .45s ease,
    border-color .45s ease;
  isolation:isolate;
}

.premium-experience .split-image::before,
.premium-experience .split-copy::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 36%);
  pointer-events:none;
  z-index:2;
}

.premium-experience .split-image::after,
.premium-experience .split-copy::after{
  content:"";
  position:absolute;
  top:-30%;
  left:-18%;
  width:38%;
  height:180%;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.24),
    rgba(255,255,255,0)
  );
  transform:rotate(16deg) translateX(-240%);
  transition:transform .9s ease;
  pointer-events:none;
  z-index:3;
}

.premium-experience .split-image{
  min-height:560px !important;
  padding:0 !important;
}

.premium-experience .split-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
  transition:transform .55s ease;
}

.premium-experience .split-copy{
  padding:38px 36px !important;
  min-height:420px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.premium-experience .split-copy > *{
  position:relative;
  z-index:4;
}

.premium-experience .split-copy .section-tag{
  margin-bottom:12px;
}

.premium-experience .split-copy h2{
  font-size:clamp(2rem, 3vw, 3.2rem) !important;
  line-height:1.06 !important;
  max-width:12ch;
  margin-bottom:16px !important;
}

.premium-experience .split-copy p{
  max-width:52ch;
  font-size:1rem;
  line-height:1.75;
  color:#6e5849 !important;
}

.premium-experience .feature-list{
  margin:24px 0 28px !important;
  gap:14px !important;
}

.premium-experience .feature-list li{
  color:#6e5849 !important;
}

.premium-experience .btn.btn-gold{
  align-self:flex-start;
}

.premium-experience .split-image:hover{
  transform:translateY(-10px) rotateX(3deg) rotateY(-3deg) scale(1.01);
  border-color:rgba(191,145,95,.34);
  box-shadow:
    0 36px 82px rgba(57,34,19,.18),
    0 12px 28px rgba(191,145,95,.10),
    inset 0 1px 0 rgba(255,255,255,.62);
}

.premium-experience .split-copy:hover{
  transform:translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.01);
  border-color:rgba(191,145,95,.30);
  box-shadow:
    0 30px 72px rgba(57,34,19,.16),
    0 10px 24px rgba(191,145,95,.10),
    inset 0 1px 0 rgba(255,255,255,.62);
}

.premium-experience .split-image:hover::after,
.premium-experience .split-copy:hover::after{
  transform:rotate(16deg) translateX(520%);
}

.premium-experience .split-image:hover img{
  transform:scale(1.05);
}

@media (max-width: 980px){
  .premium-experience .split-image{
    min-height:460px !important;
  }

  .premium-experience .split-copy{
    min-height:auto;
    padding:30px 24px !important;
  }

  .premium-experience .split-copy h2{
    max-width:none;
  }
}

@media (max-width: 640px){
  .premium-experience .split-image{
    min-height:360px !important;
  }

  .premium-experience .split-copy{
    border-radius:26px !important;
  }
}

/* ===== BLOCO 5 | 3D REAL NO BLOCO DE VENDA DE CABELOS ===== */
.split-highlight .split-grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.02fr) minmax(0, .98fr) !important;
  gap:34px !important;
  align-items:center !important;
  perspective:1600px;
}

.split-highlight .split-image,
.split-highlight .split-copy{
  position:relative !important;
  overflow:hidden !important;
  border-radius:32px !important;
  border:1px solid rgba(191,145,95,.20) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.10)) !important;
  box-shadow:
    0 24px 60px rgba(57,34,19,.14),
    0 10px 26px rgba(120,82,49,.10),
    inset 0 1px 0 rgba(255,255,255,.60) !important;
  transform-style:preserve-3d;
  transition:
    transform .45s ease,
    box-shadow .45s ease,
    border-color .45s ease !important;
  isolation:isolate;
}

.split-highlight .split-image::before,
.split-highlight .split-copy::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,0) 36%);
  pointer-events:none;
  z-index:2;
}

.split-highlight .split-image::after,
.split-highlight .split-copy::after{
  content:"";
  position:absolute;
  top:-30%;
  left:-18%;
  width:38%;
  height:180%;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.24),
    rgba(255,255,255,0)
  );
  transform:rotate(16deg) translateX(-240%);
  transition:transform .9s ease;
  pointer-events:none;
  z-index:3;
}

.split-highlight .split-image{
  min-height:560px !important;
  padding:0 !important;
}

.split-highlight .split-image img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  transition:transform .55s ease !important;
}

.split-highlight .split-copy{
  padding:38px 36px !important;
  min-height:420px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.split-highlight .split-copy > *{
  position:relative;
  z-index:4;
}

.split-highlight .split-copy h2{
  font-size:clamp(2rem, 3vw, 3.2rem) !important;
  line-height:1.06 !important;
  max-width:12ch !important;
  margin-bottom:16px !important;
}

.split-highlight .split-copy p{
  max-width:52ch !important;
  font-size:1rem !important;
  line-height:1.75 !important;
  color:#6e5849 !important;
}

.split-highlight .feature-list{
  margin:24px 0 28px !important;
  gap:14px !important;
}

.split-highlight .feature-list li{
  color:#6e5849 !important;
}

.split-highlight .btn.btn-gold{
  align-self:flex-start !important;
}

.split-highlight .split-image:hover{
  transform:translateY(-10px) rotateX(3deg) rotateY(-3deg) scale(1.01) !important;
  border-color:rgba(191,145,95,.34) !important;
  box-shadow:
    0 36px 82px rgba(57,34,19,.18),
    0 12px 28px rgba(191,145,95,.10),
    inset 0 1px 0 rgba(255,255,255,.62) !important;
}

.split-highlight .split-copy:hover{
  transform:translateY(-8px) rotateX(2deg) rotateY(-2deg) scale(1.01) !important;
  border-color:rgba(191,145,95,.30) !important;
  box-shadow:
    0 30px 72px rgba(57,34,19,.16),
    0 10px 24px rgba(191,145,95,.10),
    inset 0 1px 0 rgba(255,255,255,.62) !important;
}

.split-highlight .split-image:hover::after,
.split-highlight .split-copy:hover::after{
  transform:rotate(16deg) translateX(520%) !important;
}

.split-highlight .split-image:hover img{
  transform:scale(1.05) !important;
}

@media (max-width: 980px){
  .split-highlight .split-grid{
    grid-template-columns:1fr !important;
  }

  .split-highlight .split-image{
    min-height:460px !important;
  }

  .split-highlight .split-copy{
    min-height:auto !important;
    padding:30px 24px !important;
  }

  .split-highlight .split-copy h2{
    max-width:none !important;
  }
}

@media (max-width: 640px){
  .split-highlight .split-image{
    min-height:360px !important;
  }

  .split-highlight .split-copy{
    border-radius:26px !important;
  }
}

/* ===== BLOCO 5 | CARD DE TEXTO MAIS CHARMOSO E DISTRIBUÍDO ===== */
.split-highlight .split-copy{
  padding:44px 42px 40px !important;
  min-height:560px !important;
  justify-content:space-between !important;
}

.split-highlight .split-copy .section-tag{
  display:inline-block !important;
  margin-bottom:14px !important;
  letter-spacing:.18em !important;
}

.split-highlight .split-copy h2{
  font-size:clamp(1.7rem, 2.4vw, 2.75rem) !important;
  line-height:1.08 !important;
  max-width:11ch !important;
  margin:0 0 18px !important;
}

.split-highlight .split-copy p{
  font-size:1.02rem !important;
  line-height:1.82 !important;
  max-width:44ch !important;
  margin:0 0 22px !important;
  color:#705b4d !important;
}

.split-highlight .feature-list{
  margin:0 0 30px !important;
  gap:16px !important;
}

.split-highlight .feature-list li{
  font-size:.98rem !important;
  line-height:1.65 !important;
  padding-left:24px !important;
}

.split-highlight .btn.btn-gold{
  padding:14px 22px !important;
  border-radius:999px !important;
  box-shadow:
    0 12px 24px rgba(191,145,95,.24),
    inset 0 1px 0 rgba(255,255,255,.45) !important;
}

@media (max-width: 980px){
  .split-highlight .split-copy{
    min-height:auto !important;
    padding:34px 28px 30px !important;
  }

  .split-highlight .split-copy h2{
    max-width:none !important;
  }
}

/* ===== BLOCO 5 | DISTRIBUIÇÃO UNIFORME E MAIS CHARMOSA DO CARD ===== */
.split-highlight .split-copy{
  min-height:560px !important;
  padding:46px 42px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.split-highlight .split-copy .section-tag{
  margin:0 0 16px !important;
}

.split-highlight .split-copy h2{
  font-size:clamp(1.85rem, 2.35vw, 2.95rem) !important;
  line-height:1.08 !important;
  max-width:10.5ch !important;
  margin:0 0 22px !important;
}

.split-highlight .split-copy p{
  max-width:42ch !important;
  font-size:1rem !important;
  line-height:1.85 !important;
  margin:0 0 24px !important;
  color:#705b4d !important;
}

.split-highlight .feature-list{
  display:grid !important;
  gap:14px !important;
  margin:0 0 30px !important;
}

.split-highlight .feature-list li{
  font-size:.98rem !important;
  line-height:1.7 !important;
  padding-left:22px !important;
}

.split-highlight .btn.btn-gold{
  margin-top:4px !important;
  align-self:flex-start !important;
}

@media (max-width: 980px){
  .split-highlight .split-copy{
    min-height:auto !important;
    padding:34px 28px !important;
  }

  .split-highlight .split-copy h2{
    max-width:none !important;
  }
}

/* ===== BLOCO 5 | DISTRIBUIÇÃO FORÇADA DO CONTEÚDO DO CARD ===== */
.split-highlight .split-copy{
  min-height:560px !important;
  padding:48px 44px !important;
  display:grid !important;
  grid-template-rows:auto auto auto 1fr auto !important;
  row-gap:20px !important;
  align-content:stretch !important;
}

.split-highlight .split-copy .section-tag{
  margin:0 !important;
}

.split-highlight .split-copy h2{
  font-size:clamp(1.6rem, 2vw, 2.45rem) !important;
  line-height:1.12 !important;
  letter-spacing:-0.02em !important;
  max-width:12ch !important;
  margin:0 !important;
}

.split-highlight .split-copy p{
  font-size:1rem !important;
  line-height:1.9 !important;
  max-width:42ch !important;
  margin:0 !important;
  color:#705b4d !important;
}

.split-highlight .feature-list{
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  gap:12px !important;
}

.split-highlight .feature-list li{
  margin:0 !important;
  padding-left:22px !important;
  font-size:.96rem !important;
  line-height:1.65 !important;
}

.split-highlight .btn.btn-gold{
  align-self:end !important;
  justify-self:start !important;
  margin:0 !important;
}

@media (max-width: 980px){
  .split-highlight .split-copy{
    min-height:auto !important;
    padding:34px 28px !important;
    grid-template-rows:auto auto auto auto auto !important;
  }

  .split-highlight .split-copy h2{
    max-width:none !important;
  }
}

/* ===== BLOCO 5 | ENQUADRAR E ALINHAR O TEXTO DENTRO DO CARD ===== */
.split-highlight .split-copy{
  min-height:560px !important;
  padding:52px 54px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
}

.split-highlight .split-copy > *{
  width:min(100%, 440px) !important;
}

.split-highlight .split-copy .section-tag{
  margin:0 0 18px !important;
}

.split-highlight .split-copy h2{
  font-size:clamp(1.7rem, 2vw, 2.5rem) !important;
  line-height:1.12 !important;
  letter-spacing:-0.02em !important;
  max-width:11ch !important;
  margin:0 0 24px !important;
}

.split-highlight .split-copy p{
  font-size:1rem !important;
  line-height:1.9 !important;
  max-width:42ch !important;
  margin:0 0 26px !important;
  color:#705b4d !important;
}

.split-highlight .feature-list{
  width:min(100%, 430px) !important;
  margin:0 0 30px !important;
  display:grid !important;
  gap:12px !important;
}

.split-highlight .feature-list li{
  margin:0 !important;
  padding-left:22px !important;
  font-size:.97rem !important;
  line-height:1.7 !important;
}

.split-highlight .btn.btn-gold{
  margin-top:2px !important;
  align-self:flex-start !important;
}

@media (max-width: 980px){
  .split-highlight .split-copy{
    min-height:auto !important;
    padding:38px 30px !important;
  }

  .split-highlight .split-copy > *,
  .split-highlight .feature-list{
    width:100% !important;
    max-width:none !important;
  }

  .split-highlight .split-copy h2{
    max-width:none !important;
  }
}

/* ===== BLOCO 5 | COLUNA INTERNA REAL PARA O CARD ===== */
.split-highlight .split-copy{
  min-height:560px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
}

.split-highlight .split-copy > *{
  width:auto !important;
  max-width:none !important;
}

.split-highlight .split-copy{
  position:relative !important;
}

.split-highlight .split-copy .section-tag,
.split-highlight .split-copy h2,
.split-highlight .split-copy p,
.split-highlight .split-copy .feature-list,
.split-highlight .split-copy .btn.btn-gold{
  margin-left:58px !important;
  margin-right:58px !important;
}

.split-highlight .split-copy .section-tag{
  display:block !important;
  margin-top:52px !important;
  margin-bottom:18px !important;
}

.split-highlight .split-copy h2{
  display:block !important;
  max-width:320px !important;
  font-size:clamp(1.75rem, 2vw, 2.45rem) !important;
  line-height:1.1 !important;
  margin-top:0 !important;
  margin-bottom:26px !important;
}

.split-highlight .split-copy p{
  display:block !important;
  max-width:430px !important;
  font-size:1rem !important;
  line-height:1.9 !important;
  margin-top:0 !important;
  margin-bottom:28px !important;
  color:#705b4d !important;
}

.split-highlight .split-copy .feature-list{
  display:grid !important;
  max-width:410px !important;
  gap:12px !important;
  margin-top:0 !important;
  margin-bottom:30px !important;
}

.split-highlight .split-copy .feature-list li{
  font-size:.97rem !important;
  line-height:1.7 !important;
}

.split-highlight .split-copy .btn.btn-gold{
  margin-top:0 !important;
  margin-bottom:52px !important;
  align-self:flex-start !important;
}

@media (max-width: 980px){
  .split-highlight .split-copy{
    min-height:auto !important;
    padding:36px 0 !important;
  }

  .split-highlight .split-copy .section-tag,
  .split-highlight .split-copy h2,
  .split-highlight .split-copy p,
  .split-highlight .split-copy .feature-list,
  .split-highlight .split-copy .btn.btn-gold{
    margin-left:30px !important;
    margin-right:30px !important;
    max-width:none !important;
  }

  .split-highlight .split-copy .btn.btn-gold{
    margin-bottom:0 !important;
  }
}

/* ===== BLOCO 5 | CARD DE TEXTO 3D COM VIRADA LUXUOSA ===== */
.split-highlight .split-grid{
  perspective:1800px !important;
}

.split-highlight .split-copy{
  position:relative !important;
  transform-style:preserve-3d !important;
  backface-visibility:hidden !important;
  transition:
    transform .9s cubic-bezier(.22,.61,.36,1),
    box-shadow .45s ease,
    border-color .45s ease,
    background .45s ease !important;
  cursor:pointer !important;
}

.split-highlight .split-copy > *{
  position:relative !important;
  z-index:2 !important;
  backface-visibility:hidden !important;
  transition:opacity .28s ease !important;
}

.split-highlight .split-copy::before{
  content:"Exclusividade\AQualidade\ABeleza\A\ASua escolha merece um cabelo à altura do seu sonho.";
  white-space:pre-line;
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:48px 42px;
  border-radius:inherit;
  background:
    linear-gradient(145deg, rgba(255,248,242,.98), rgba(246,232,216,.96)) !important;
  color:#8e6339;
  font-size:clamp(1.2rem, 2vw, 2rem);
  line-height:1.55;
  font-weight:700;
  letter-spacing:.02em;
  transform:rotateY(180deg);
  backface-visibility:hidden !important;
  z-index:3;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 0 0 1px rgba(191,145,95,.14);
}

.split-highlight .split-copy:hover{
  transform:rotateY(180deg) translateY(-10px) scale(1.015) !important;
  background:linear-gradient(180deg, rgba(255,249,243,.96), rgba(246,234,221,.94)) !important;
  border-color:rgba(191,145,95,.34) !important;
  box-shadow:
    0 34px 76px rgba(57,34,19,.18),
    0 12px 28px rgba(191,145,95,.14),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
}

.split-highlight .split-copy:hover > *{
  opacity:0 !important;
}

.split-highlight .split-copy:active{
  transform:rotateY(180deg) translateY(-4px) scale(1.005) !important;
}

@media (max-width: 980px){
  .split-highlight .split-copy:hover,
  .split-highlight .split-copy:active{
    transform:none !important;
  }

  .split-highlight .split-copy:hover > *{
    opacity:1 !important;
  }

  .split-highlight .split-copy::before{
    display:none !important;
  }
}

/* ===== HOTFIX | CANCELAR A VIRADA DO CARD DO BLOCO 5 ===== */
.split-highlight .split-copy{
  cursor:default !important;
  transform:none !important;
  backface-visibility:visible !important;
  transition:
    box-shadow .45s ease,
    border-color .45s ease,
    background .45s ease !important;
}

.split-highlight .split-copy::before{
  content:none !important;
  display:none !important;
}

.split-highlight .split-copy:hover,
.split-highlight .split-copy:active{
  transform:none !important;
}

.split-highlight .split-copy:hover > *{
  opacity:1 !important;
}

/* ===== HOTFIX FINAL | BLOCO 5 COM 2 CARDS FLUTUANDO EM 3D ===== */
.split-highlight .split-grid{
  perspective:1800px !important;
}

.split-highlight .split-image,
.split-highlight .split-copy{
  transform:none !important;
  transform-style:preserve-3d !important;
  backface-visibility:visible !important;
  transition:
    transform .45s ease,
    box-shadow .45s ease,
    border-color .45s ease,
    background .45s ease !important;
}

.split-highlight .split-copy::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 36%) !important;
  pointer-events:none !important;
  z-index:1 !important;
}

.split-highlight .split-copy:hover{
  transform:translateY(-10px) rotateX(3deg) rotateY(-3deg) scale(1.01) !important;
  background:linear-gradient(180deg, rgba(255,249,243,.98), rgba(246,234,221,.95)) !important;
  border-color:rgba(191,145,95,.34) !important;
  box-shadow:
    0 34px 76px rgba(57,34,19,.18),
    0 12px 28px rgba(191,145,95,.14),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
}

.split-highlight .split-image:hover{
  transform:translateY(-10px) rotateX(3deg) rotateY(-3deg) scale(1.01) !important;
  border-color:rgba(191,145,95,.34) !important;
  box-shadow:
    0 34px 76px rgba(57,34,19,.18),
    0 12px 28px rgba(191,145,95,.14),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
}

.split-highlight .split-image:hover img{
  transform:scale(1.05) !important;
}

.split-highlight .split-copy:hover > *{
  opacity:1 !important;
}

.split-highlight .split-copy:active,
.split-highlight .split-image:active{
  transform:translateY(-4px) scale(1.005) !important;
}

@media (max-width: 980px){
  .split-highlight .split-copy:hover,
  .split-highlight .split-image:hover,
  .split-highlight .split-copy:active,
  .split-highlight .split-image:active{
    transform:none !important;
  }
}

/* ===== BLOCO 5 | FLUTUAÇÃO 3D FORÇADA NOS 2 CARDS ===== */
.split-highlight .split-image,
.split-highlight .split-copy{
  will-change: transform;
  transition:
    transform .38s ease,
    box-shadow .38s ease,
    border-color .38s ease,
    background .38s ease !important;
}

.split-highlight .split-image:hover,
.split-highlight .split-copy:hover{
  transform:translate3d(0,-18px,0) scale(1.018) !important;
  box-shadow:
    0 42px 90px rgba(57,34,19,.22),
    0 16px 34px rgba(191,145,95,.16),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
  border-color:rgba(191,145,95,.38) !important;
}

.split-highlight .split-image:active,
.split-highlight .split-copy:active{
  transform:translate3d(0,-8px,0) scale(1.008) !important;
}

.split-highlight .split-image:hover img{
  transform:scale(1.05) !important;
}

@media (max-width: 980px){
  .split-highlight .split-image:hover,
  .split-highlight .split-copy:hover,
  .split-highlight .split-image:active,
  .split-highlight .split-copy:active{
    transform:none !important;
  }
}

/* ===== BLOCO 5 | FLUTUAÇÃO CONTÍNUA COM VIDA ===== */
.split-highlight .split-image,
.split-highlight .split-copy{
  animation: bloco5Float 4.8s ease-in-out infinite;
  will-change: transform;
}

.split-highlight .split-copy{
  animation-delay: .45s;
}

@keyframes bloco5Float{
  0%{
    transform:translate3d(0, 0, 0);
  }
  25%{
    transform:translate3d(0, -8px, 0);
  }
  50%{
    transform:translate3d(0, -14px, 0);
  }
  75%{
    transform:translate3d(0, -7px, 0);
  }
  100%{
    transform:translate3d(0, 0, 0);
  }
}

.split-highlight .split-image:hover,
.split-highlight .split-copy:hover{
  animation-play-state:paused;
  transform:translate3d(0, -18px, 0) scale(1.018) !important;
  box-shadow:
    0 42px 90px rgba(57,34,19,.22),
    0 16px 34px rgba(191,145,95,.16),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
  border-color:rgba(191,145,95,.38) !important;
}

.split-highlight .split-image:active,
.split-highlight .split-copy:active{
  animation-play-state:paused;
  transform:translate3d(0, -8px, 0) scale(1.008) !important;
}

@media (max-width: 980px){
  .split-highlight .split-image,
  .split-highlight .split-copy{
    animation:none !important;
  }

  .split-highlight .split-image:hover,
  .split-highlight .split-copy:hover,
  .split-highlight .split-image:active,
  .split-highlight .split-copy:active{
    transform:none !important;
  }
}

/* ===== BLOCO 5 | FLUTUAÇÃO PELO BLOCO COM MOVIMENTO DE VIDA ===== */
.split-highlight .split-grid{
  overflow:visible !important;
}

.split-highlight .split-image,
.split-highlight .split-copy{
  position:relative !important;
  will-change:transform;
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
  animation-direction:alternate;
}

.split-highlight .split-image{
  animation:bloco5FloatImage 6.2s ease-in-out infinite;
}

.split-highlight .split-copy{
  animation:bloco5FloatCopy 7.1s ease-in-out infinite;
}

@keyframes bloco5FloatImage{
  0%{
    transform:translate3d(0px, 0px, 0) rotate(0deg);
  }
  20%{
    transform:translate3d(6px, -8px, 0) rotate(.25deg);
  }
  40%{
    transform:translate3d(12px, -16px, 0) rotate(.4deg);
  }
  60%{
    transform:translate3d(6px, -10px, 0) rotate(.2deg);
  }
  80%{
    transform:translate3d(-2px, -4px, 0) rotate(.08deg);
  }
  100%{
    transform:translate3d(0px, 0px, 0) rotate(0deg);
  }
}

@keyframes bloco5FloatCopy{
  0%{
    transform:translate3d(0px, 0px, 0) rotate(0deg);
  }
  20%{
    transform:translate3d(-4px, -6px, 0) rotate(-.18deg);
  }
  40%{
    transform:translate3d(-10px, -14px, 0) rotate(-.3deg);
  }
  60%{
    transform:translate3d(-5px, -9px, 0) rotate(-.16deg);
  }
  80%{
    transform:translate3d(2px, -3px, 0) rotate(-.05deg);
  }
  100%{
    transform:translate3d(0px, 0px, 0) rotate(0deg);
  }
}

.split-highlight .split-image:hover,
.split-highlight .split-copy:hover{
  animation-play-state:paused !important;
  transform:translate3d(0,-18px,0) scale(1.018) !important;
  box-shadow:
    0 42px 90px rgba(57,34,19,.22),
    0 16px 34px rgba(191,145,95,.16),
    inset 0 1px 0 rgba(255,255,255,.75) !important;
  border-color:rgba(191,145,95,.38) !important;
}

.split-highlight .split-image:active,
.split-highlight .split-copy:active{
  animation-play-state:paused !important;
  transform:translate3d(0,-8px,0) scale(1.008) !important;
}

@media (max-width: 980px){
  .split-highlight .split-image,
  .split-highlight .split-copy{
    animation:none !important;
    transform:none !important;
  }

  .split-highlight .split-image:hover,
  .split-highlight .split-copy:hover,
  .split-highlight .split-image:active,
  .split-highlight .split-copy:active{
    transform:none !important;
  }
}

/* ===== BLOCO 5 | FLUTUAÇÃO CONTÍNUA REAL DOS 2 CARDS ===== */
.split-highlight .split-image{
  animation: floatImageReal 5.2s ease-in-out infinite !important;
}

.split-highlight .split-copy{
  animation: floatCopyReal 6.1s ease-in-out infinite !important;
}

@keyframes floatImageReal{
  0%   { transform: translate(0px, 0px); }
  20%  { transform: translate(4px, -10px); }
  40%  { transform: translate(8px, -18px); }
  60%  { transform: translate(4px, -10px); }
  80%  { transform: translate(-2px, -4px); }
  100% { transform: translate(0px, 0px); }
}

@keyframes floatCopyReal{
  0%   { transform: translate(0px, 0px); }
  20%  { transform: translate(-3px, -8px); }
  40%  { transform: translate(-8px, -16px); }
  60%  { transform: translate(-4px, -9px); }
  80%  { transform: translate(2px, -3px); }
  100% { transform: translate(0px, 0px); }
}

/* hover continua existindo, mas por cima da flutuação */
.split-highlight .split-image:hover{
  animation-play-state: paused !important;
  transform: translateY(-22px) scale(1.02) !important;
}

.split-highlight .split-copy:hover{
  animation-play-state: paused !important;
  transform: translateY(-22px) scale(1.02) !important;
}

@media (max-width: 980px){
  .split-highlight .split-image,
  .split-highlight .split-copy{
    animation: none !important;
    transform: none !important;
  }
}

/* ===== BLOCO 5 | FLUTUAÇÃO REAL PELO BLOCO ===== */
.split-highlight .split-image,
.split-highlight .split-copy{
  position:relative !important;
}

.split-highlight .split-image{
  animation: bloco5DriftImage 6.5s ease-in-out infinite !important;
}

.split-highlight .split-copy{
  animation: bloco5DriftCopy 7.2s ease-in-out infinite !important;
}

@keyframes bloco5DriftImage{
  0%{
    top:0px;
    left:0px;
  }
  20%{
    top:-8px;
    left:5px;
  }
  40%{
    top:-16px;
    left:10px;
  }
  60%{
    top:-10px;
    left:6px;
  }
  80%{
    top:-4px;
    left:2px;
  }
  100%{
    top:0px;
    left:0px;
  }
}

@keyframes bloco5DriftCopy{
  0%{
    top:0px;
    left:0px;
  }
  20%{
    top:-6px;
    left:-4px;
  }
  40%{
    top:-14px;
    left:-9px;
  }
  60%{
    top:-9px;
    left:-5px;
  }
  80%{
    top:-3px;
    left:-1px;
  }
  100%{
    top:0px;
    left:0px;
  }
}

@media (max-width: 980px){
  .split-highlight .split-image,
  .split-highlight .split-copy{
    animation:none !important;
    top:0 !important;
    left:0 !important;
  }
}

/* ===== BLOCO 5 | FLUTUAÇÃO MAIS FORTE ===== */
.split-highlight .split-image{
  animation: bloco5DriftImageStrong 4.8s ease-in-out infinite !important;
}

.split-highlight .split-copy{
  animation: bloco5DriftCopyStrong 5.4s ease-in-out infinite !important;
}

@keyframes bloco5DriftImageStrong{
  0%{
    top:0px;
    left:0px;
  }
  20%{
    top:-14px;
    left:8px;
  }
  40%{
    top:-28px;
    left:16px;
  }
  60%{
    top:-18px;
    left:10px;
  }
  80%{
    top:-8px;
    left:3px;
  }
  100%{
    top:0px;
    left:0px;
  }
}

@keyframes bloco5DriftCopyStrong{
  0%{
    top:0px;
    left:0px;
  }
  20%{
    top:-12px;
    left:-6px;
  }
  40%{
    top:-24px;
    left:-14px;
  }
  60%{
    top:-16px;
    left:-8px;
  }
  80%{
    top:-6px;
    left:-2px;
  }
  100%{
    top:0px;
    left:0px;
  }
}

/* ===== BLOCO 5 | FLUTUAÇÃO CINEMATOGRÁFICA ===== */
.split-highlight .split-image{
  animation: bloco5CineFloatImage 7.4s cubic-bezier(.42,0,.18,1) infinite !important;
}

.split-highlight .split-copy{
  animation: bloco5CineFloatCopy 8.2s cubic-bezier(.42,0,.18,1) infinite !important;
}

@keyframes bloco5CineFloatImage{
  0%{
    top:0px;
    left:0px;
  }
  12%{
    top:-10px;
    left:6px;
  }
  28%{
    top:-24px;
    left:14px;
  }
  44%{
    top:-36px;
    left:20px;
  }
  60%{
    top:-22px;
    left:11px;
  }
  76%{
    top:-12px;
    left:4px;
  }
  88%{
    top:-4px;
    left:1px;
  }
  100%{
    top:0px;
    left:0px;
  }
}

@keyframes bloco5CineFloatCopy{
  0%{
    top:0px;
    left:0px;
  }
  14%{
    top:-8px;
    left:-5px;
  }
  30%{
    top:-20px;
    left:-12px;
  }
  46%{
    top:-32px;
    left:-18px;
  }
  62%{
    top:-19px;
    left:-10px;
  }
  78%{
    top:-9px;
    left:-3px;
  }
  90%{
    top:-3px;
    left:-1px;
  }
  100%{
    top:0px;
    left:0px;
  }
}

/* ===== ÚLTIMO CARD | CTA FINAL 3D LUXUOSO ===== */
.cta-section{
  perspective: 1800px !important;
}

.cta-section .cta-box{
  position: relative !important;
  overflow: hidden !important;
  transform-style: preserve-3d !important;
  backface-visibility: hidden !important;
  transition:
    transform .75s cubic-bezier(.22,.61,.36,1),
    background .45s ease,
    box-shadow .45s ease,
    border-color .45s ease !important;
  border: 1px solid rgba(214,170,120,.18) !important;
  box-shadow:
    0 28px 60px rgba(35, 20, 12, .26),
    inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.cta-section .cta-box::before{
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0) 36%);
  pointer-events: none;
  z-index: 1;
}

.cta-section .cta-box::after{
  content: "";
  position: absolute;
  top: -30%;
  left: -18%;
  width: 34%;
  height: 180%;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.20),
    rgba(255,255,255,0)
  );
  transform: rotate(16deg) translateX(-240%);
  transition: transform .95s ease;
  pointer-events: none;
  z-index: 2;
}

.cta-section .cta-box > *{
  position: relative;
  z-index: 3;
}

.cta-section .cta-box:hover{
  transform: rotateX(10deg) rotateY(-10deg) translateY(-12px) scale(1.015) !important;
  background:
    linear-gradient(135deg, #3b2418 0%, #5a3926 45%, #7a5234 100%) !important;
  box-shadow:
    0 42px 90px rgba(35,20,12,.30),
    0 14px 34px rgba(214,170,120,.16),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
  border-color: rgba(214,170,120,.32) !important;
}

.cta-section .cta-box:hover::after{
  transform: rotate(16deg) translateX(520%);
}

.cta-section .cta-box:active{
  transform: rotateX(6deg) rotateY(-6deg) translateY(-4px) scale(1.006) !important;
}

@media (max-width: 980px){
  .cta-section .cta-box:hover,
  .cta-section .cta-box:active{
    transform: none !important;
  }
}

/* ===== ÚLTIMO CARD | MAIS BRILHO, LUZES E BOTÕES 3D ===== */
.cta-section .cta-box{
  background:
    radial-gradient(circle at 18% 22%, rgba(255,215,170,.12), transparent 22%),
    radial-gradient(circle at 82% 26%, rgba(255,196,120,.10), transparent 24%),
    linear-gradient(135deg, #23140e 0%, #3a2418 32%, #5a3926 68%, #7c5436 100%) !important;
}

.cta-section .cta-box::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 34%),
    radial-gradient(circle at 22% 18%, rgba(255,220,180,.08), transparent 26%),
    radial-gradient(circle at 76% 30%, rgba(255,205,140,.06), transparent 24%) !important;
}

.cta-section .cta-box::after{
  width:42% !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,240,220,.24),
    rgba(255,255,255,0)
  ) !important;
  animation: ctaLuxurySweep 5.2s ease-in-out infinite;
}

.cta-section .cta-box{
  box-shadow:
    0 30px 70px rgba(35,20,12,.28),
    0 0 40px rgba(214,170,120,.10),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 0 30px rgba(255,210,160,.04) !important;
}

.cta-section .cta-box:hover{
  box-shadow:
    0 46px 100px rgba(35,20,12,.34),
    0 0 54px rgba(214,170,120,.16),
    inset 0 1px 0 rgba(255,255,255,.18),
    inset 0 0 42px rgba(255,220,180,.08) !important;
}

.cta-section .cta-box .btn{
  position:relative !important;
  overflow:hidden !important;
  border:none !important;
  transform-style:preserve-3d !important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    background .28s ease,
    color .28s ease !important;
  box-shadow:
    0 14px 26px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -8px 14px rgba(0,0,0,.10) !important;
}

.cta-section .cta-box .btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.24), rgba(255,255,255,0) 42%);
  pointer-events:none;
}

.cta-section .cta-box .btn::after{
  content:"";
  position:absolute;
  top:-35%;
  left:-20%;
  width:42%;
  height:180%;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.22),
    rgba(255,255,255,0)
  );
  transform:rotate(18deg) translateX(-240%);
  transition:transform .7s ease;
  pointer-events:none;
}

.cta-section .cta-box .btn:hover{
  transform:translateY(-6px) scale(1.03) !important;
  box-shadow:
    0 22px 34px rgba(0,0,0,.24),
    0 0 18px rgba(255,214,170,.14),
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -10px 16px rgba(0,0,0,.12) !important;
}

.cta-section .cta-box .btn:hover::after{
  transform:rotate(18deg) translateX(520%);
}

.cta-section .cta-box .btn:active{
  transform:translateY(-1px) scale(.99) !important;
}

.cta-section .cta-box .btn-dark{
  background:linear-gradient(180deg, #1d110c 0%, #2c1a12 58%, #120a07 100%) !important;
  color:#fff !important;
}

.cta-section .cta-box .btn-outline{
  background:linear-gradient(180deg, #fff9f2 0%, #f2e4d3 100%) !important;
  color:#2f1c13 !important;
  border:none !important;
}

@keyframes ctaLuxurySweep{
  0%{
    transform:rotate(16deg) translateX(-240%);
  }
  50%{
    transform:rotate(16deg) translateX(520%);
  }
  100%{
    transform:rotate(16deg) translateX(520%);
  }
}

/* ===== ÚLTIMO CARD | LUZES MAIS RÁPIDAS ===== */
.cta-section .cta-box::after{
  animation: ctaLuxurySweepFast 2.1s linear infinite !important;
}

@keyframes ctaLuxurySweepFast{
  0%{
    transform:rotate(16deg) translateX(-240%);
  }
  100%{
    transform:rotate(16deg) translateX(520%);
  }
}

/* ===== ÚLTIMO CARD | DUAS LUZES CRUZANDO ===== */
.cta-section .cta-box{
  position:relative !important;
}

.cta-section .cta-box::before{
  content:"" !important;
  position:absolute !important;
  top:-38% !important;
  left:-22% !important;
  width:36% !important;
  height:190% !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,244,228,.22),
    rgba(255,255,255,0)
  ) !important;
  transform:rotate(18deg) translateX(-260%) !important;
  animation: ctaLuxurySweepA 2.2s linear infinite !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.cta-section .cta-box::after{
  content:"" !important;
  position:absolute !important;
  top:-34% !important;
  left:-18% !important;
  width:44% !important;
  height:190% !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,214,170,.18),
    rgba(255,255,255,0)
  ) !important;
  transform:rotate(-14deg) translateX(-260%) !important;
  animation: ctaLuxurySweepB 2.8s linear infinite !important;
  pointer-events:none !important;
  z-index:2 !important;
}

@keyframes ctaLuxurySweepA{
  0%{
    transform:rotate(18deg) translateX(-260%);
  }
  100%{
    transform:rotate(18deg) translateX(560%);
  }
}

@keyframes ctaLuxurySweepB{
  0%{
    transform:rotate(-14deg) translateX(-260%);
  }
  100%{
    transform:rotate(-14deg) translateX(560%);
  }
}

/* ===== ÚLTIMO CARD | 2 LUZES CRUZANDO NO CARD PRINCIPAL ===== */
.cta-section .cta-box{
  position:relative !important;
  overflow:hidden !important;
}

.cta-section .cta-box::before{
  content:"" !important;
  position:absolute !important;
  top:-42% !important;
  left:-24% !important;
  width:34% !important;
  height:200% !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,245,230,.18),
    rgba(255,255,255,0)
  ) !important;
  transform:rotate(18deg) translateX(-260%) !important;
  animation: ctaCardSweepA 2.2s linear infinite !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.cta-section .cta-box::after{
  content:"" !important;
  position:absolute !important;
  top:-38% !important;
  left:-20% !important;
  width:42% !important;
  height:200% !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,210,160,.16),
    rgba(255,255,255,0)
  ) !important;
  transform:rotate(-14deg) translateX(-260%) !important;
  animation: ctaCardSweepB 2.8s linear infinite !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.cta-section .cta-box > *{
  position:relative !important;
  z-index:3 !important;
}

@keyframes ctaCardSweepA{
  0%{
    transform:rotate(18deg) translateX(-260%);
  }
  100%{
    transform:rotate(18deg) translateX(560%);
  }
}

@keyframes ctaCardSweepB{
  0%{
    transform:rotate(-14deg) translateX(-260%);
  }
  100%{
    transform:rotate(-14deg) translateX(560%);
  }
}

/* ===== ÚLTIMO CARD | LUZES BRANCAS VISÍVEIS NO CARD PRINCIPAL ===== */
.cta-section .cta-box{
  position:relative !important;
  overflow:hidden !important;
}

.cta-section .cta-box::before{
  content:"" !important;
  position:absolute !important;
  top:-55% !important;
  left:-30% !important;
  width:22% !important;
  height:230% !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.34) 45%,
    rgba(255,255,255,.75) 50%,
    rgba(255,255,255,.34) 55%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(8px) !important;
  opacity:.95 !important;
  transform:rotate(18deg) translateX(-320%) !important;
  animation: ctaMainLightA 1.8s linear infinite !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.cta-section .cta-box::after{
  content:"" !important;
  position:absolute !important;
  top:-48% !important;
  left:-24% !important;
  width:28% !important;
  height:220% !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,248,240,.20) 42%,
    rgba(255,255,255,.55) 50%,
    rgba(255,248,240,.20) 58%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(10px) !important;
  opacity:.85 !important;
  transform:rotate(-14deg) translateX(-320%) !important;
  animation: ctaMainLightB 2.4s linear infinite !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.cta-section .cta-box > *{
  position:relative !important;
  z-index:3 !important;
}

@keyframes ctaMainLightA{
  0%{
    transform:rotate(18deg) translateX(-320%);
  }
  100%{
    transform:rotate(18deg) translateX(720%);
  }
}

@keyframes ctaMainLightB{
  0%{
    transform:rotate(-14deg) translateX(-320%);
  }
  100%{
    transform:rotate(-14deg) translateX(720%);
  }
}

/* ===== ÚLTIMO CARD | LUZES BRANCAS FORTES E VISÍVEIS ===== */
.cta-section .cta-box{
  position:relative !important;
  overflow:hidden !important;
}

.cta-section .cta-box::before{
  content:"" !important;
  position:absolute !important;
  inset:-35% auto -35% -18% !important;
  width:180px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.18) 20%,
    rgba(255,255,255,.55) 48%,
    rgba(255,255,255,.95) 50%,
    rgba(255,255,255,.55) 52%,
    rgba(255,255,255,.18) 80%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(10px) !important;
  opacity:1 !important;
  transform:rotate(18deg) translateX(-260%) !important;
  animation:ctaMainBeamA 2.2s linear infinite !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.cta-section .cta-box::after{
  content:"" !important;
  position:absolute !important;
  inset:-35% auto -35% -18% !important;
  width:130px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.10) 18%,
    rgba(255,255,255,.38) 48%,
    rgba(255,255,255,.82) 50%,
    rgba(255,255,255,.38) 52%,
    rgba(255,255,255,.10) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(12px) !important;
  opacity:.95 !important;
  transform:rotate(-14deg) translateX(-320%) !important;
  animation:ctaMainBeamB 2.8s linear infinite !important;
  pointer-events:none !important;
  z-index:2 !important;
}

.cta-section .cta-box > *{
  position:relative !important;
  z-index:3 !important;
}

@keyframes ctaMainBeamA{
  0%{
    transform:rotate(18deg) translateX(-260%);
  }
  100%{
    transform:rotate(18deg) translateX(900%);
  }
}

@keyframes ctaMainBeamB{
  0%{
    transform:rotate(-14deg) translateX(-320%);
  }
  100%{
    transform:rotate(-14deg) translateX(980%);
  }
}

/* ===== ÚLTIMO CARD | LUZES REAIS VISÍVEIS NO CARD PRINCIPAL ===== */
.cta-section .cta-box{
  position:relative !important;
  overflow:hidden !important;
}

.cta-section .cta-box .cta-light{
  position:absolute !important;
  top:-45% !important;
  width:180px !important;
  height:220% !important;
  pointer-events:none !important;
  z-index:2 !important;
  opacity:1 !important;
  mix-blend-mode:screen;
  filter:blur(8px) !important;
}

.cta-section .cta-box .cta-light-a{
  left:-220px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.18) 20%,
    rgba(255,255,255,.70) 48%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,.70) 52%,
    rgba(255,255,255,.18) 80%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform:rotate(18deg);
  animation:ctaLightMoveA 2s linear infinite !important;
}

.cta-section .cta-box .cta-light-b{
  left:-260px !important;
  width:140px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,248,240,.12) 22%,
    rgba(255,255,255,.48) 48%,
    rgba(255,255,255,.85) 50%,
    rgba(255,255,255,.48) 52%,
    rgba(255,248,240,.12) 78%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform:rotate(-14deg);
  animation:ctaLightMoveB 2.6s linear infinite !important;
}

.cta-section .cta-box > *:not(.cta-light){
  position:relative !important;
  z-index:3 !important;
}

@keyframes ctaLightMoveA{
  0%{ left:-220px; }
  100%{ left:135%; }
}

@keyframes ctaLightMoveB{
  0%{ left:-260px; }
  100%{ left:140%; }
}

/* ===== SEPARADORES LUXUOSOS ENTRE BLOCOS ===== */
.section{
  position:relative !important;
  overflow:visible !important;
}

.section + .section::before{
  content:"" !important;
  position:absolute !important;
  top:-2px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(340px, 42vw) !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(191,145,95,0) 0%,
    rgba(191,145,95,.22) 18%,
    rgba(255,240,220,.95) 50%,
    rgba(191,145,95,.22) 82%,
    rgba(191,145,95,0) 100%
  ) !important;
  box-shadow:
    0 0 12px rgba(191,145,95,.18),
    0 0 24px rgba(255,232,205,.12) !important;
  z-index:5 !important;
}

.section + .section::after{
  content:"" !important;
  position:absolute !important;
  top:-5px !important;
  left:50% !important;
  width:90px !important;
  height:8px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,248,238,.18) 15%,
    rgba(255,255,255,.96) 50%,
    rgba(255,248,238,.18) 85%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(3px) !important;
  transform:translateX(-170px) !important;
  animation:sectionDividerFlow 3.4s ease-in-out infinite !important;
  z-index:6 !important;
  pointer-events:none !important;
}

@keyframes sectionDividerFlow{
  0%{
    transform:translateX(-170px);
    opacity:.35;
  }
  12%{
    opacity:.95;
  }
  50%{
    transform:translateX(80px);
    opacity:1;
  }
  88%{
    opacity:.95;
  }
  100%{
    transform:translateX(-170px);
    opacity:.35;
  }
}

@media (max-width: 768px){
  .section + .section::before{
    width:min(220px, 58vw) !important;
  }

  .section + .section::after{
    width:64px !important;
    transform:translateX(-110px) !important;
  }

  @keyframes sectionDividerFlow{
    0%{
      transform:translateX(-110px);
      opacity:.35;
    }
    12%{
      opacity:.95;
    }
    50%{
      transform:translateX(42px);
      opacity:1;
    }
    88%{
      opacity:.95;
    }
    100%{
      transform:translateX(-110px);
      opacity:.35;
    }
  }
}

/* ===== SEPARADORES GLOBAIS | MAIS FORTES, LUZES E MOVIMENTO ===== */
.section{
  position:relative !important;
  overflow:visible !important;
}

.section + .section{
  margin-top:34px !important;
}

.section + .section::before{
  content:"" !important;
  position:absolute !important;
  top:-18px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(620px, 72vw) !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(191,145,95,0) 0%,
    rgba(191,145,95,.22) 10%,
    rgba(255,240,220,.85) 28%,
    rgba(255,255,255,1) 50%,
    rgba(255,240,220,.85) 72%,
    rgba(191,145,95,.22) 90%,
    rgba(191,145,95,0) 100%
  ) !important;
  box-shadow:
    0 0 14px rgba(255,232,205,.22),
    0 0 30px rgba(191,145,95,.16),
    0 0 54px rgba(255,255,255,.08) !important;
  z-index:8 !important;
  pointer-events:none !important;
}

.section + .section::after{
  content:"" !important;
  position:absolute !important;
  top:-24px !important;
  left:50% !important;
  width:170px !important;
  height:14px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,250,242,.18) 18%,
    rgba(255,255,255,.98) 50%,
    rgba(255,250,242,.18) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(5px) !important;
  transform:translateX(-300px) !important;
  animation:sectionDividerFlowStrong 2.2s linear infinite !important;
  z-index:9 !important;
  pointer-events:none !important;
}

.section + .section .section-divider-light-extra{
  display:none !important;
}

@keyframes sectionDividerFlowStrong{
  0%{
    transform:translateX(-300px);
    opacity:.25;
  }
  8%{
    opacity:1;
  }
  50%{
    transform:translateX(110px);
    opacity:1;
  }
  100%{
    transform:translateX(-300px);
    opacity:.25;
  }
}

/* segunda luz cruzando */
.section + .section{
  isolation:isolate !important;
}

.section + .section > .container::before{
  content:"" !important;
  position:absolute !important;
  top:-24px !important;
  left:50% !important;
  width:120px !important;
  height:12px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,236,210,.14) 18%,
    rgba(255,255,255,.92) 50%,
    rgba(255,236,210,.14) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(6px) !important;
  transform:translateX(220px) !important;
  animation:sectionDividerFlowStrongB 2.8s linear infinite !important;
  z-index:9 !important;
  pointer-events:none !important;
}

@keyframes sectionDividerFlowStrongB{
  0%{
    transform:translateX(220px);
    opacity:.18;
  }
  10%{
    opacity:.9;
  }
  50%{
    transform:translateX(-220px);
    opacity:1;
  }
  100%{
    transform:translateX(220px);
    opacity:.18;
  }
}

@media (max-width: 768px){
  .section + .section{
    margin-top:26px !important;
  }

  .section + .section::before{
    width:min(320px, 76vw) !important;
    height:3px !important;
    top:-14px !important;
  }

  .section + .section::after{
    width:110px !important;
    height:10px !important;
    top:-19px !important;
    transform:translateX(-160px) !important;
  }

  .section + .section > .container::before{
    width:82px !important;
    height:9px !important;
    top:-19px !important;
    transform:translateX(120px) !important;
  }

  @keyframes sectionDividerFlowStrong{
    0%{
      transform:translateX(-160px);
      opacity:.25;
    }
    8%{
      opacity:1;
    }
    50%{
      transform:translateX(48px);
      opacity:1;
    }
    100%{
      transform:translateX(-160px);
      opacity:.25;
    }
  }

  @keyframes sectionDividerFlowStrongB{
    0%{
      transform:translateX(120px);
      opacity:.18;
    }
    10%{
      opacity:.9;
    }
    50%{
      transform:translateX(-120px);
      opacity:1;
    }
    100%{
      transform:translateX(120px);
      opacity:.18;
    }
  }
}

/* ===== IGUALAR OS 2 PRIMEIROS SEPARADORES AO NOVO PADRÃO ===== */
.section-divider{
  position:relative !important;
  height:42px !important;
  margin:20px 0 14px !important;
  overflow:visible !important;
  background:transparent !important;
}

.section-divider::before{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%, -50%) !important;
  width:min(620px, 72vw) !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(191,145,95,0) 0%,
    rgba(191,145,95,.22) 10%,
    rgba(255,240,220,.85) 28%,
    rgba(255,255,255,1) 50%,
    rgba(255,240,220,.85) 72%,
    rgba(191,145,95,.22) 90%,
    rgba(191,145,95,0) 100%
  ) !important;
  box-shadow:
    0 0 14px rgba(255,232,205,.22),
    0 0 30px rgba(191,145,95,.16),
    0 0 54px rgba(255,255,255,.08) !important;
  z-index:8 !important;
  pointer-events:none !important;
}

.section-divider::after{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:170px !important;
  height:14px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,250,242,.18) 18%,
    rgba(255,255,255,.98) 50%,
    rgba(255,250,242,.18) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(5px) !important;
  transform:translateX(-300px) translateY(-50%) !important;
  animation:sectionDividerFlowStrong 2.2s linear infinite !important;
  z-index:9 !important;
  pointer-events:none !important;
}

.section-divider .divider-light-a,
.section-divider .divider-light-b{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  border-radius:999px !important;
  pointer-events:none !important;
  z-index:9 !important;
}

.section-divider .divider-light-a{
  width:120px !important;
  height:12px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,236,210,.14) 18%,
    rgba(255,255,255,.92) 50%,
    rgba(255,236,210,.14) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(6px) !important;
  transform:translateX(220px) translateY(-50%) !important;
  animation:sectionDividerFlowStrongB 2.8s linear infinite !important;
}

.section-divider .divider-light-b{
  display:none !important;
}

@media (max-width: 768px){
  .section-divider{
    height:34px !important;
    margin:16px 0 10px !important;
  }

  .section-divider::before{
    width:min(320px, 76vw) !important;
    height:3px !important;
  }

  .section-divider::after{
    width:110px !important;
    height:10px !important;
    transform:translateX(-160px) translateY(-50%) !important;
  }

  .section-divider .divider-light-a{
    width:82px !important;
    height:9px !important;
    transform:translateX(120px) translateY(-50%) !important;
  }
}

/* ===== SEPARADOR ÚNICO E IGUAL PARA TODOS OS BLOCOS ===== */
.section{
  position:relative !important;
  overflow:visible !important;
}

.section + .section{
  position:relative !important;
  margin-top:36px !important;
}

/* desliga variações antigas que estavam conflitando */
.section-divider .divider-light-a,
.section-divider .divider-light-b,
.section-divider-light-extra,
.section + .section > .container::before{
  display:none !important;
  content:none !important;
}

/* separadores antigos (os 2 primeiros) */
.section-divider{
  position:relative !important;
  height:44px !important;
  margin:18px 0 18px !important;
  overflow:visible !important;
  background:transparent !important;
}

/* linha base - separadores antigos */
.section-divider::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:min(680px, 76vw) !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(191,145,95,0) 0%,
    rgba(201,158,104,.18) 10%,
    rgba(246,226,198,.70) 24%,
    rgba(255,255,255,.98) 50%,
    rgba(246,226,198,.70) 76%,
    rgba(201,158,104,.18) 90%,
    rgba(191,145,95,0) 100%
  ) !important;
  box-shadow:
    0 0 16px rgba(255,236,214,.20),
    0 0 36px rgba(214,170,120,.14),
    0 0 62px rgba(255,255,255,.08) !important;
  z-index:8 !important;
  pointer-events:none !important;
}

/* luz correndo - separadores antigos */
.section-divider::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:200px !important;
  height:16px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,246,235,.14) 18%,
    rgba(255,255,255,1) 50%,
    rgba(255,246,235,.14) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(5px) !important;
  transform:translate(-340px, -50%) !important;
  animation:dividerSweepLegacy 2.15s linear infinite !important;
  z-index:9 !important;
  pointer-events:none !important;
}

/* linha base - todos os demais blocos */
.section + .section::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:-18px !important;
  transform:translateX(-50%) !important;
  width:min(680px, 76vw) !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(191,145,95,0) 0%,
    rgba(201,158,104,.18) 10%,
    rgba(246,226,198,.70) 24%,
    rgba(255,255,255,.98) 50%,
    rgba(246,226,198,.70) 76%,
    rgba(201,158,104,.18) 90%,
    rgba(191,145,95,0) 100%
  ) !important;
  box-shadow:
    0 0 16px rgba(255,236,214,.20),
    0 0 36px rgba(214,170,120,.14),
    0 0 62px rgba(255,255,255,.08) !important;
  z-index:8 !important;
  pointer-events:none !important;
}

/* luz correndo - todos os demais blocos */
.section + .section::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:-24px !important;
  width:200px !important;
  height:16px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,246,235,.14) 18%,
    rgba(255,255,255,1) 50%,
    rgba(255,246,235,.14) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(5px) !important;
  transform:translateX(-340px) !important;
  animation:dividerSweepSection 2.15s linear infinite !important;
  z-index:9 !important;
  pointer-events:none !important;
}

@keyframes dividerSweepLegacy{
  0%{
    transform:translate(-340px, -50%);
    opacity:.28;
  }
  12%{
    opacity:1;
  }
  52%{
    transform:translate(140px, -50%);
    opacity:1;
  }
  100%{
    transform:translate(-340px, -50%);
    opacity:.28;
  }
}

@keyframes dividerSweepSection{
  0%{
    transform:translateX(-340px);
    opacity:.28;
  }
  12%{
    opacity:1;
  }
  52%{
    transform:translateX(140px);
    opacity:1;
  }
  100%{
    transform:translateX(-340px);
    opacity:.28;
  }
}

@media (max-width: 768px){
  .section + .section{
    margin-top:28px !important;
  }

  .section-divider{
    height:34px !important;
    margin:14px 0 14px !important;
  }

  .section-divider::before,
  .section + .section::before{
    width:min(340px, 80vw) !important;
    height:3px !important;
  }

  .section-divider::after{
    width:120px !important;
    height:10px !important;
    transform:translate(-180px, -50%) !important;
    animation:dividerSweepLegacyMobile 2.1s linear infinite !important;
  }

  .section + .section::after{
    width:120px !important;
    height:10px !important;
    top:-21px !important;
    transform:translateX(-180px) !important;
    animation:dividerSweepSectionMobile 2.1s linear infinite !important;
  }

  @keyframes dividerSweepLegacyMobile{
    0%{
      transform:translate(-180px, -50%);
      opacity:.28;
    }
    12%{
      opacity:1;
    }
    52%{
      transform:translate(58px, -50%);
      opacity:1;
    }
    100%{
      transform:translate(-180px, -50%);
      opacity:.28;
    }
  }

  @keyframes dividerSweepSectionMobile{
    0%{
      transform:translateX(-180px);
      opacity:.28;
    }
    12%{
      opacity:1;
    }
    52%{
      transform:translateX(58px);
      opacity:1;
    }
    100%{
      transform:translateX(-180px);
      opacity:.28;
    }
  }
}

/* ===== FORÇAR PRIMEIRO E SEGUNDO SEPARADORES A FICAREM IGUAIS ===== */
.section-divider{
  position:relative !important;
  height:44px !important;
  margin:18px 0 18px !important;
  overflow:visible !important;
  background:transparent !important;
}

.section-divider::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:min(680px, 76vw) !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(191,145,95,0) 0%,
    rgba(201,158,104,.18) 10%,
    rgba(246,226,198,.70) 24%,
    rgba(255,255,255,.98) 50%,
    rgba(246,226,198,.70) 76%,
    rgba(201,158,104,.18) 90%,
    rgba(191,145,95,0) 100%
  ) !important;
  box-shadow:
    0 0 16px rgba(255,236,214,.20),
    0 0 36px rgba(214,170,120,.14),
    0 0 62px rgba(255,255,255,.08) !important;
  z-index:20 !important;
  pointer-events:none !important;
}

.section-divider::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:200px !important;
  height:16px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,246,235,.14) 18%,
    rgba(255,255,255,1) 50%,
    rgba(255,246,235,.14) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(5px) !important;
  transform:translate(-340px, -50%) !important;
  animation:dividerSweepLegacyForce 2.15s linear infinite !important;
  z-index:21 !important;
  pointer-events:none !important;
}

.section-divider .divider-light-a,
.section-divider .divider-light-b{
  display:none !important;
}

@keyframes dividerSweepLegacyForce{
  0%{
    transform:translate(-340px, -50%);
    opacity:.28;
  }
  12%{
    opacity:1;
  }
  52%{
    transform:translate(140px, -50%);
    opacity:1;
  }
  100%{
    transform:translate(-340px, -50%);
    opacity:.28;
  }
}

/* ===== SEPARADOR ÚNICO REAL PARA TODOS OS BLOCOS ===== */
.section + .section::before,
.section + .section::after,
.section + .section > .container::before{
  content:none !important;
  display:none !important;
}

.section-divider,
.section-divider-unified{
  position:relative !important;
  height:52px !important;
  margin:20px 0 20px !important;
  overflow:visible !important;
  background:transparent !important;
}

.section-divider::before,
.section-divider-unified::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:min(760px, 78vw) !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(191,145,95,0) 0%,
    rgba(214,170,120,.18) 12%,
    rgba(246,226,198,.68) 26%,
    rgba(255,255,255,.98) 50%,
    rgba(246,226,198,.68) 74%,
    rgba(214,170,120,.18) 88%,
    rgba(191,145,95,0) 100%
  ) !important;
  box-shadow:
    0 0 16px rgba(255,236,214,.18),
    0 0 34px rgba(214,170,120,.12),
    0 0 54px rgba(255,255,255,.07) !important;
  z-index:20 !important;
  pointer-events:none !important;
}

.section-divider::after,
.section-divider-unified::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:210px !important;
  height:16px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,248,240,.10) 18%,
    rgba(255,255,255,1) 50%,
    rgba(255,248,240,.10) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(5px) !important;
  transform:translate(-360px, -50%) !important;
  animation:dividerSweepUnified 2.2s linear infinite !important;
  z-index:21 !important;
  pointer-events:none !important;
}

.section-divider .divider-light-a,
.section-divider .divider-light-b,
.section-divider-unified .divider-light-a,
.section-divider-unified .divider-light-b{
  display:none !important;
}

@keyframes dividerSweepUnified{
  0%{
    transform:translate(-360px, -50%);
    opacity:.28;
  }
  12%{
    opacity:1;
  }
  52%{
    transform:translate(150px, -50%);
    opacity:1;
  }
  100%{
    transform:translate(-360px, -50%);
    opacity:.28;
  }
}

@media (max-width: 768px){
  .section-divider,
  .section-divider-unified{
    height:36px !important;
    margin:14px 0 14px !important;
  }

  .section-divider::before,
  .section-divider-unified::before{
    width:min(340px, 82vw) !important;
    height:3px !important;
  }

  .section-divider::after,
  .section-divider-unified::after{
    width:120px !important;
    height:10px !important;
    transform:translate(-180px, -50%) !important;
    animation:dividerSweepUnifiedMobile 2.2s linear infinite !important;
  }

  @keyframes dividerSweepUnifiedMobile{
    0%{
      transform:translate(-180px, -50%);
      opacity:.28;
    }
    12%{
      opacity:1;
    }
    52%{
      transform:translate(60px, -50%);
      opacity:1;
    }
    100%{
      transform:translate(-180px, -50%);
      opacity:.28;
    }
  }
}

/* ===== SEPARADOR GLOBAL FORTE PARA TODA A HOME ===== */
.section-divider,
.section-divider-unified{
  position:relative !important;
  height:64px !important;
  margin:24px 0 24px !important;
  overflow:visible !important;
  background:transparent !important;
}

.section-divider::before,
.section-divider-unified::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:min(980px, 86vw) !important;
  height:6px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(191,145,95,0) 0%,
    rgba(214,170,120,.28) 8%,
    rgba(255,226,190,.80) 22%,
    rgba(255,255,255,1) 50%,
    rgba(255,226,190,.80) 78%,
    rgba(214,170,120,.28) 92%,
    rgba(191,145,95,0) 100%
  ) !important;
  box-shadow:
    0 0 22px rgba(255,240,220,.32),
    0 0 48px rgba(214,170,120,.24),
    0 0 80px rgba(255,255,255,.12) !important;
  z-index:30 !important;
  pointer-events:none !important;
}

.section-divider::after,
.section-divider-unified::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:280px !important;
  height:24px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,250,245,.18) 14%,
    rgba(255,255,255,.85) 32%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,.85) 68%,
    rgba(255,250,245,.18) 86%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(7px) !important;
  transform:translate(-520px, -50%) !important;
  animation:dividerMainLight 1.6s linear infinite !important;
  z-index:31 !important;
  pointer-events:none !important;
}

/* segunda luz cruzando */
.section-divider{
  isolation:isolate !important;
}

.section-divider .divider-light-a,
.section-divider-unified .divider-light-a{
  display:block !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:180px !important;
  height:18px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,244,230,.16) 16%,
    rgba(255,255,255,.70) 50%,
    rgba(255,244,230,.16) 84%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(8px) !important;
  transform:translate(360px, -50%) !important;
  animation:dividerSecondLight 2.1s linear infinite !important;
  z-index:31 !important;
  pointer-events:none !important;
}

.section-divider .divider-light-b,
.section-divider-unified .divider-light-b{
  display:none !important;
}

@keyframes dividerMainLight{
  0%{
    transform:translate(-520px, -50%);
    opacity:.35;
  }
  10%{
    opacity:1;
  }
  50%{
    transform:translate(240px, -50%);
    opacity:1;
  }
  100%{
    transform:translate(-520px, -50%);
    opacity:.35;
  }
}

@keyframes dividerSecondLight{
  0%{
    transform:translate(360px, -50%);
    opacity:.22;
  }
  12%{
    opacity:.9;
  }
  50%{
    transform:translate(-360px, -50%);
    opacity:1;
  }
  100%{
    transform:translate(360px, -50%);
    opacity:.22;
  }
}

@media (max-width: 768px){
  .section-divider,
  .section-divider-unified{
    height:44px !important;
    margin:18px 0 18px !important;
  }

  .section-divider::before,
  .section-divider-unified::before{
    width:min(420px, 88vw) !important;
    height:4px !important;
  }

  .section-divider::after,
  .section-divider-unified::after{
    width:150px !important;
    height:14px !important;
    transform:translate(-230px, -50%) !important;
    animation:dividerMainLightMobile 1.6s linear infinite !important;
  }

  .section-divider .divider-light-a,
  .section-divider-unified .divider-light-a{
    width:100px !important;
    height:12px !important;
    transform:translate(150px, -50%) !important;
    animation:dividerSecondLightMobile 2.1s linear infinite !important;
  }

  @keyframes dividerMainLightMobile{
    0%{
      transform:translate(-230px, -50%);
      opacity:.35;
    }
    10%{
      opacity:1;
    }
    50%{
      transform:translate(95px, -50%);
      opacity:1;
    }
    100%{
      transform:translate(-230px, -50%);
      opacity:.35;
    }
  }

  @keyframes dividerSecondLightMobile{
    0%{
      transform:translate(150px, -50%);
      opacity:.22;
    }
    12%{
      opacity:.9;
    }
    50%{
      transform:translate(-150px, -50%);
      opacity:1;
    }
    100%{
      transform:translate(150px, -50%);
      opacity:.22;
    }
  }
}

/* ===== SEPARADOR PREMIUM FIXO E ELEGANTE | HOME INTEIRA ===== */
.section-divider,
.section-divider-unified{
  position:relative !important;
  height:56px !important;
  margin:20px 0 20px !important;
  overflow:visible !important;
  background:transparent !important;
}

.section-divider::before,
.section-divider-unified::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:min(760px, 78vw) !important;
  height:2px !important;
  border-radius:999px !important;
  background:linear-gradient(
    90deg,
    rgba(191,145,95,0) 0%,
    rgba(214,170,120,.14) 16%,
    rgba(241,224,201,.58) 34%,
    rgba(255,255,255,.96) 50%,
    rgba(241,224,201,.58) 66%,
    rgba(214,170,120,.14) 84%,
    rgba(191,145,95,0) 100%
  ) !important;
  box-shadow:
    0 0 10px rgba(255,239,220,.14),
    0 0 26px rgba(214,170,120,.08) !important;
  z-index:20 !important;
  pointer-events:none !important;
}

.section-divider::after,
.section-divider-unified::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;
  width:180px !important;
  height:16px !important;
  border-radius:999px !important;
  background:radial-gradient(
    circle,
    rgba(255,255,255,.34) 0%,
    rgba(255,244,230,.18) 38%,
    rgba(255,244,230,0) 72%
  ) !important;
  filter:blur(6px) !important;
  z-index:21 !important;
  pointer-events:none !important;
}

.section-divider .divider-light-a,
.section-divider .divider-light-b,
.section-divider-unified .divider-light-a,
.section-divider-unified .divider-light-b{
  display:none !important;
}

@media (max-width: 768px){
  .section-divider,
  .section-divider-unified{
    height:40px !important;
    margin:14px 0 14px !important;
  }

  .section-divider::before,
  .section-divider-unified::before{
    width:min(340px, 82vw) !important;
  }

  .section-divider::after,
  .section-divider-unified::after{
    width:110px !important;
    height:12px !important;
  }
}

/* ===== SEPARADOR GLOBAL | LINHA DUPLA CURTA + MONOGRAMA SR ===== */
.section-divider,
.section-divider-unified{
  position:relative !important;
  height:72px !important;
  margin:22px 0 22px !important;
  overflow:visible !important;
  background:transparent !important;
}

.section-divider::before,
.section-divider-unified::before{
  content:"" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%, -50%) !important;
  width:420px !important;
  height:18px !important;
  background:
    linear-gradient(
      90deg,
      rgba(191,145,95,0) 0%,
      rgba(214,170,120,.22) 10%,
      rgba(241,224,201,.72) 24%,
      rgba(255,255,255,.96) 34%,
      rgba(255,255,255,0) 39%,
      rgba(255,255,255,0) 61%,
      rgba(255,255,255,.96) 66%,
      rgba(241,224,201,.72) 76%,
      rgba(214,170,120,.22) 90%,
      rgba(191,145,95,0) 100%
    ) center/100% 2px no-repeat !important;
  filter:drop-shadow(0 0 8px rgba(255,239,220,.16)) !important;
  z-index:20 !important;
  pointer-events:none !important;
}

.section-divider::after,
.section-divider-unified::after{
  content:"SR" !important;
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%, -50%) !important;
  width:58px !important;
  height:58px !important;
  border-radius:999px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.22em !important;
  text-indent:.22em !important;
  color:#9c6e43 !important;
  background:
    radial-gradient(circle at 30% 28%, rgba(255,255,255,.95), rgba(255,255,255,.55) 22%, rgba(255,255,255,0) 56%),
    linear-gradient(180deg, rgba(255,250,245,.96), rgba(244,231,216,.92)) !important;
  border:1px solid rgba(191,145,95,.22) !important;
  box-shadow:
    0 10px 22px rgba(86,56,32,.10),
    0 0 22px rgba(255,234,208,.12),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
  z-index:21 !important;
  pointer-events:none !important;
}

.section-divider .divider-light-a,
.section-divider .divider-light-b,
.section-divider-unified .divider-light-a,
.section-divider-unified .divider-light-b{
  display:none !important;
}

@media (max-width: 768px){
  .section-divider,
  .section-divider-unified{
    height:56px !important;
    margin:16px 0 16px !important;
  }

  .section-divider::before,
  .section-divider-unified::before{
    width:260px !important;
  }

  .section-divider::after,
  .section-divider-unified::after{
    width:46px !important;
    height:46px !important;
    font-size:11px !important;
    letter-spacing:.18em !important;
    text-indent:.18em !important;
  }
}

/* ===== AJUSTE DO MONOGRAMA SR NO SEPARADOR ===== */
.section-divider::after,
.section-divider-unified::after{
  content:"SR" !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:72px !important;
  height:72px !important;
  font-size:22px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-indent:.08em !important;
  color:#8f623a !important;
  text-shadow:none !important;
  filter:none !important;
  background:
    linear-gradient(180deg, rgba(255,252,248,.98), rgba(244,231,216,.96)) !important;
  border:1px solid rgba(191,145,95,.26) !important;
  box-shadow:
    0 10px 24px rgba(86,56,32,.12),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

@media (max-width: 768px){
  .section-divider::after,
  .section-divider-unified::after{
    width:56px !important;
    height:56px !important;
    font-size:16px !important;
  }
}

/* ===== MEGA HAIR | HERO PREMIUM ===== */
.mega-hero{
  padding:120px 0 90px !important;
  position:relative !important;
  overflow:hidden !important;
}

.mega-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 20%, rgba(223,186,145,.10), transparent 22%),
    radial-gradient(circle at 82% 18%, rgba(255,238,214,.14), transparent 24%),
    radial-gradient(circle at 50% 82%, rgba(210,158,108,.06), transparent 28%);
  pointer-events:none;
}

.mega-hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr) !important;
  gap:42px !important;
  align-items:center !important;
  position:relative;
  z-index:1;
}

.mega-hero-copy{
  max-width:620px;
}

.mega-hero-copy h1{
  font-size:clamp(2.5rem, 4.2vw, 4.8rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.03em !important;
  margin:0 0 20px !important;
  color:var(--dark) !important;
  max-width:11ch;
}

.mega-hero-copy p{
  font-size:1.06rem !important;
  line-height:1.9 !important;
  color:#6f584a !important;
  max-width:54ch;
  margin:0 0 24px !important;
}

.mega-hero .hero-actions{
  display:flex !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  margin:0 0 22px !important;
}

.mega-hero-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.mega-hero-points span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  background:linear-gradient(180deg, rgba(255,255,255,.68), rgba(244,232,219,.72));
  border:1px solid rgba(191,145,95,.18);
  box-shadow:
    0 10px 22px rgba(86,56,32,.08),
    inset 0 1px 0 rgba(255,255,255,.72);
  color:#8a6341;
  font-weight:700;
  font-size:.9rem;
}

.mega-hero-visual{
  position:relative;
  min-height:760px;
  perspective:1800px;
}

.mega-hero-photo{
  position:absolute;
  overflow:hidden;
  border-radius:34px;
  border:1px solid rgba(191,145,95,.20);
  background:linear-gradient(180deg, rgba(255,255,255,.30), rgba(255,255,255,.10));
  box-shadow:
    0 28px 70px rgba(57,34,19,.15),
    0 10px 28px rgba(120,82,49,.08),
    inset 0 1px 0 rgba(255,255,255,.60);
  transform-style:preserve-3d;
  transition:
    transform .45s ease,
    box-shadow .45s ease,
    border-color .45s ease;
}

.mega-hero-photo::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 36%);
  pointer-events:none;
  z-index:2;
}

.mega-hero-photo img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .55s ease;
}

.mega-photo-main{
  left:0;
  top:24px;
  width:70%;
  height:680px;
  z-index:2;
}

.mega-photo-main img{
  object-position:center 34%;
}

.mega-photo-top{
  right:0;
  top:0;
  width:38%;
  height:260px;
  z-index:3;
  animation:megaFloatA 5.2s ease-in-out infinite;
}

.mega-photo-top img{
  object-position:center 30%;
}

.mega-photo-bottom{
  right:20px;
  bottom:20px;
  width:42%;
  height:300px;
  z-index:3;
  animation:megaFloatB 6.2s ease-in-out infinite;
}

.mega-photo-bottom img{
  object-position:center 28%;
}

.mega-hero-photo:hover{
  transform:translateY(-10px) rotateX(3deg) rotateY(-3deg) scale(1.012);
  border-color:rgba(191,145,95,.32);
  box-shadow:
    0 38px 84px rgba(57,34,19,.18),
    0 12px 30px rgba(191,145,95,.10),
    inset 0 1px 0 rgba(255,255,255,.64);
}

.mega-hero-photo:hover img{
  transform:scale(1.05);
}

@keyframes megaFloatA{
  0%{ transform:translateY(0px); }
  50%{ transform:translateY(-14px); }
  100%{ transform:translateY(0px); }
}

@keyframes megaFloatB{
  0%{ transform:translateY(0px); }
  50%{ transform:translateY(-18px); }
  100%{ transform:translateY(0px); }
}

.mega-intro .split-grid,
.mega-care .split-grid{
  align-items:center !important;
  gap:34px !important;
}

.mega-techniques .section-heading,
.mega-results .section-heading{
  max-width:860px;
  margin:0 auto 34px !important;
  text-align:center;
}

@media (max-width: 1080px){
  .mega-hero-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .mega-hero-copy{
    max-width:100%;
  }

  .mega-hero-copy h1{
    max-width:none;
  }

  .mega-hero-visual{
    min-height:680px;
  }

  .mega-photo-main{
    width:68%;
    height:580px;
  }

  .mega-photo-top{
    width:36%;
    height:220px;
  }

  .mega-photo-bottom{
    width:40%;
    height:250px;
  }
}

@media (max-width: 720px){
  .mega-hero{
    padding:110px 0 70px !important;
  }

  .mega-hero-visual{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
  }

  .mega-hero-photo{
    position:relative;
    inset:auto;
    width:100% !important;
    height:240px !important;
    right:auto;
    left:auto;
    top:auto;
    bottom:auto;
    animation:none !important;
  }

  .mega-photo-main{
    grid-column:span 2;
    height:420px !important;
  }
}

/* ===== MEGA HAIR | HERO EM VÍDEO PREMIUM ===== */
.mega-hero-video{
  position:relative !important;
  min-height:100svh !important;
  padding:0 !important;
  overflow:hidden !important;
  display:flex !important;
  align-items:center !important;
}

.mega-hero-video .hero-media{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
}

.mega-hero-video .hero-bg-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.04) contrast(1.02) brightness(.78) !important;
}

.mega-hero-video::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg, rgba(17,10,7,.68) 0%, rgba(17,10,7,.44) 36%, rgba(17,10,7,.18) 68%, rgba(17,10,7,.08) 100%),
    linear-gradient(180deg, rgba(17,10,7,.28) 0%, rgba(17,10,7,.10) 30%, rgba(17,10,7,.42) 100%),
    radial-gradient(circle at 18% 24%, rgba(222,186,146,.10), transparent 22%);
  pointer-events:none;
}

.mega-hero-video::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 22%);
  pointer-events:none;
}

.mega-hero-video .hero-grid{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 680px) !important;
  align-items:center !important;
  min-height:100svh !important;
  padding-top:110px !important;
  padding-bottom:70px !important;
}

.mega-hero-video .hero-copy{
  max-width:680px !important;
  padding:34px 34px 30px !important;
  border-radius:34px !important;
  background:linear-gradient(180deg, rgba(18,10,7,.30), rgba(18,10,7,.18)) !important;
  border:1px solid rgba(255,240,220,.10) !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter:blur(5px);
}

.mega-hero-video .eyebrow{
  color:#f0d7bb !important;
  letter-spacing:.22em !important;
  margin-bottom:18px !important;
}

.mega-hero-video h1{
  margin:0 0 18px !important;
  max-width:11ch !important;
  font-size:clamp(2.8rem, 5.1vw, 5.6rem) !important;
  line-height:.96 !important;
  letter-spacing:-.04em !important;
  color:#fffaf6 !important;
  text-shadow:0 8px 30px rgba(0,0,0,.18);
}

.mega-hero-video p{
  margin:0 0 24px !important;
  max-width:58ch !important;
  font-size:1.05rem !important;
  line-height:1.85 !important;
  color:rgba(255,246,238,.88) !important;
}

.mega-hero-video .hero-actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin:0 0 22px !important;
}

.mega-hero-video .hero-actions .btn{
  min-height:54px !important;
  padding:14px 22px !important;
}

.mega-hero-video .btn-gold{
  box-shadow:
    0 16px 30px rgba(184,127,70,.26),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

.mega-hero-video .btn-outline-light{
  background:rgba(255,255,255,.14) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
  backdrop-filter:blur(4px);
}

.mega-hero-video .btn-outline-light:hover{
  background:rgba(255,255,255,.20) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.30) !important;
}

.mega-hero-video .mega-hero-points{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

.mega-hero-video .mega-hero-points span{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:11px 16px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  color:#f3e2cf !important;
  font-size:.9rem !important;
  font-weight:700 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 10px 24px rgba(0,0,0,.10) !important;
  backdrop-filter:blur(4px);
}

/* bloco seguinte mais bonito */
.mega-intro .split-grid,
.mega-care .split-grid{
  gap:34px !important;
  align-items:center !important;
}

.mega-techniques .section-heading,
.mega-results .section-heading{
  max-width:860px !important;
  margin:0 auto 34px !important;
  text-align:center !important;
}

.mega-techniques .services-sub-grid{
  margin-top:10px !important;
}

@media (max-width: 980px){
  .mega-hero-video{
    min-height:88svh !important;
  }

  .mega-hero-video .hero-grid{
    min-height:88svh !important;
    padding-top:108px !important;
    padding-bottom:52px !important;
  }

  .mega-hero-video .hero-copy{
    max-width:100% !important;
    padding:28px 24px 24px !important;
    border-radius:28px !important;
  }

  .mega-hero-video h1{
    max-width:12ch !important;
  }
}

@media (max-width: 720px){
  .mega-hero-video{
    min-height:82svh !important;
  }

  .mega-hero-video .hero-grid{
    min-height:82svh !important;
    padding-top:100px !important;
    padding-bottom:40px !important;
  }

  .mega-hero-video .hero-copy{
    padding:22px 18px 18px !important;
    border-radius:24px !important;
  }

  .mega-hero-video h1{
    max-width:none !important;
    font-size:clamp(2.1rem, 9vw, 3.2rem) !important;
  }

  .mega-hero-video p{
    font-size:.98rem !important;
    line-height:1.75 !important;
  }

  .mega-hero-video .hero-actions{
    gap:10px !important;
  }

  .mega-hero-video .hero-actions .btn{
    width:100% !important;
    justify-content:center !important;
  }
}

/* ===== MEGA HAIR | AJUSTE FINO DO PRIMEIRO BLOCO ===== */
.mega-hero-video .hero-grid{
  grid-template-columns:minmax(0, 560px) !important;
  justify-content:start !important;
  padding-left:24px !important;
}

.mega-hero-video .hero-copy{
  max-width:560px !important;
  padding:26px 26px 22px !important;
  border-radius:28px !important;
}

.mega-hero-video h1{
  font-size:clamp(2.2rem, 4.2vw, 4.4rem) !important;
  max-width:10ch !important;
}

.mega-hero-video p{
  max-width:48ch !important;
  font-size:1rem !important;
  line-height:1.75 !important;
}

.mega-hero-video .hero-bg-video{
  object-fit:contain !important;
  object-position:center center !important;
  background:#111 !important;
  filter:saturate(1.04) contrast(1.02) brightness(.78) !important;
}

@media (max-width: 980px){
  .mega-hero-video .hero-grid{
    grid-template-columns:minmax(0, 520px) !important;
    padding-left:18px !important;
  }

  .mega-hero-video .hero-copy{
    max-width:520px !important;
  }
}

@media (max-width: 720px){
  .mega-hero-video .hero-grid{
    grid-template-columns:1fr !important;
    padding-left:0 !important;
  }

  .mega-hero-video .hero-copy{
    max-width:100% !important;
    padding:20px 18px 18px !important;
    border-radius:24px !important;
  }

  .mega-hero-video h1{
    font-size:clamp(2rem, 8vw, 3.1rem) !important;
    max-width:none !important;
  }
}

/* ===== MEGA HAIR | AJUSTE SÓ DO VÍDEO DO HERO ===== */
.mega-hero-video .hero-media{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#120c09 !important;
  overflow:hidden !important;
}

.mega-hero-video .hero-bg-video{
  position:relative !important;
  inset:auto !important;
  width:70% !important;
  height:70% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.04) contrast(1.02) brightness(.78) !important;
  background:#120c09 !important;
}

@media (max-width: 980px){
  .mega-hero-video .hero-bg-video{
    width:82% !important;
    height:82% !important;
  }
}

@media (max-width: 720px){
  .mega-hero-video .hero-bg-video{
    width:100% !important;
    height:100% !important;
  }
}

/* ===== MEGA HAIR | VÍDEO VOLTANDO PARA O BLOCO INTEIRO ===== */
.mega-hero-video .hero-media{
  position:absolute !important;
  inset:0 !important;
  display:block !important;
  background:#120c09 !important;
  overflow:hidden !important;
}

.mega-hero-video .hero-bg-video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  background:#120c09 !important;
  filter:saturate(1.04) contrast(1.02) brightness(.78) !important;
}

@media (max-width: 980px){
  .mega-hero-video .hero-bg-video{
    width:100% !important;
    height:100% !important;
  }
}

@media (max-width: 720px){
  .mega-hero-video .hero-bg-video{
    width:100% !important;
    height:100% !important;
  }
}

/* ===== MEGA HAIR | DIMINUIR O ZOOM VISUAL DO VÍDEO ===== */
.mega-hero-video .hero-bg-video{
  object-fit:contain !important;
  object-position:center center !important;
  width:100% !important;
  height:100% !important;
  background:#120c09 !important;
}

.mega-hero-video .hero-media{
  background:#120c09 !important;
}

/* ===== MEGA HAIR | BLOCO INTEIRO COM MENOS ZOOM ===== */
.mega-hero-video .hero-bg-video{
  object-fit:cover !important;
  object-position:center center !important;
  width:100% !important;
  height:100% !important;
  transform:scale(.88) !important;
  transform-origin:center center !important;
  background:#120c09 !important;
}

.mega-hero-video .hero-media{
  background:#120c09 !important;
  overflow:hidden !important;
}

/* ===== MEGA HAIR | HERO VÍDEO 100% DO BLOCO, COM MENOS CORTE ===== */
.mega-hero-video .hero-media{
  position:absolute !important;
  inset:0 !important;
  overflow:hidden !important;
  background:#120c09 !important;
}

.mega-hero-video .hero-bg-video{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  width:112% !important;
  height:112% !important;
  min-width:112% !important;
  min-height:112% !important;
  transform:translate(-50%, -50%) !important;
  object-fit:cover !important;
  object-position:center 38% !important;
  background:#120c09 !important;
  filter:saturate(1.04) contrast(1.02) brightness(.78) !important;
}

@media (max-width: 980px){
  .mega-hero-video .hero-bg-video{
    width:118% !important;
    height:118% !important;
    min-width:118% !important;
    min-height:118% !important;
    object-position:center 36% !important;
  }
}

@media (max-width: 720px){
  .mega-hero-video .hero-bg-video{
    width:124% !important;
    height:124% !important;
    min-width:124% !important;
    min-height:124% !important;
    object-position:center 34% !important;
  }
}

/* ===== MEGA HAIR | HERO SPLIT PREMIUM ===== */
.mega-split-hero{
  position:relative !important;
  min-height:100svh !important;
  display:flex !important;
  align-items:center !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:#120c09 !important;
}

.mega-split-hero__media{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  overflow:hidden !important;
}

.mega-split-hero__video{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  filter:saturate(1.04) contrast(1.02) brightness(.42) blur(2px) !important;
  transform:scale(1.04) !important;
}

.mega-split-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg, rgba(18,10,7,.76) 0%, rgba(18,10,7,.52) 28%, rgba(18,10,7,.22) 58%, rgba(18,10,7,.46) 100%),
    radial-gradient(circle at 18% 20%, rgba(223,186,145,.10), transparent 22%),
    radial-gradient(circle at 80% 18%, rgba(255,238,214,.06), transparent 20%);
  pointer-events:none;
}

.mega-split-hero__container{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 560px) minmax(320px, 420px) !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:48px !important;
  width:100% !important;
  min-height:100svh !important;
  padding-top:110px !important;
  padding-bottom:70px !important;
}

.mega-split-hero__card{
  max-width:560px !important;
  padding:30px 30px 26px !important;
  border-radius:34px !important;
  background:linear-gradient(180deg, rgba(22,12,8,.44), rgba(22,12,8,.24)) !important;
  border:1px solid rgba(255,240,220,.12) !important;
  box-shadow:
    0 26px 64px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter:blur(6px);
}

.mega-split-hero__eyebrow{
  display:inline-block !important;
  margin:0 0 18px !important;
  font-size:.82rem !important;
  font-weight:800 !important;
  text-transform:uppercase !important;
  letter-spacing:.22em !important;
  color:#f0d7bb !important;
}

.mega-split-hero__card h1{
  margin:0 0 18px !important;
  max-width:10ch !important;
  font-size:clamp(2.5rem, 4.4vw, 5rem) !important;
  line-height:.96 !important;
  letter-spacing:-.04em !important;
  color:#fffaf6 !important;
  text-shadow:0 10px 30px rgba(0,0,0,.18);
}

.mega-split-hero__card p{
  margin:0 0 24px !important;
  max-width:50ch !important;
  font-size:1rem !important;
  line-height:1.82 !important;
  color:rgba(255,246,238,.88) !important;
}

.mega-split-hero__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
}

.mega-split-hero__actions .btn{
  min-height:54px !important;
  padding:14px 22px !important;
}

.mega-split-hero__actions .btn-outline-light{
  background:rgba(255,255,255,.12) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 12px 26px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
  backdrop-filter:blur(4px);
}

.mega-split-hero__actions .btn-outline-light:hover{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
  border-color:rgba(255,255,255,.30) !important;
}

.mega-split-hero__frame{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.mega-split-hero__frame-shell{
  position:relative !important;
  width:min(100%, 390px) !important;
  aspect-ratio:9 / 16 !important;
  border-radius:38px !important;
  padding:12px !important;
  background:
    linear-gradient(180deg, rgba(255,252,248,.96), rgba(239,224,206,.92)) !important;
  border:1px solid rgba(191,145,95,.24) !important;
  box-shadow:
    0 28px 70px rgba(24,14,10,.26),
    0 0 40px rgba(255,236,214,.10),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
  overflow:hidden !important;
}

.mega-split-hero__frame-shell::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.20), rgba(255,255,255,0) 26%);
  pointer-events:none;
  z-index:2;
}

.mega-split-hero__frame-shell::after{
  content:"";
  position:absolute;
  top:-26%;
  left:-18%;
  width:38%;
  height:180%;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.22),
    rgba(255,255,255,0)
  );
  transform:rotate(16deg) translateX(-240%);
  transition:transform .9s ease;
  pointer-events:none;
  z-index:3;
}

.mega-split-hero__frame-shell:hover::after{
  transform:rotate(16deg) translateX(520%);
}

.mega-split-hero__frame-video{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:28px !important;
  background:#120c09 !important;
}

.mega-split-hero__frame{
  animation:megaHeroFrameFloat 6.2s ease-in-out infinite;
}

@keyframes megaHeroFrameFloat{
  0%{ transform:translateY(0px); }
  50%{ transform:translateY(-14px); }
  100%{ transform:translateY(0px); }
}

@media (max-width: 1080px){
  .mega-split-hero__container{
    grid-template-columns:minmax(0, 1fr) minmax(280px, 360px) !important;
    gap:30px !important;
  }

  .mega-split-hero__card{
    max-width:100% !important;
  }

  .mega-split-hero__card h1{
    max-width:11ch !important;
    font-size:clamp(2.2rem, 4.6vw, 4rem) !important;
  }
}

@media (max-width: 820px){
  .mega-split-hero{
    min-height:auto !important;
  }

  .mega-split-hero__container{
    grid-template-columns:1fr !important;
    justify-content:center !important;
    min-height:auto !important;
    padding-top:100px !important;
    padding-bottom:54px !important;
    gap:22px !important;
  }

  .mega-split-hero__card{
    order:1 !important;
    max-width:100% !important;
    padding:24px 20px 20px !important;
    border-radius:28px !important;
  }

  .mega-split-hero__card h1{
    max-width:none !important;
    font-size:clamp(2rem, 7.8vw, 3.4rem) !important;
  }

  .mega-split-hero__frame{
    order:2 !important;
    max-width:380px !important;
    margin:0 auto !important;
    animation:none !important;
  }
}

@media (max-width: 640px){
  .mega-split-hero__container{
    padding-top:92px !important;
    padding-bottom:42px !important;
  }

  .mega-split-hero__card{
    padding:20px 16px 16px !important;
    border-radius:24px !important;
  }

  .mega-split-hero__card p{
    font-size:.96rem !important;
    line-height:1.72 !important;
  }

  .mega-split-hero__actions{
    gap:10px !important;
  }

  .mega-split-hero__actions .btn{
    width:100% !important;
    justify-content:center !important;
  }

  .mega-split-hero__frame-shell{
    border-radius:30px !important;
    padding:10px !important;
  }

  .mega-split-hero__frame-video{
    border-radius:22px !important;
  }
}

/* ===== MEGA HAIR | HERO 50/50 REAL ===== */
.mega-split-hero__container{
  grid-template-columns:minmax(0, 1fr) minmax(0, 1fr) !important;
  gap:26px !important;
  align-items:stretch !important;
}

.mega-split-hero__card{
  max-width:none !important;
  width:100% !important;
  min-height:640px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:42px 40px 38px !important;
  border-radius:36px !important;
}

.mega-split-hero__card h1{
  max-width:9ch !important;
  font-size:clamp(2.6rem, 4.8vw, 5.3rem) !important;
}

.mega-split-hero__card p{
  max-width:46ch !important;
  font-size:1.02rem !important;
}

.mega-split-hero__frame{
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.mega-split-hero__frame-shell{
  width:min(100%, 520px) !important;
  height:640px !important;
  aspect-ratio:auto !important;
  margin-left:auto !important;
  margin-right:auto !important;
  border-radius:40px !important;
  padding:14px !important;
}

.mega-split-hero__frame-video{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:30px !important;
}

@media (max-width: 1080px){
  .mega-split-hero__container{
    grid-template-columns:1fr 1fr !important;
    gap:20px !important;
  }

  .mega-split-hero__card{
    min-height:580px !important;
    padding:34px 30px !important;
  }

  .mega-split-hero__frame-shell{
    width:min(100%, 460px) !important;
    height:580px !important;
  }
}

@media (max-width: 820px){
  .mega-split-hero__container{
    grid-template-columns:1fr !important;
  }

  .mega-split-hero__card{
    min-height:auto !important;
  }

  .mega-split-hero__frame-shell{
    width:min(100%, 420px) !important;
    height:560px !important;
  }
}

/* ===== MEGA HAIR | HERO 50/50 REAL DE VERDADE ===== */
.mega-split-hero{
  min-height:100vh !important;
}

.mega-split-hero__container{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:28px !important;
  align-items:stretch !important;
  min-height:100vh !important;
  padding-top:110px !important;
  padding-bottom:70px !important;
}

.mega-split-hero__card{
  width:100% !important;
  max-width:none !important;
  min-height:680px !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:42px 40px !important;
  border-radius:36px !important;
}

.mega-split-hero__card h1{
  max-width:8.5ch !important;
  font-size:clamp(2.7rem, 4.8vw, 5.4rem) !important;
}

.mega-split-hero__frame{
  width:100% !important;
  min-height:680px !important;
  height:100% !important;
  display:flex !important;
  align-items:stretch !important;
  justify-content:stretch !important;
}

.mega-split-hero__frame-shell{
  width:100% !important;
  max-width:none !important;
  min-height:680px !important;
  height:100% !important;
  margin:0 !important;
  padding:14px !important;
  border-radius:40px !important;
  display:flex !important;
}

.mega-split-hero__frame-video{
  width:100% !important;
  height:100% !important;
  flex:1 1 auto !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:30px !important;
}

@media (max-width: 1100px){
  .mega-split-hero__container{
    grid-template-columns:1fr 1fr !important;
    gap:20px !important;
  }

  .mega-split-hero__card,
  .mega-split-hero__frame,
  .mega-split-hero__frame-shell{
    min-height:620px !important;
  }

  .mega-split-hero__card{
    padding:34px 30px !important;
  }
}

@media (max-width: 820px){
  .mega-split-hero__container{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }

  .mega-split-hero__card,
  .mega-split-hero__frame,
  .mega-split-hero__frame-shell{
    min-height:auto !important;
    height:auto !important;
  }

  .mega-split-hero__frame-shell{
    width:min(100%, 430px) !important;
    margin:0 auto !important;
    aspect-ratio:9 / 16 !important;
  }

  .mega-split-hero__card h1{
    max-width:none !important;
    font-size:clamp(2.1rem, 8vw, 3.5rem) !important;
  }
}

/* ===== MEGA HAIR | REMOVER MOLDURA BRANCA DO VÍDEO ===== */
.mega-split-hero__frame-shell,
.mega-split-hero__frame,
.mega-video-frame,
.mega-video-shell,
.mega-video-wrap{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
}

.mega-split-hero__frame-video,
.mega-video-frame video,
.mega-video-shell video,
.mega-video-wrap video{
  border-radius:28px !important;
  box-shadow:none !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
}

/* ===== MEGA HAIR | CARD ESQUERDO 3D PREMIUM ===== */
.mega-split-hero__card{
  position:relative !important;
  z-index:3 !important;
  overflow:hidden !important;
  border-radius:32px !important;
  padding:42px 34px !important;
  background:
    linear-gradient(180deg, rgba(52,22,8,.72) 0%, rgba(20,8,4,.78) 100%) !important;
  border:1px solid rgba(214,177,129,.22) !important;
  box-shadow:
    0 28px 60px rgba(32,12,4,.34),
    inset 0 1px 0 rgba(255,255,255,.14),
    inset 0 -1px 0 rgba(120,74,35,.18) !important;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  transform-style:preserve-3d;
  animation:megaCardFloat 6s ease-in-out infinite;
}

.mega-split-hero__card::before{
  content:"";
  position:absolute;
  inset:-20% auto -20% -35%;
  width:42%;
  background:linear-gradient(
    115deg,
    transparent 0%,
    rgba(255,255,255,0) 20%,
    rgba(255,255,255,.10) 45%,
    rgba(255,232,205,.24) 50%,
    rgba(255,255,255,.08) 56%,
    transparent 80%
  );
  transform:skewX(-18deg);
  animation:megaCardShine 5.4s linear infinite;
  pointer-events:none;
}

.mega-split-hero__card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 0 0 1px rgba(255,255,255,.03);
}

.mega-split-hero__card h1{
  text-shadow:0 8px 20px rgba(0,0,0,.25);
}

.mega-split-hero__card p{
  color:rgba(255,244,233,.82) !important;
}

/* ===== BOTÕES 3D ===== */
.mega-split-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:24px;
  position:relative;
  z-index:4;
}

.mega-split-hero__actions .btn,
.mega-split-hero__actions a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:0 22px;
  border-radius:999px !important;
  font-weight:700;
  text-decoration:none;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    filter .28s ease;
  transform:translateY(0);
  overflow:hidden;
}

.mega-split-hero__actions .btn.btn-gold,
.mega-split-hero__actions a:first-child{
  color:#fff !important;
  border:1px solid rgba(255,218,182,.32) !important;
  background:
    linear-gradient(180deg, #e1a86b 0%, #c78444 52%, #9c5c27 100%) !important;
  box-shadow:
    0 14px 24px rgba(143,82,31,.34),
    inset 0 2px 0 rgba(255,255,255,.30),
    inset 0 -6px 10px rgba(92,44,10,.22) !important;
}

.mega-split-hero__actions .btn:not(.btn-gold),
.mega-split-hero__actions a:last-child{
  color:#3b2414 !important;
  border:1px solid rgba(255,255,255,.55) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(245,237,229,.96) 100%) !important;
  box-shadow:
    0 14px 22px rgba(0,0,0,.12),
    inset 0 2px 0 rgba(255,255,255,.78),
    inset 0 -6px 10px rgba(195,177,160,.18) !important;
}

.mega-split-hero__actions .btn::before,
.mega-split-hero__actions a::before{
  content:"";
  position:absolute;
  top:0;
  left:-45%;
  width:42%;
  height:100%;
  background:linear-gradient(
    110deg,
    transparent 0%,
    rgba(255,255,255,0) 20%,
    rgba(255,255,255,.42) 50%,
    rgba(255,255,255,0) 80%,
    transparent 100%
  );
  transform:skewX(-22deg);
  animation:megaBtnShine 3.2s linear infinite;
  pointer-events:none;
}

.mega-split-hero__actions .btn:hover,
.mega-split-hero__actions a:hover{
  transform:translateY(-4px) scale(1.02);
  filter:brightness(1.03);
}

@keyframes megaCardFloat{
  0%   { transform:translateY(0px); }
  50%  { transform:translateY(-8px); }
  100% { transform:translateY(0px); }
}

@keyframes megaCardShine{
  0%   { left:-38%; opacity:0; }
  8%   { opacity:.9; }
  50%  { opacity:.55; }
  100% { left:118%; opacity:0; }
}

@keyframes megaBtnShine{
  0%   { left:-45%; opacity:0; }
  12%  { opacity:.95; }
  100% { left:140%; opacity:0; }
}

/* ===== MEGA HAIR | VOLTAR CARD PARA TRANSPARÊNCIA ELEGANTE ===== */
.mega-split-hero__card{
  animation:none !important;
  background:linear-gradient(180deg, rgba(18,10,7,.30), rgba(18,10,7,.18)) !important;
  border:1px solid rgba(255,240,220,.10) !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
}

.mega-split-hero__card::before,
.mega-split-hero__card::after{
  content:none !important;
  display:none !important;
}

.mega-split-hero__card h1{
  text-shadow:0 8px 30px rgba(0,0,0,.18) !important;
}

.mega-split-hero__card p{
  color:rgba(255,246,238,.88) !important;
}

/* ===== MEGA HAIR | CARD 3D PREMIUM ===== */
.mega-split-hero__card{
  position: relative;
  overflow: hidden;
  border-radius: 34px;
  padding: clamp(28px, 3vw, 42px);
  background:
    linear-gradient(135deg, rgba(40, 18, 8, 0.50), rgba(20, 10, 6, 0.22));
  border: 1px solid rgba(255, 232, 210, 0.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow:
    0 30px 70px rgba(0,0,0,.28),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -18px 35px rgba(90, 40, 10, .12);
  transform-style: preserve-3d;
  transform: perspective(1400px) rotateY(-6deg) rotateX(2deg) translateZ(0);
  transition:
    transform .55s ease,
    box-shadow .55s ease,
    border-color .55s ease,
    background .55s ease;
}

.mega-split-hero__card::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    linear-gradient(120deg,
      rgba(255,255,255,0) 10%,
      rgba(255,255,255,.10) 35%,
      rgba(255,255,255,0) 58%);
  opacity: .55;
  pointer-events: none;
  mix-blend-mode: screen;
}

.mega-split-hero__card::after{
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background:
    radial-gradient(circle at top left, rgba(255, 214, 170, .14), transparent 34%),
    radial-gradient(circle at bottom right, rgba(255, 255, 255, .05), transparent 30%);
  pointer-events: none;
}

.mega-split-hero__card:hover{
  transform: perspective(1400px) rotateY(-2deg) rotateX(0deg) translateY(-8px) scale(1.01);
  border-color: rgba(255, 224, 190, 0.28);
  box-shadow:
    0 38px 90px rgba(0,0,0,.34),
    0 0 38px rgba(176, 106, 45, .14),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -20px 40px rgba(110, 52, 18, .16);
}

.mega-split-hero__card > *{
  position: relative;
  z-index: 2;
}

.mega-split-hero__eyebrow,
.mega-split-hero__card .section-tag{
  letter-spacing: .22em;
  text-transform: uppercase;
  color: #ecd2b7;
  text-shadow: 0 2px 18px rgba(0,0,0,.25);
}

.mega-split-hero__card h1{
  text-shadow:
    0 10px 28px rgba(0,0,0,.20),
    0 2px 10px rgba(0,0,0,.10);
}

.mega-split-hero__card p{
  color: rgba(255,245,236,.86);
}

.mega-split-hero__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 22px;
}

.mega-split-hero__actions .btn,
.mega-split-hero__card .btn{
  transform: translateZ(24px);
  box-shadow:
    0 12px 24px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.14);
}


/* ===== AJUSTE SNIPER | CARD MEGA HAIR RETO ===== */
.mega-split-hero__card{
  transform: none !important;
}

.mega-split-hero__card:hover{
  transform: translateY(-8px) scale(1.01) !important;
}


/* ===== MEGA HAIR | BOTÕES 3D PREMIUM ===== */
.mega-split-hero__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin-top:24px !important;
  position:relative !important;
  z-index:4 !important;
}

.mega-split-hero__actions .btn,
.mega-split-hero__actions a{
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:52px !important;
  padding:0 22px !important;
  border-radius:999px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  overflow:hidden !important;
  transform:translateY(0) !important;
  transition:
    transform .26s ease,
    box-shadow .26s ease,
    filter .26s ease,
    border-color .26s ease,
    background .26s ease !important;
}

/* botão dourado */
.mega-split-hero__actions .btn.btn-gold,
.mega-split-hero__actions a:first-child{
  color:#fff !important;
  border:1px solid rgba(255,219,184,.34) !important;
  background:linear-gradient(180deg, #e0a86b 0%, #c78444 55%, #9d5d28 100%) !important;
  box-shadow:
    0 16px 28px rgba(143,82,31,.34),
    inset 0 2px 0 rgba(255,255,255,.30),
    inset 0 -8px 12px rgba(92,44,10,.22) !important;
}

/* botão claro */
.mega-split-hero__actions .btn:not(.btn-gold),
.mega-split-hero__actions a:last-child{
  color:#3b2414 !important;
  border:1px solid rgba(255,255,255,.56) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.96) 0%, rgba(245,237,229,.96) 100%) !important;
  box-shadow:
    0 14px 22px rgba(0,0,0,.12),
    inset 0 2px 0 rgba(255,255,255,.78),
    inset 0 -6px 10px rgba(195,177,160,.18) !important;
}

/* brilho passando */
.mega-split-hero__actions .btn::before,
.mega-split-hero__actions a::before{
  content:"";
  position:absolute;
  top:0;
  left:-45%;
  width:42%;
  height:100%;
  background:linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 20%,
    rgba(255,255,255,.42) 50%,
    rgba(255,255,255,0) 80%,
    rgba(255,255,255,0) 100%
  );
  transform:skewX(-22deg);
  animation:megaHeroBtnShine 3.2s linear infinite;
  pointer-events:none;
}

.mega-split-hero__actions .btn:hover,
.mega-split-hero__actions a:hover{
  transform:translateY(-4px) scale(1.02) !important;
  filter:brightness(1.03) !important;
}

.mega-split-hero__actions .btn:active,
.mega-split-hero__actions a:active{
  transform:translateY(-1px) scale(.995) !important;
}

@keyframes megaHeroBtnShine{
  0%   { left:-45%; opacity:0; }
  12%  { opacity:.95; }
  100% { left:140%; opacity:0; }
}

@media (max-width: 640px){
  .mega-split-hero__actions{
    gap:10px !important;
  }

  .mega-split-hero__actions .btn,
  .mega-split-hero__actions a{
    width:100% !important;
    justify-content:center !important;
  }
}

/* ===== MEGA HAIR | REFINO DO CARD ESQUERDO ===== */
.mega-split-hero__card{
  padding:34px 30px !important;
  max-width:92% !important;
  margin-left:0 !important;
}

.mega-split-hero__eyebrow{
  margin-bottom:16px !important;
  font-size:.78rem !important;
  letter-spacing:.20em !important;
}

.mega-split-hero__card h1{
  max-width:7.8ch !important;
  font-size:clamp(2.15rem, 4vw, 4.35rem) !important;
  line-height:1.02 !important;
  letter-spacing:-.03em !important;
  margin:0 0 18px !important;
}

.mega-split-hero__card p{
  max-width:42ch !important;
  font-size:.98rem !important;
  line-height:1.72 !important;
  margin:0 0 18px !important;
}

.mega-split-hero__actions{
  margin-top:18px !important;
}

@media (max-width: 1100px){
  .mega-split-hero__card{
    max-width:100% !important;
    padding:28px 24px !important;
  }

  .mega-split-hero__card h1{
    max-width:8.4ch !important;
    font-size:clamp(2rem, 4.3vw, 3.7rem) !important;
  }
}

@media (max-width: 820px){
  .mega-split-hero__card{
    padding:24px 20px !important;
  }

  .mega-split-hero__card h1{
    max-width:none !important;
    font-size:clamp(1.9rem, 7vw, 3rem) !important;
  }

  .mega-split-hero__card p{
    max-width:100% !important;
  }
}

/* ===== MEGA HAIR | ENQUADRAR TEXTO DENTRO DO CARD ===== */
.mega-split-hero__card{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  padding:34px 34px 30px !important;
}

.mega-split-hero__card > *{
  width:min(100%, 430px) !important;
}

.mega-split-hero__eyebrow{
  margin:0 0 16px !important;
}

.mega-split-hero__card h1{
  max-width:7.4ch !important;
  font-size:clamp(2.15rem, 4vw, 4.2rem) !important;
  line-height:1.02 !important;
  margin:0 0 18px !important;
}

.mega-split-hero__card p{
  max-width:40ch !important;
  font-size:.98rem !important;
  line-height:1.72 !important;
  margin:0 0 18px !important;
}

.mega-split-hero__actions{
  width:auto !important;
  margin-top:18px !important;
}

@media (max-width: 820px){
  .mega-split-hero__card{
    padding:26px 22px 22px !important;
  }

  .mega-split-hero__card > *{
    width:100% !important;
    max-width:none !important;
  }

  .mega-split-hero__card h1{
    max-width:none !important;
    font-size:clamp(1.95rem, 7vw, 3.2rem) !important;
  }

  .mega-split-hero__card p{
    max-width:100% !important;
  }
}

/* ===== MEGA HAIR | BLOCO 2 BENEFÍCIOS ===== */
.mega-benefits{
  padding: 34px 0 18px !important;
}

.mega-benefits-heading{
  max-width: 860px !important;
  margin: 0 auto 34px !important;
  text-align: center !important;
}

.mega-benefits-heading h2{
  max-width: 780px !important;
  margin: 0 auto 14px !important;
  font-size: clamp(2rem, 3.5vw, 3.5rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
}

.mega-benefits-heading p{
  max-width: 700px !important;
  margin: 0 auto !important;
  font-size: 1.02rem !important;
  line-height: 1.8 !important;
  color: #746154 !important;
}

.mega-benefits-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin-top: 10px !important;
}

.mega-benefit-card{
  position: relative !important;
  overflow: hidden !important;
  min-height: 280px !important;
  padding: 28px 24px 24px !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.82), rgba(247,238,229,.88)) !important;
  border: 1px solid rgba(201,158,104,.16) !important;
  box-shadow:
    0 20px 44px rgba(63,39,22,.08),
    0 6px 18px rgba(201,158,104,.06),
    inset 0 1px 0 rgba(255,255,255,.80) !important;
  transition:
    transform .34s ease,
    box-shadow .34s ease,
    border-color .34s ease !important;
}

.mega-benefit-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,.28), rgba(255,255,255,0) 42%);
  pointer-events:none;
}

.mega-benefit-card:hover{
  transform: translateY(-8px) !important;
  border-color: rgba(201,158,104,.28) !important;
  box-shadow:
    0 26px 56px rgba(63,39,22,.12),
    0 10px 24px rgba(201,158,104,.10),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.mega-benefit-card__number{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:48px !important;
  height:48px !important;
  margin-bottom:18px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #fffaf5 0%, #f1e2d2 100%) !important;
  border: 1px solid rgba(191,145,95,.20) !important;
  color: #a06d3f !important;
  font-size: .9rem !important;
  font-weight: 800 !important;
  letter-spacing: .08em !important;
  box-shadow:
    0 10px 18px rgba(90,56,28,.08),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

.mega-benefit-card h3{
  margin: 0 0 12px !important;
  font-size: 1.34rem !important;
  line-height: 1.15 !important;
  color: #221713 !important;
}

.mega-benefit-card p{
  margin: 0 !important;
  font-size: .98rem !important;
  line-height: 1.78 !important;
  color: #705d51 !important;
}

@media (max-width: 1100px){
  .mega-benefits-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px){
  .mega-benefits{
    padding: 20px 0 8px !important;
  }

  .mega-benefits-heading{
    margin-bottom: 24px !important;
  }

  .mega-benefits-grid{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .mega-benefit-card{
    min-height: auto !important;
    padding: 22px 18px 18px !important;
    border-radius: 22px !important;
  }
}

/* ===== MEGA HAIR | BLOCO 2 AJUSTE DOS CARDS ===== */

/* tirar numeração */
.mega-benefit-card__number{
  display:none !important;
}

/* cards champagne escuro + 3D */
.mega-benefit-card{
  min-height: 290px !important;
  padding: 30px 24px 24px !important;
  border-radius: 28px !important;
  background:
    linear-gradient(180deg, rgba(109,72,43,.96), rgba(72,43,23,.98)) !important;
  border: 1px solid rgba(233,206,176,.14) !important;
  box-shadow:
    0 26px 54px rgba(28,16,8,.24),
    0 10px 24px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -14px 24px rgba(32,17,8,.16) !important;
  transform: translateY(0) !important;
  transition:
    transform .34s ease,
    box-shadow .34s ease,
    border-color .34s ease,
    filter .34s ease !important;
}

.mega-benefit-card::before{
  background:
    linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,0) 42%) !important;
}

.mega-benefit-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:inherit !important;
  pointer-events:none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 0 0 1px rgba(255,255,255,.02) !important;
}

.mega-benefit-card:hover{
  transform: translateY(-10px) scale(1.01) !important;
  border-color: rgba(233,206,176,.24) !important;
  box-shadow:
    0 34px 66px rgba(28,16,8,.30),
    0 14px 28px rgba(0,0,0,.16),
    0 0 26px rgba(201,158,104,.10),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -18px 28px rgba(32,17,8,.22) !important;
  filter: brightness(1.03) !important;
}

.mega-benefit-card h3{
  margin: 8px 0 12px !important;
  color: #fff4e8 !important;
  font-size: 1.34rem !important;
  line-height: 1.15 !important;
}

.mega-benefit-card p{
  color: rgba(255,237,220,.82) !important;
  font-size: .98rem !important;
  line-height: 1.82 !important;
}

/* ===== MEGA HAIR | BLOCO 2 | MENOS ESPAÇO + MAIS LUZES ===== */
.mega-benefits-grid{
  align-items:stretch !important;
}

.mega-benefit-card{
  min-height: 230px !important;
  padding: 26px 24px 20px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

.mega-benefit-card h3{
  margin: 0 0 10px !important;
}

.mega-benefit-card p{
  margin: 0 !important;
  line-height: 1.72 !important;
}

/* luz branca principal mais forte */
.mega-benefit-card::before{
  content:"" !important;
  position:absolute !important;
  top:-18% !important;
  left:-26% !important;
  width:62% !important;
  height:165% !important;
  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.05) 18%,
    rgba(255,255,255,.30) 38%,
    rgba(255,255,255,.85) 50%,
    rgba(255,255,255,.30) 62%,
    rgba(255,255,255,.05) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform: skewX(-20deg) !important;
  opacity: .95 !important;
  filter: blur(2px) !important;
  animation: megaBenefitShineA 3.2s linear infinite !important;
  pointer-events:none !important;
}

/* segunda luz branca cruzando */
.mega-benefit-card::after{
  content:"" !important;
  position:absolute !important;
  top:-10% !important;
  left:-38% !important;
  width:42% !important;
  height:150% !important;
  background: linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.04) 20%,
    rgba(255,255,255,.22) 42%,
    rgba(255,255,255,.70) 50%,
    rgba(255,255,255,.22) 58%,
    rgba(255,255,255,.04) 80%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform: skewX(18deg) !important;
  opacity: .88 !important;
  filter: blur(3px) !important;
  animation: megaBenefitShineB 4.1s linear infinite !important;
  pointer-events:none !important;
}

.mega-benefit-card > *{
  position:relative !important;
  z-index:2 !important;
}

@keyframes megaBenefitShineA{
  0%{
    left:-30%;
    opacity:.15;
  }
  12%{
    opacity:1;
  }
  100%{
    left:108%;
    opacity:.12;
  }
}

@keyframes megaBenefitShineB{
  0%{
    left:92%;
    opacity:.10;
  }
  18%{
    opacity:.82;
  }
  100%{
    left:-48%;
    opacity:.08;
  }
}

@media (max-width: 640px){
  .mega-benefit-card{
    min-height: auto !important;
    padding: 22px 18px 18px !important;
  }
}

/* ===== MEGA HAIR | BLOCO 2 | LUZES EM MOVIMENTO ===== */
.mega-benefit-card{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
}

/* faixa branca principal correndo */
.mega-benefit-card::before{
  content:"" !important;
  position:absolute !important;
  top:-28% !important;
  left:-42% !important;
  width:52% !important;
  height:185% !important;
  background: linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.08) 18%,
    rgba(255,255,255,.35) 35%,
    rgba(255,255,255,.96) 50%,
    rgba(255,255,255,.35) 65%,
    rgba(255,255,255,.08) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform: skewX(-18deg) !important;
  filter: blur(2px) !important;
  opacity: 1 !important;
  animation: megaBenefitSweepA 2.2s linear infinite !important;
  pointer-events:none !important;
  z-index:1 !important;
}

/* segunda faixa cruzando no sentido oposto */
.mega-benefit-card::after{
  content:"" !important;
  position:absolute !important;
  top:-20% !important;
  left:100% !important;
  width:38% !important;
  height:175% !important;
  background: linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.06) 20%,
    rgba(255,255,255,.22) 38%,
    rgba(255,255,255,.82) 50%,
    rgba(255,255,255,.22) 62%,
    rgba(255,255,255,.06) 80%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform: skewX(20deg) !important;
  filter: blur(3px) !important;
  opacity: .95 !important;
  animation: megaBenefitSweepB 2.8s linear infinite !important;
  pointer-events:none !important;
  z-index:1 !important;
}

/* brilho vivo no próprio card */
.mega-benefit-card{
  animation: megaBenefitGlow 2.4s ease-in-out infinite !important;
}

.mega-benefit-card > *{
  position:relative !important;
  z-index:3 !important;
}

@keyframes megaBenefitSweepA{
  0%{
    left:-48%;
    opacity:0;
  }
  10%{
    opacity:1;
  }
  50%{
    opacity:1;
  }
  100%{
    left:115%;
    opacity:0;
  }
}

@keyframes megaBenefitSweepB{
  0%{
    left:105%;
    opacity:0;
  }
  12%{
    opacity:.95;
  }
  50%{
    opacity:.95;
  }
  100%{
    left:-45%;
    opacity:0;
  }
}

@keyframes megaBenefitGlow{
  0%, 100%{
    box-shadow:
      0 22px 40px rgba(98, 53, 20, .28),
      inset 0 1px 0 rgba(255,255,255,.18),
      inset 0 0 0 1px rgba(255,255,255,.08);
  }
  50%{
    box-shadow:
      0 28px 52px rgba(98, 53, 20, .36),
      inset 0 1px 0 rgba(255,255,255,.28),
      inset 0 0 24px rgba(255,255,255,.12),
      0 0 18px rgba(255,255,255,.12);
  }
}

/* ===== MEGA HAIR | BLOCO 2 | LUZES PASSANDO O TEMPO TODO ===== */
.mega-benefit-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* luz principal contínua */
.mega-benefit-card::before{
  content:"" !important;
  position:absolute !important;
  top:-30% !important;
  left:-55% !important;
  width:48% !important;
  height:190% !important;
  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.10) 18%,
    rgba(255,255,255,.38) 34%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,.38) 66%,
    rgba(255,255,255,.10) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform:skewX(-18deg) !important;
  filter:blur(2px) !important;
  opacity:1 !important;
  animation:megaBenefitRunA 2.4s linear infinite !important;
  pointer-events:none !important;
  z-index:1 !important;
}

/* luz secundária contínua */
.mega-benefit-card::after{
  content:"" !important;
  position:absolute !important;
  top:-24% !important;
  left:105% !important;
  width:34% !important;
  height:175% !important;
  background:linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.06) 20%,
    rgba(255,255,255,.22) 38%,
    rgba(255,255,255,.82) 50%,
    rgba(255,255,255,.22) 62%,
    rgba(255,255,255,.06) 80%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform:skewX(20deg) !important;
  filter:blur(3px) !important;
  opacity:.95 !important;
  animation:megaBenefitRunB 3s linear infinite !important;
  pointer-events:none !important;
  z-index:1 !important;
}

.mega-benefit-card > *{
  position:relative !important;
  z-index:3 !important;
}

@keyframes megaBenefitRunA{
  0%{
    left:-55%;
    opacity:.15;
  }
  8%{
    opacity:1;
  }
  100%{
    left:118%;
    opacity:.15;
  }
}

@keyframes megaBenefitRunB{
  0%{
    left:110%;
    opacity:.10;
  }
  10%{
    opacity:.9;
  }
  100%{
    left:-42%;
    opacity:.10;
  }
}

/* ===== MEGA HAIR | BLOCO 2 | LUZES COM MOVIMENTO FORTE ===== */
.mega-benefit-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* card 1 */
.mega-benefit-card:nth-child(1)::before{
  animation: megaLightRunA 1.8s linear infinite !important;
}
.mega-benefit-card:nth-child(1)::after{
  animation: megaLightRunB 2.4s linear infinite !important;
}

/* card 2 */
.mega-benefit-card:nth-child(2)::before{
  animation: megaLightRunA 2.1s linear infinite !important;
}
.mega-benefit-card:nth-child(2)::after{
  animation: megaLightRunB 2.7s linear infinite !important;
}

/* card 3 */
.mega-benefit-card:nth-child(3)::before{
  animation: megaLightRunA 1.6s linear infinite !important;
}
.mega-benefit-card:nth-child(3)::after{
  animation: megaLightRunB 2.2s linear infinite !important;
}

/* card 4 */
.mega-benefit-card:nth-child(4)::before{
  animation: megaLightRunA 2.0s linear infinite !important;
}
.mega-benefit-card:nth-child(4)::after{
  animation: megaLightRunB 2.5s linear infinite !important;
}

/* faixa principal */
.mega-benefit-card::before{
  content:"" !important;
  position:absolute !important;
  top:-32% !important;
  left:-62% !important;
  width:54% !important;
  height:200% !important;
  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.08) 14%,
    rgba(255,255,255,.32) 32%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,.32) 68%,
    rgba(255,255,255,.08) 86%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform:skewX(-20deg) !important;
  filter:blur(2px) !important;
  opacity:1 !important;
  z-index:1 !important;
  pointer-events:none !important;
}

/* faixa secundária */
.mega-benefit-card::after{
  content:"" !important;
  position:absolute !important;
  top:-26% !important;
  left:112% !important;
  width:38% !important;
  height:180% !important;
  background:linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.05) 18%,
    rgba(255,255,255,.20) 36%,
    rgba(255,255,255,.78) 50%,
    rgba(255,255,255,.20) 64%,
    rgba(255,255,255,.05) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform:skewX(18deg) !important;
  filter:blur(3px) !important;
  opacity:.95 !important;
  z-index:1 !important;
  pointer-events:none !important;
}

.mega-benefit-card > *{
  position:relative !important;
  z-index:3 !important;
}

@keyframes megaLightRunA{
  0%{
    left:-62%;
    opacity:.08;
  }
  8%{
    opacity:1;
  }
  100%{
    left:122%;
    opacity:.08;
  }
}

@keyframes megaLightRunB{
  0%{
    left:112%;
    opacity:.06;
  }
  10%{
    opacity:.92;
  }
  100%{
    left:-52%;
    opacity:.06;
  }
}

/* ===== MEGA HAIR | BLOCO 2 | LUZES REALMENTE EM MOVIMENTO ===== */
.mega-benefit-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* remove as camadas antigas para não conflitar */
.mega-benefit-card::before,
.mega-benefit-card::after{
  content:none !important;
  display:none !important;
}

/* cria luzes reais por background animado */
.mega-benefit-card{
  background:
    linear-gradient(115deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 32%,
      rgba(255,255,255,.95) 42%,
      rgba(255,255,255,.28) 48%,
      rgba(255,255,255,0) 56%,
      rgba(255,255,255,0) 100%
    ),
    linear-gradient(125deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 68%,
      rgba(255,255,255,.55) 78%,
      rgba(255,255,255,0) 88%,
      rgba(255,255,255,0) 100%
    ),
    linear-gradient(180deg, rgba(109,72,43,.96), rgba(72,43,23,.98)) !important;

  background-size: 240% 240%, 260% 260%, 100% 100% !important;
  background-position: -180% -140%, 220% 180%, 0 0 !important;

  animation:
    megaCardLightA 2.2s linear infinite,
    megaCardGlow 2.4s ease-in-out infinite !important;
}

.mega-benefit-card:nth-child(2){
  animation:
    megaCardLightB 2.6s linear infinite,
    megaCardGlow 2.2s ease-in-out infinite !important;
}

.mega-benefit-card:nth-child(3){
  animation:
    megaCardLightA 1.9s linear infinite,
    megaCardGlow 2.8s ease-in-out infinite !important;
}

.mega-benefit-card:nth-child(4){
  animation:
    megaCardLightB 2.3s linear infinite,
    megaCardGlow 2.5s ease-in-out infinite !important;
}

.mega-benefit-card > *{
  position:relative !important;
  z-index:2 !important;
}

@keyframes megaCardLightA{
  0%{
    background-position: -180% -140%, 220% 180%, 0 0;
  }
  100%{
    background-position: 180% 140%, -180% -120%, 0 0;
  }
}

@keyframes megaCardLightB{
  0%{
    background-position: 220% 180%, -180% -120%, 0 0;
  }
  100%{
    background-position: -180% -140%, 180% 140%, 0 0;
  }
}

@keyframes megaCardGlow{
  0%,100%{
    box-shadow:
      0 26px 54px rgba(28,16,8,.24),
      0 10px 24px rgba(0,0,0,.12),
      inset 0 1px 0 rgba(255,255,255,.10),
      inset 0 -14px 24px rgba(32,17,8,.16);
  }
  50%{
    box-shadow:
      0 34px 66px rgba(28,16,8,.30),
      0 14px 28px rgba(0,0,0,.16),
      0 0 22px rgba(255,255,255,.12),
      inset 0 1px 0 rgba(255,255,255,.16),
      inset 0 -18px 28px rgba(32,17,8,.22);
  }
}

/* ===== MEGA HAIR | BLOCO 2 | LUZES REAIS NAS SPANS ===== */
.mega-benefit-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.mega-benefit-light{
  position:absolute !important;
  pointer-events:none !important;
  z-index:1 !important;
  display:block !important;
  opacity:1 !important;
}

.mega-benefit-light-a{
  top:-32% !important;
  left:-55% !important;
  width:52% !important;
  height:195% !important;
  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.08) 18%,
    rgba(255,255,255,.34) 34%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,.34) 66%,
    rgba(255,255,255,.08) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform:skewX(-18deg) !important;
  filter:blur(2px) !important;
}

.mega-benefit-light-b{
  top:-24% !important;
  left:108% !important;
  width:34% !important;
  height:180% !important;
  background:linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.05) 18%,
    rgba(255,255,255,.20) 36%,
    rgba(255,255,255,.82) 50%,
    rgba(255,255,255,.20) 64%,
    rgba(255,255,255,.05) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform:skewX(18deg) !important;
  filter:blur(3px) !important;
}

.mega-benefit-card:nth-child(1) .mega-benefit-light-a{
  animation:megaBenefitSpanA 1.8s linear infinite !important;
}
.mega-benefit-card:nth-child(1) .mega-benefit-light-b{
  animation:megaBenefitSpanB 2.4s linear infinite !important;
}

.mega-benefit-card:nth-child(2) .mega-benefit-light-a{
  animation:megaBenefitSpanA 2.1s linear infinite !important;
}
.mega-benefit-card:nth-child(2) .mega-benefit-light-b{
  animation:megaBenefitSpanB 2.8s linear infinite !important;
}

.mega-benefit-card:nth-child(3) .mega-benefit-light-a{
  animation:megaBenefitSpanA 1.6s linear infinite !important;
}
.mega-benefit-card:nth-child(3) .mega-benefit-light-b{
  animation:megaBenefitSpanB 2.2s linear infinite !important;
}

.mega-benefit-card:nth-child(4) .mega-benefit-light-a{
  animation:megaBenefitSpanA 2s linear infinite !important;
}
.mega-benefit-card:nth-child(4) .mega-benefit-light-b{
  animation:megaBenefitSpanB 2.5s linear infinite !important;
}

.mega-benefit-card > *:not(.mega-benefit-light){
  position:relative !important;
  z-index:3 !important;
}

@keyframes megaBenefitSpanA{
  0%{
    left:-55%;
    opacity:.08;
  }
  10%{
    opacity:1;
  }
  100%{
    left:118%;
    opacity:.08;
  }
}

@keyframes megaBenefitSpanB{
  0%{
    left:108%;
    opacity:.06;
  }
  12%{
    opacity:.92;
  }
  100%{
    left:-46%;
    opacity:.06;
  }
}

/* ===== MEGA HAIR | BLOCO 2 | OVERRIDE DEFINITIVO DAS LUZES ===== */

/* mata qualquer pseudo-element antigo */
.mega-benefits .mega-benefit-card::before,
.mega-benefits .mega-benefit-card::after{
  content:none !important;
  display:none !important;
  animation:none !important;
}

/* card preparado para receber as spans */
.mega-benefits .mega-benefit-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* spans reais das luzes */
.mega-benefits .mega-benefit-card .mega-benefit-light{
  display:block !important;
  position:absolute !important;
  top:-32% !important;
  left:0 !important;
  pointer-events:none !important;
  z-index:1 !important;
  opacity:1 !important;
  will-change:transform, opacity !important;
}

/* luz principal */
.mega-benefits .mega-benefit-card .mega-benefit-light-a{
  width:58% !important;
  height:195% !important;
  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.10) 18%,
    rgba(255,255,255,.36) 34%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,.36) 66%,
    rgba(255,255,255,.10) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform:translateX(-165%) skewX(-20deg) !important;
  filter:blur(2px) !important;
}

/* luz secundária */
.mega-benefits .mega-benefit-card .mega-benefit-light-b{
  width:38% !important;
  height:180% !important;
  background:linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.06) 18%,
    rgba(255,255,255,.20) 36%,
    rgba(255,255,255,.82) 50%,
    rgba(255,255,255,.20) 64%,
    rgba(255,255,255,.06) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  transform:translateX(265%) skewX(18deg) !important;
  filter:blur(3px) !important;
  top:-24% !important;
}

/* velocidades diferentes por card */
.mega-benefits .mega-benefit-card:nth-child(1) .mega-benefit-light-a{ animation:megaBenefitSweepA 1.7s linear infinite !important; }
.mega-benefits .mega-benefit-card:nth-child(1) .mega-benefit-light-b{ animation:megaBenefitSweepB 2.3s linear infinite !important; }

.mega-benefits .mega-benefit-card:nth-child(2) .mega-benefit-light-a{ animation:megaBenefitSweepA 2.0s linear infinite !important; }
.mega-benefits .mega-benefit-card:nth-child(2) .mega-benefit-light-b{ animation:megaBenefitSweepB 2.6s linear infinite !important; }

.mega-benefits .mega-benefit-card:nth-child(3) .mega-benefit-light-a{ animation:megaBenefitSweepA 1.5s linear infinite !important; }
.mega-benefits .mega-benefit-card:nth-child(3) .mega-benefit-light-b{ animation:megaBenefitSweepB 2.1s linear infinite !important; }

.mega-benefits .mega-benefit-card:nth-child(4) .mega-benefit-light-a{ animation:megaBenefitSweepA 1.9s linear infinite !important; }
.mega-benefits .mega-benefit-card:nth-child(4) .mega-benefit-light-b{ animation:megaBenefitSweepB 2.4s linear infinite !important; }

/* conteúdo acima das luzes */
.mega-benefits .mega-benefit-card > *:not(.mega-benefit-light){
  position:relative !important;
  z-index:3 !important;
}

@keyframes megaBenefitSweepA{
  0%{
    transform:translateX(-165%) skewX(-20deg);
    opacity:.06;
  }
  10%{
    opacity:1;
  }
  100%{
    transform:translateX(235%) skewX(-20deg);
    opacity:.06;
  }
}

@keyframes megaBenefitSweepB{
  0%{
    transform:translateX(265%) skewX(18deg);
    opacity:.05;
  }
  12%{
    opacity:.88;
  }
  100%{
    transform:translateX(-185%) skewX(18deg);
    opacity:.05;
  }
}

/* ===== MEGA HAIR | BLOCO 2 | LUZES CORRENDO DE VERDADE ===== */
.mega-benefits .mega-benefit-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

/* mata tudo que veio antes */
.mega-benefits .mega-benefit-card::before,
.mega-benefits .mega-benefit-card::after{
  content:none !important;
  display:none !important;
  animation:none !important;
}

.mega-benefits .mega-benefit-card .mega-benefit-light{
  position:absolute !important;
  inset:-35% !important;
  display:block !important;
  pointer-events:none !important;
  z-index:1 !important;
  opacity:1 !important;
  transform:none !important;
  will-change:background-position, opacity !important;
}

/* luz 1 */
.mega-benefits .mega-benefit-card .mega-benefit-light-a{
  background:linear-gradient(
    115deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 34%,
    rgba(255,255,255,.18) 42%,
    rgba(255,255,255,1) 50%,
    rgba(255,255,255,.18) 58%,
    rgba(255,255,255,0) 66%,
    rgba(255,255,255,0) 100%
  ) !important;
  background-size:220% 220% !important;
  background-position:-180% 0% !important;
  filter:blur(2px) !important;
  animation:megaSweepA 1.6s linear infinite !important;
}

/* luz 2 */
.mega-benefits .mega-benefit-card .mega-benefit-light-b{
  background:linear-gradient(
    110deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 40%,
    rgba(255,255,255,.10) 46%,
    rgba(255,255,255,.72) 50%,
    rgba(255,255,255,.10) 54%,
    rgba(255,255,255,0) 60%,
    rgba(255,255,255,0) 100%
  ) !important;
  background-size:240% 240% !important;
  background-position:220% 0% !important;
  filter:blur(3px) !important;
  animation:megaSweepB 2.1s linear infinite !important;
}

/* velocidades diferentes */
.mega-benefits .mega-benefit-card:nth-child(2) .mega-benefit-light-a{ animation-duration:1.9s !important; }
.mega-benefits .mega-benefit-card:nth-child(2) .mega-benefit-light-b{ animation-duration:2.4s !important; }

.mega-benefits .mega-benefit-card:nth-child(3) .mega-benefit-light-a{ animation-duration:1.4s !important; }
.mega-benefits .mega-benefit-card:nth-child(3) .mega-benefit-light-b{ animation-duration:1.9s !important; }

.mega-benefits .mega-benefit-card:nth-child(4) .mega-benefit-light-a{ animation-duration:1.8s !important; }
.mega-benefits .mega-benefit-card:nth-child(4) .mega-benefit-light-b{ animation-duration:2.2s !important; }

.mega-benefits .mega-benefit-card > *:not(.mega-benefit-light){
  position:relative !important;
  z-index:3 !important;
}

@keyframes megaSweepA{
  0%{
    background-position:-180% 0%;
    opacity:.18;
  }
  10%{
    opacity:1;
  }
  100%{
    background-position:180% 0%;
    opacity:.18;
  }
}

@keyframes megaSweepB{
  0%{
    background-position:220% 0%;
    opacity:.10;
  }
  12%{
    opacity:.88;
  }
  100%{
    background-position:-180% 0%;
    opacity:.10;
  }
}

/* ===== MEGA HAIR | BLOCO 2 | VISIBILIDADE FORTE E LIMPA ===== */
.mega-benefits{
  padding: 30px 0 10px !important;
}

.mega-benefits-heading{
  margin: 0 auto 28px !important;
}

.mega-benefits-grid{
  gap: 22px !important;
  align-items: stretch !important;
}

.mega-benefit-card{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  min-height: 220px !important;
  padding: 24px 22px 20px !important;
  border-radius: 28px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;

  background:
    radial-gradient(circle at top left, rgba(255,255,255,.12), transparent 28%),
    linear-gradient(145deg, #9a673f 0%, #7a4b28 48%, #5c3419 100%) !important;

  border: 1px solid rgba(255,255,255,.18) !important;

  box-shadow:
    0 18px 36px rgba(64,34,15,.22),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -12px 22px rgba(0,0,0,.10) !important;

  transform: translateY(0) !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
}

.mega-benefit-card:hover{
  transform: translateY(-6px) !important;
  box-shadow:
    0 22px 44px rgba(64,34,15,.28),
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 -12px 22px rgba(0,0,0,.12) !important;
}

/* mata brilhos exagerados e luzes antigas */
.mega-benefit-card::before,
.mega-benefit-card::after,
.mega-benefit-light,
.mega-benefit-light-a,
.mega-benefit-light-b,
.mega-benefit-card__number{
  display: none !important;
  content: none !important;
  animation: none !important;
}

/* tipografia forte */
.mega-benefit-card h3{
  margin: 0 !important;
  font-size: 1.12rem !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  color: #fff8f1 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.10) !important;
}

.mega-benefit-card p{
  margin: 0 !important;
  max-width: 24ch !important;
  font-size: .96rem !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
  color: rgba(255,245,235,.96) !important;
}

/* mobile */
@media (max-width: 1100px){
  .mega-benefits-grid{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 640px){
  .mega-benefits-grid{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .mega-benefit-card{
    min-height: auto !important;
    padding: 20px 18px 18px !important;
  }
}

/* ===== MEGA HAIR | BLOCO 2 | CLEAN FINAL ===== */
.mega-benefits{
  padding: 30px 0 10px !important;
}

.mega-benefits-heading{
  margin: 0 auto 28px !important;
}

.mega-benefits-grid{
  gap: 22px !important;
  align-items: stretch !important;
}

.mega-benefit-card{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  min-height: 220px !important;
  padding: 24px 22px 20px !important;
  border-radius: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.10), transparent 26%),
    linear-gradient(145deg, #9a673f 0%, #7a4b28 48%, #5c3419 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 18px 36px rgba(64,34,15,.22),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -12px 22px rgba(0,0,0,.10) !important;
  transform: translateY(0) !important;
  transition: transform .28s ease, box-shadow .28s ease !important;
}

.mega-benefit-card:hover{
  transform: translateY(-6px) !important;
  box-shadow:
    0 22px 44px rgba(64,34,15,.28),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -12px 22px rgba(0,0,0,.12) !important;
}

.mega-benefit-card::before,
.mega-benefit-card::after,
.mega-benefit-light,
.mega-benefit-light-a,
.mega-benefit-light-b,
.mega-benefit-card__number{
  display: none !important;
  content: none !important;
  animation: none !important;
}

.mega-benefit-card h3{
  margin: 0 !important;
  font-size: 1.12rem !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  color: #fff8f1 !important;
  text-shadow: 0 1px 8px rgba(0,0,0,.10) !important;
}

.mega-benefit-card p{
  margin: 0 !important;
  max-width: 24ch !important;
  font-size: .96rem !important;
  line-height: 1.65 !important;
  font-weight: 500 !important;
  color: rgba(255,245,235,.96) !important;
}

@media (max-width: 1100px){
  .mega-benefits-grid{
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width: 640px){
  .mega-benefits-grid{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .mega-benefit-card{
    min-height: auto !important;
    padding: 20px 18px 18px !important;
  }
}

/* ===== MEGA HAIR | BLOCO 3 | SHOWCASE EDITORIAL ===== */
.mega-showcase{
  padding: 34px 0 18px !important;
}

.mega-showcase-heading{
  max-width: 860px !important;
  margin: 0 auto 34px !important;
  text-align: center !important;
}

.mega-showcase-heading h2{
  max-width: 780px !important;
  margin: 0 auto 14px !important;
  font-size: clamp(2rem, 3.6vw, 3.5rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
}

.mega-showcase-heading p{
  max-width: 700px !important;
  margin: 0 auto !important;
  font-size: 1.02rem !important;
  line-height: 1.8 !important;
  color: #746154 !important;
}

.mega-showcase-editorial{
  display: grid !important;
  grid-template-columns: 1.18fr .82fr .82fr !important;
  grid-auto-rows: 240px !important;
  gap: 22px !important;
  align-items: stretch !important;
}

.mega-showcase-video{
  position: relative !important;
  overflow: hidden !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.32), rgba(255,255,255,.08)) !important;
  border: 1px solid rgba(201,158,104,.14) !important;
  box-shadow:
    0 22px 48px rgba(63,39,22,.10),
    0 8px 18px rgba(201,158,104,.06),
    inset 0 1px 0 rgba(255,255,255,.76) !important;
  transition:
    transform .34s ease,
    box-shadow .34s ease,
    border-color .34s ease !important;
}

.mega-showcase-video::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 30%);
  pointer-events:none;
}

.mega-showcase-video::after{
  content:"";
  position:absolute;
  top:-24%;
  left:-18%;
  width:34%;
  height:170%;
  z-index:3;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.18),
    rgba(255,255,255,0)
  );
  transform: rotate(16deg) translateX(-240%);
  transition: transform .95s ease;
  pointer-events:none;
}

.mega-showcase-video:hover{
  transform: translateY(-8px) !important;
  border-color: rgba(201,158,104,.24) !important;
  box-shadow:
    0 30px 60px rgba(63,39,22,.14),
    0 12px 24px rgba(201,158,104,.10),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
}

.mega-showcase-video:hover::after{
  transform: rotate(16deg) translateX(520%);
}

.mega-showcase-video video{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #120c09 !important;
}

.mega-showcase-video-main{
  grid-column: 1 / 2 !important;
  grid-row: 1 / span 2 !important;
  min-height: 100% !important;
}

.mega-showcase-video-main video{
  object-position: center center !important;
}

.mega-showcase-video-sm{
  min-height: 240px !important;
}

@media (max-width: 1100px){
  .mega-showcase-editorial{
    grid-template-columns: 1fr 1fr !important;
    grid-auto-rows: 220px !important;
  }

  .mega-showcase-video-main{
    grid-column: 1 / span 2 !important;
    grid-row: auto !important;
    min-height: 480px !important;
  }
}

@media (max-width: 640px){
  .mega-showcase{
    padding: 20px 0 8px !important;
  }

  .mega-showcase-heading{
    margin-bottom: 24px !important;
  }

  .mega-showcase-editorial{
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
    gap: 16px !important;
  }

  .mega-showcase-video,
  .mega-showcase-video-main,
  .mega-showcase-video-sm{
    min-height: 320px !important;
    grid-column: auto !important;
    grid-row: auto !important;
    border-radius: 24px !important;
  }
}

/* ===== MEGA HAIR | BLOCO 3 | VIDEO 7 INFERIOR ===== */
.mega-showcase-grid + .mega-showcase-video-bottom-feature{
  width: min(340px, 100%);
  height: 160px;
  margin-top: 16px;
  border-radius: 24px;
  overflow: hidden;
  display: block;
  background: #d9cabb;
  box-shadow: 0 18px 36px rgba(67, 39, 16, 0.14);
}

.mega-showcase-grid + .mega-showcase-video-bottom-feature video{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

@media (max-width: 900px){
  .mega-showcase-grid + .mega-showcase-video-bottom-feature{
    width: 100%;
    height: 190px;
  }
}


/* ===== MEGA HAIR | BLOCO 3 | VIDEO 7 LARGO OCUPANDO 2 ESPAÇOS ===== */
.mega-showcase-grid + .mega-showcase-video-bottom-feature{
  width: calc(66.666% - 10px) !important;
  max-width: none !important;
  height: 190px !important;
  margin: 18px 0 0 auto !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: block !important;
  background: #d8c8b8 !important;
  box-shadow: 0 18px 34px rgba(69, 40, 17, 0.14) !important;
}

.mega-showcase-grid + .mega-showcase-video-bottom-feature video{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
}

@media (max-width: 900px){
  .mega-showcase-grid + .mega-showcase-video-bottom-feature{
    width: 100% !important;
    height: 190px !important;
    margin-left: 0 !important;
  }
}


/* ===== MEGA HAIR | BLOCO 3 | VIDEO 7 RETANGULAR CORRETO ===== */
.mega-showcase-editorial .mega-showcase-video-bottom-feature{
  grid-column: 2 / 4 !important;
  grid-row: 3 !important;
  min-height: 170px !important;
  height: 170px !important;
  width: 100% !important;
  margin: 0 !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: block !important;
}

.mega-showcase-editorial .mega-showcase-video-bottom-feature video{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media (max-width: 1100px){
  .mega-showcase-editorial .mega-showcase-video-bottom-feature{
    grid-column: 1 / span 2 !important;
    grid-row: auto !important;
    min-height: 180px !important;
    height: 180px !important;
  }
}

@media (max-width: 640px){
  .mega-showcase-editorial .mega-showcase-video-bottom-feature{
    grid-column: auto !important;
    grid-row: auto !important;
    min-height: 220px !important;
    height: 220px !important;
  }
}

/* ===== MEGA HAIR | BLOCO 3 | ALONGAR CARD 7 PRA BAIXO ===== */
.mega-showcase-editorial .mega-showcase-video-bottom-feature{
  grid-column: 2 / 4 !important;
  grid-row: 3 !important;
  min-height: 260px !important;
  height: 260px !important;
  width: 100% !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: block !important;
  align-self: stretch !important;
}

.mega-showcase-editorial .mega-showcase-video-bottom-feature video{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

@media (max-width: 1100px){
  .mega-showcase-editorial .mega-showcase-video-bottom-feature{
    min-height: 220px !important;
    height: 220px !important;
  }
}

@media (max-width: 640px){
  .mega-showcase-editorial .mega-showcase-video-bottom-feature{
    min-height: 200px !important;
    height: 200px !important;
  }
}

/* ===== MEGA HAIR | BLOCO 3 | AJUSTE FINO DO CARD RETANGULAR ===== */
.mega-showcase-editorial .mega-showcase-video-bottom-feature{
  grid-column: 2 / 4 !important;
  grid-row: 3 !important;
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: block !important;
  align-self: start !important;
  margin-top: -8px !important;
}

.mega-showcase-editorial .mega-showcase-video-bottom-feature video{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* ===== MEGA HAIR | BLOCO 3 | ALINHAMENTO FINO DO CARD GRANDE ===== */
.mega-showcase-editorial .mega-showcase-video-bottom-feature{
  grid-column: 2 / 4 !important;
  grid-row: 3 !important;
  width: 100% !important;
  height: 238px !important;
  min-height: 238px !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  display: block !important;
  align-self: start !important;
  margin-top: 0 !important;
}

.mega-showcase-editorial .mega-showcase-video-bottom-feature video{
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center center !important;
}

/* ===== MEGA HAIR | BLOCO 4 | TIPOS EM CÍRCULOS ===== */
.mega-types{
  padding: 42px 0 46px !important;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.06), transparent 22%),
    linear-gradient(145deg, #8e603a 0%, #744623 46%, #593117 100%) !important;
  position: relative !important;
  overflow: hidden !important;
}

.mega-types::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,0) 18%);
  pointer-events:none;
}

.mega-types .container{
  position:relative !important;
  z-index:2 !important;
}

.mega-types-heading{
  max-width: 860px !important;
  margin: 0 auto 34px !important;
  text-align: center !important;
}

.mega-types-heading .section-tag{
  color: rgba(255,240,220,.86) !important;
}

.mega-types-heading h2{
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  font-size: clamp(2rem, 3.6vw, 3.4rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
  color: #fff8f2 !important;
}

.mega-types-heading p{
  max-width: 700px !important;
  margin: 0 auto !important;
  font-size: 1.02rem !important;
  line-height: 1.8 !important;
  color: rgba(255,243,232,.84) !important;
}

.mega-types-circles{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
  align-items: start !important;
  justify-items: center !important;
  margin-top: 14px !important;
}

.mega-type-circle{
  width: 100% !important;
  max-width: 360px !important;
  aspect-ratio: 1 / 1 !important;
  border-radius: 999px !important;
  padding: 18px !important;
  background:
    linear-gradient(180deg, rgba(255,250,245,.96), rgba(236,220,201,.94)) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  box-shadow:
    0 24px 48px rgba(42,21,8,.20),
    0 10px 24px rgba(255,240,220,.08),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  transition:
    transform .34s ease,
    box-shadow .34s ease,
    border-color .34s ease !important;
}

.mega-type-circle::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.44), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.18), rgba(255,255,255,0) 42%);
  pointer-events:none;
}

.mega-type-circle::after{
  content:"";
  position:absolute;
  top:-24%;
  left:-18%;
  width:34%;
  height:170%;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.18),
    rgba(255,255,255,0)
  );
  transform: rotate(16deg) translateX(-240%);
  transition: transform .95s ease;
  pointer-events:none;
}

.mega-type-circle:hover{
  transform: translateY(-10px) scale(1.015) !important;
  border-color: rgba(255,255,255,.52) !important;
  box-shadow:
    0 32px 60px rgba(42,21,8,.24),
    0 14px 28px rgba(255,240,220,.14),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

.mega-type-circle:hover::after{
  transform: rotate(16deg) translateX(520%);
}

.mega-type-circle__inner{
  width: 100% !important;
  max-width: 225px !important;
  text-align: center !important;
  position: relative !important;
  z-index: 2 !important;
}

.mega-type-circle__inner h3{
  margin: 0 0 14px !important;
  font-size: 1.28rem !important;
  line-height: 1.15 !important;
  letter-spacing: -.02em !important;
  color: #3d2518 !important;
}

.mega-type-circle__inner p{
  margin: 0 !important;
  font-size: .96rem !important;
  line-height: 1.72 !important;
  color: #755b4e !important;
}

@media (max-width: 1100px){
  .mega-types-circles{
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }

  .mega-type-circle{
    max-width: 340px !important;
  }
}

@media (max-width: 640px){
  .mega-types{
    padding: 28px 0 30px !important;
  }

  .mega-types-heading{
    margin-bottom: 24px !important;
  }

  .mega-type-circle{
    max-width: 300px !important;
  }

  .mega-type-circle__inner{
    max-width: 200px !important;
  }

  .mega-type-circle__inner h3{
    font-size: 1.14rem !important;
  }

  .mega-type-circle__inner p{
    font-size: .92rem !important;
    line-height: 1.64 !important;
  }
}

/* ===== MEGA HAIR | BLOCO 4 REFINO LUXO / 3D / LUZES ===== */
.mega-types{
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(255,255,255,.18), transparent 20%),
    radial-gradient(circle at 85% 22%, rgba(255,255,255,.12), transparent 22%),
    radial-gradient(circle at 50% 100%, rgba(255,255,255,.08), transparent 28%),
    linear-gradient(135deg, #9f6c40 0%, #7b4b26 42%, #5f3418 100%) !important;
}

.mega-types::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 24%),
    radial-gradient(circle at 18% 30%, rgba(255,255,255,.12), transparent 18%),
    radial-gradient(circle at 82% 36%, rgba(255,255,255,.10), transparent 18%);
  pointer-events:none;
  animation: megaTypesGlow 5.5s ease-in-out infinite;
}

.mega-types::after{
  content:"";
  position:absolute;
  top:-10%;
  left:-8%;
  width:116%;
  height:130%;
  background:
    radial-gradient(circle at 25% 25%, rgba(255,255,255,.08), transparent 14%),
    radial-gradient(circle at 75% 30%, rgba(255,255,255,.06), transparent 16%),
    radial-gradient(circle at 50% 85%, rgba(255,255,255,.05), transparent 18%);
  filter: blur(10px);
  pointer-events:none;
  animation: megaTypesGlowSoft 7s ease-in-out infinite;
}

.mega-types-heading{
  position: relative !important;
  z-index: 2 !important;
}

.mega-types-heading .section-tag{
  color: rgba(255,239,222,.92) !important;
  text-shadow: 0 0 10px rgba(255,255,255,.14) !important;
}

.mega-types-heading h2{
  color: #fff8f1 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.08),
    0 8px 24px rgba(0,0,0,.14) !important;
}

.mega-types-heading p{
  color: rgba(255,245,235,.88) !important;
}

.mega-types-circles{
  position: relative !important;
  z-index: 2 !important;
  gap: 34px !important;
}

.mega-type-circle{
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 30% 28%, rgba(255,255,255,.85), rgba(255,255,255,.22) 28%, transparent 40%),
    linear-gradient(145deg, #f8efe6 0%, #ecdcca 42%, #d8bea2 100%) !important;
  border: 1px solid rgba(255,255,255,.55) !important;
  box-shadow:
    0 26px 40px rgba(40,18,6,.28),
    0 10px 22px rgba(255,255,255,.08),
    inset 0 2px 10px rgba(255,255,255,.72),
    inset 0 -14px 22px rgba(117,73,36,.14) !important;
  transform: translateY(0) !important;
  animation: megaCircleFloat 4.2s ease-in-out infinite;
}

.mega-type-circle:nth-child(2){
  animation-delay: .5s;
}

.mega-type-circle:nth-child(3){
  animation-delay: 1s;
}

.mega-type-circle::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:999px;
  background:
    radial-gradient(circle at 32% 24%, rgba(255,255,255,.92), rgba(255,255,255,.18) 24%, transparent 42%),
    linear-gradient(180deg, rgba(255,255,255,.18), rgba(255,255,255,0) 45%);
  pointer-events:none;
  opacity:.95;
}

.mega-type-circle::after{
  content:"";
  position:absolute;
  top:-22%;
  left:-35%;
  width:46%;
  height:170%;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.20),
    rgba(255,255,255,.88),
    rgba(255,255,255,.18),
    rgba(255,255,255,0)
  );
  transform: rotate(18deg);
  filter: blur(2px);
  pointer-events:none;
  animation: megaCircleShine 3.8s linear infinite;
}

.mega-type-circle:hover{
  transform: translateY(-10px) scale(1.03) !important;
  box-shadow:
    0 32px 48px rgba(40,18,6,.34),
    0 12px 26px rgba(255,255,255,.10),
    inset 0 2px 12px rgba(255,255,255,.82),
    inset 0 -16px 28px rgba(117,73,36,.18) !important;
}

.mega-type-circle__inner{
  position: relative !important;
  z-index: 2 !important;
}

.mega-type-circle__inner h3{
  color: #2f1a0f !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.34) !important;
  font-weight: 800 !important;
}

.mega-type-circle__inner p{
  color: #6f5546 !important;
  font-weight: 500 !important;
}

@keyframes megaCircleShine{
  0%{
    left:-40%;
    opacity:.25;
  }
  25%{
    opacity:.8;
  }
  50%{
    opacity:1;
  }
  100%{
    left:120%;
    opacity:.18;
  }
}

@keyframes megaCircleFloat{
  0%,100%{
    transform: translateY(0);
  }
  50%{
    transform: translateY(-8px);
  }
}

@keyframes megaTypesGlow{
  0%,100%{
    opacity:.9;
  }
  50%{
    opacity:1;
  }
}

@keyframes megaTypesGlowSoft{
  0%,100%{
    transform: scale(1);
    opacity:.75;
  }
  50%{
    transform: scale(1.03);
    opacity:1;
  }
}

@media (max-width: 1100px){
  .mega-types-circles{
    gap: 24px !important;
  }
}

@media (max-width: 640px){
  .mega-type-circle{
    max-width: 290px !important;
  }
}

/* ===== MEGA HAIR | BLOCO 4 | HALO BRANCO ATRÁS DOS CÍRCULOS ===== */
.mega-type-circle{
  position: relative !important;
  z-index: 2 !important;
}

.mega-type-circle::before{
  content: "" !important;
  position: absolute !important;
  inset: -12% !important;
  border-radius: 999px !important;
  background: radial-gradient(
    circle,
    rgba(255,255,255,.34) 0%,
    rgba(255,255,255,.20) 28%,
    rgba(255,255,255,.08) 48%,
    rgba(255,255,255,0) 72%
  ) !important;
  filter: blur(16px) !important;
  z-index: -1 !important;
  pointer-events: none !important;
  animation: megaCircleHalo 4.6s ease-in-out infinite !important;
}

.mega-type-circle:nth-child(2)::before{
  animation-delay: .6s !important;
}

.mega-type-circle:nth-child(3)::before{
  animation-delay: 1.2s !important;
}

@keyframes megaCircleHalo{
  0%,100%{
    transform: scale(1);
    opacity: .78;
  }
  50%{
    transform: scale(1.08);
    opacity: 1;
  }
}


/* ===== MEGA HAIR | CTA FINAL LIMPO E PREMIUM ===== */
.mega-cta{
  padding: 34px 0 56px !important;
}

.mega-cta-card{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: 48px 42px !important;
  border-radius: 34px !important;
  text-align: center !important;
  border: 1px solid rgba(255,255,255,.20) !important;

  background:
    linear-gradient(115deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 28%,
      rgba(255,255,255,.18) 38%,
      rgba(255,255,255,.72) 46%,
      rgba(255,255,255,.16) 52%,
      rgba(255,255,255,0) 60%,
      rgba(255,255,255,0) 100%
    ),
    linear-gradient(70deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 64%,
      rgba(255,255,255,.08) 74%,
      rgba(255,255,255,.26) 80%,
      rgba(255,255,255,.06) 86%,
      rgba(255,255,255,0) 92%,
      rgba(255,255,255,0) 100%
    ),
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.16), transparent 26%),
    radial-gradient(circle at 82% 78%, rgba(255,255,255,.10), transparent 24%),
    linear-gradient(135deg, #cf9a6c 0%, #b06e3f 34%, #8c4d24 68%, #673319 100%) !important;

  background-size: 240% 240%, 220% 220%, 140% 140%, 140% 140%, 100% 100% !important;
  background-position: -180% 0%, 220% 0%, 0% 0%, 100% 100%, 50% 50% !important;

  box-shadow:
    0 34px 62px rgba(70,35,14,.24),
    0 16px 30px rgba(70,35,14,.18),
    0 0 26px rgba(255,255,255,.08),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -16px 24px rgba(0,0,0,.10) !important;

  transform: perspective(1400px) rotateX(2deg) translateY(0) !important;
  animation:
    megaCtaBgShift 3.2s linear infinite,
    megaCtaFloat 4.8s ease-in-out infinite,
    megaCtaGlowPulse 4.4s ease-in-out infinite !important;
}

.mega-cta-card::before,
.mega-cta-card::after,
.mega-cta-light,
.mega-cta-light-a,
.mega-cta-light-b{
  display: none !important;
  content: none !important;
  animation: none !important;
}

.mega-cta-card > *{
  position: relative !important;
  z-index: 2 !important;
}

.mega-cta-card .section-tag{
  color: rgba(255,242,226,.94) !important;
  margin-bottom: 16px !important;
  text-shadow: 0 0 12px rgba(255,255,255,.10) !important;
}

.mega-cta-card h2{
  max-width: 760px !important;
  margin: 0 auto 16px !important;
  font-size: clamp(2rem, 3.8vw, 3.5rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
  color: #fff8f1 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.08),
    0 10px 24px rgba(0,0,0,.18) !important;
}

.mega-cta-card p{
  max-width: 700px !important;
  margin: 0 auto !important;
  font-size: 1.02rem !important;
  line-height: 1.8 !important;
  color: rgba(255,245,235,.92) !important;
}

.mega-cta-actions{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px !important;
  margin-top: 30px !important;
}

.mega-cta-actions .btn{
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 190px !important;
  min-height: 58px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
  font-size: .98rem !important;
  text-decoration: none !important;
  overflow: hidden !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}

.mega-cta-actions .btn-dark{
  color: #fffaf4 !important;
  background: linear-gradient(180deg, #4a2b1b 0%, #2d170d 55%, #170c07 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 14px 28px rgba(24,12,7,.34),
    0 5px 0 rgba(12,6,3,.72),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -10px 18px rgba(0,0,0,.18) !important;
}

.mega-cta-actions .btn-light{
  color: #4d2f1f !important;
  background: linear-gradient(180deg, #fffdfa 0%, #f4e8dd 55%, #ead8c7 100%) !important;
  border: 1px solid rgba(255,255,255,.85) !important;
  box-shadow:
    0 14px 28px rgba(110,74,43,.20),
    0 5px 0 rgba(194,171,149,.95),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -10px 18px rgba(182,152,126,.18) !important;
}

.mega-cta-actions .btn:hover{
  transform: translateY(-4px) scale(1.02) !important;
}

@keyframes megaCtaBgShift{
  0%{
    background-position: -180% 0%, 220% 0%, 0% 0%, 100% 100%, 50% 50%;
  }
  100%{
    background-position: 180% 0%, -180% 0%, 18% 12%, 82% 88%, 50% 50%;
  }
}

@keyframes megaCtaFloat{
  0%,100%{
    transform: perspective(1400px) rotateX(2deg) translateY(0);
  }
  50%{
    transform: perspective(1400px) rotateX(2deg) translateY(-6px);
  }
}

@keyframes megaCtaGlowPulse{
  0%,100%{
    box-shadow:
      0 34px 62px rgba(70,35,14,.24),
      0 16px 30px rgba(70,35,14,.18),
      0 0 26px rgba(255,255,255,.08),
      inset 0 1px 0 rgba(255,255,255,.20),
      inset 0 -16px 24px rgba(0,0,0,.10);
  }
  50%{
    box-shadow:
      0 42px 74px rgba(70,35,14,.30),
      0 22px 40px rgba(70,35,14,.22),
      0 0 38px rgba(255,255,255,.16),
      inset 0 1px 0 rgba(255,255,255,.26),
      inset 0 -16px 24px rgba(0,0,0,.12);
  }
}

@media (max-width: 640px){
  .mega-cta{
    padding: 20px 0 34px !important;
  }

  .mega-cta-card{
    padding: 32px 20px !important;
    border-radius: 26px !important;
  }

  .mega-cta-card h2{
    font-size: clamp(1.8rem, 7vw, 2.7rem) !important;
  }

  .mega-cta-card p{
    font-size: .96rem !important;
    line-height: 1.7 !important;
  }

  .mega-cta-actions .btn{
    width: 100% !important;
    min-width: 100% !important;
  }
}


/* ===== CABELOS | BASE LUXUOSA ===== */
.hair-store-hero{
  padding: 34px 0 26px !important;
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.08), transparent 20%),
    radial-gradient(circle at 88% 20%, rgba(255,255,255,.06), transparent 22%),
    linear-gradient(135deg, #b78054 0%, #965a31 38%, #77411f 66%, #592d15 100%) !important;
}

.hair-store-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0) 24%),
    radial-gradient(circle at 20% 32%, rgba(255,255,255,.10), transparent 16%),
    radial-gradient(circle at 78% 36%, rgba(255,255,255,.08), transparent 18%);
  pointer-events:none;
}

.hair-store-hero__grid{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 460px) !important;
  gap: 34px !important;
  align-items: center !important;
}

.hair-store-hero__content{
  max-width: 640px !important;
}

.hair-store-hero__content .section-tag{
  color: rgba(255,242,226,.92) !important;
  margin-bottom: 16px !important;
}

.hair-store-hero__content h1{
  margin: 0 0 18px !important;
  max-width: 11ch !important;
  font-size: clamp(2.6rem, 5vw, 5.2rem) !important;
  line-height: .96 !important;
  letter-spacing: -.04em !important;
  color: #fff8f1 !important;
  text-shadow:
    0 1px 0 rgba(255,255,255,.08),
    0 10px 24px rgba(0,0,0,.18) !important;
}

.hair-store-hero__content p{
  max-width: 54ch !important;
  margin: 0 0 24px !important;
  font-size: 1.02rem !important;
  line-height: 1.82 !important;
  color: rgba(255,244,234,.90) !important;
}

.hair-store-hero__actions{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
}

.hair-store-hero__actions .btn{
  min-height:54px !important;
  padding:0 24px !important;
}

.hair-store-hero__visual{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}

.hair-store-hero__frame{
  position:relative !important;
  width:min(100%, 440px) !important;
  aspect-ratio: 4 / 5 !important;
  border-radius: 34px !important;
  overflow:hidden !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02)) !important;
  box-shadow:
    0 30px 60px rgba(64,31,13,.24),
    0 14px 28px rgba(64,31,13,.18),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.hair-store-hero__frame::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 28%);
  pointer-events:none;
  z-index:1;
}

.hair-store-hero__frame::after{
  content:"";
  position:absolute;
  top:-20%;
  left:-18%;
  width:34%;
  height:170%;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.16),
    rgba(255,255,255,.70),
    rgba(255,255,255,.16),
    rgba(255,255,255,0)
  );
  transform: rotate(16deg) translateX(-240%);
  animation: hairStoreHeroShine 5.2s linear infinite;
  filter: blur(2px);
  pointer-events:none;
  z-index:2;
}

.hair-store-hero__frame img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
}

.hair-store-intro{
  padding: 28px 0 20px !important;
}

.hair-store-intro__heading{
  max-width: 860px !important;
  margin: 0 auto 32px !important;
  text-align:center !important;
}

.hair-store-intro__heading h2{
  max-width: 760px !important;
  margin: 0 auto 14px !important;
  font-size: clamp(2rem, 3.6vw, 3.3rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.03em !important;
}

.hair-store-intro__heading p{
  max-width: 700px !important;
  margin: 0 auto !important;
  font-size: 1.02rem !important;
  line-height: 1.8 !important;
  color: #746154 !important;
}

.hair-store-products-placeholder{
  border-radius: 34px !important;
  min-height: 220px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:
    linear-gradient(145deg, rgba(255,250,245,.96), rgba(236,220,201,.94)) !important;
  border: 1px solid rgba(201,158,104,.16) !important;
  box-shadow:
    0 22px 48px rgba(63,39,22,.10),
    inset 0 1px 0 rgba(255,255,255,.84) !important;
}

.hair-store-products-placeholder__inner{
  text-align:center !important;
  font-size: 1.02rem !important;
  font-weight: 700 !important;
  color: #7d5c47 !important;
}

@keyframes hairStoreHeroShine{
  0%{
    transform: rotate(16deg) translateX(-240%);
    opacity:.12;
  }
  18%{
    opacity:.72;
  }
  100%{
    transform: rotate(16deg) translateX(560%);
    opacity:.10;
  }
}

@media (max-width: 980px){
  .hair-store-hero__grid{
    grid-template-columns: 1fr !important;
  }

  .hair-store-hero__content{
    max-width: 100% !important;
  }

  .hair-store-hero__content h1{
    max-width: 12ch !important;
  }

  .hair-store-hero__frame{
    width:min(100%, 420px) !important;
    margin:0 auto !important;
  }
}

@media (max-width: 640px){
  .hair-store-hero{
    padding: 20px 0 18px !important;
  }

  .hair-store-hero__content h1{
    max-width: none !important;
    font-size: clamp(2.1rem, 8vw, 3.4rem) !important;
  }

  .hair-store-hero__content p{
    font-size: .96rem !important;
    line-height: 1.72 !important;
  }

  .hair-store-hero__actions .btn{
    width:100% !important;
    justify-content:center !important;
  }

  .hair-store-hero__frame{
    border-radius: 26px !important;
  }

  .hair-store-products-placeholder{
    min-height: 180px !important;
    border-radius: 26px !important;
  }
}

/* ===== CABELOS | HEADER PREMIUM CORRIGIDO ===== */
.site-header .nav-wrap{
  min-height:82px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  width:min(1180px, calc(100% - 48px)) !important;
  margin:0 auto !important;
}

.site-header .nav-wrap .brand{
  flex:0 0 auto !important;
  font-size:1.08rem !important;
  font-weight:800 !important;
  letter-spacing:.055em !important;
  color:var(--dark) !important;
  white-space:nowrap !important;
}

.site-header .nav-wrap .site-nav{
  flex:1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:26px !important;
}

.site-header .nav-wrap .site-nav a{
  position:relative !important;
  color:rgba(47,36,31,.72) !important;
  font-size:.94rem !important;
  font-weight:500 !important;
  white-space:nowrap !important;
}

.site-header .nav-wrap .site-nav a:hover{
  color:var(--dark) !important;
}

.site-header .nav-wrap .site-nav a[href="cabelos.html"]{
  color:var(--dark) !important;
  font-weight:700 !important;
}

.site-header .nav-wrap .site-nav a[href="cabelos.html"]::after{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  bottom:-10px !important;
  width:22px !important;
  height:2px !important;
  border-radius:999px !important;
  transform:translateX(-50%) !important;
  background:linear-gradient(90deg, #c49763, #f2d7ad, #a56f3d) !important;
  box-shadow:0 0 14px rgba(196,151,99,.45) !important;
}

.site-header .nav-wrap .header-cta{
  flex:0 0 auto !important;
  min-width:92px !important;
  height:46px !important;
  padding:0 24px !important;
  border-radius:999px !important;
  background:linear-gradient(145deg, #271913, #100906) !important;
  color:#fff !important;
  font-weight:800 !important;
  box-shadow:
    0 14px 24px rgba(23,12,8,.22),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

.site-header .nav-wrap .header-cta:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    0 18px 30px rgba(23,12,8,.28),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

@media (max-width: 860px){
  .site-header .nav-wrap{
    min-height:76px !important;
    width:min(100%, calc(100% - 28px)) !important;
    gap:14px !important;
  }

  .site-header .nav-wrap .site-nav{
    display:none !important;
  }

  .site-header .nav-wrap .header-cta{
    min-width:82px !important;
    height:42px !important;
    padding:0 20px !important;
  }
}

@media (max-width: 520px){
  .site-header .nav-wrap .brand{
    font-size:.92rem !important;
    letter-spacing:.035em !important;
  }

  .site-header .nav-wrap .header-cta{
    display:inline-flex !important;
    min-width:74px !important;
    height:40px !important;
    padding:0 16px !important;
    font-size:.86rem !important;
  }
}

/* ===== CABELOS | HERO V2 LUXO EDITORIAL ===== */
.hair-store-hero{
  min-height: calc(100vh - 82px) !important;
  padding: 76px 0 58px !important;
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 78% 24%, rgba(255, 217, 169, .26), transparent 28%),
    radial-gradient(circle at 18% 18%, rgba(255, 235, 208, .18), transparent 34%),
    linear-gradient(135deg, #b77a4a 0%, #8c4d25 42%, #4b1f10 100%) !important;
}

.hair-store-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.10), transparent 22%, transparent 74%, rgba(0,0,0,.18)),
    radial-gradient(circle at 52% 50%, rgba(255, 211, 158, .14), transparent 38%) !important;
  pointer-events:none !important;
}

.hair-store-hero::after{
  content:"" !important;
  position:absolute !important;
  width:520px !important;
  height:520px !important;
  right:-180px !important;
  top:40px !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(255,221,178,.28), transparent 68%) !important;
  filter:blur(6px) !important;
  pointer-events:none !important;
}

.hair-store-hero__grid{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1.12fr) minmax(380px, .88fr) !important;
  align-items:center !important;
  gap:72px !important;
}

.hair-store-hero__content{
  max-width:660px !important;
}

.hair-store-hero .section-tag{
  display:inline-flex !important;
  margin-bottom:18px !important;
  color:#fff7ec !important;
  font-size:.78rem !important;
  font-weight:900 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;
  text-shadow:0 8px 18px rgba(0,0,0,.18) !important;
}

.hair-store-hero h1{
  max-width:650px !important;
  margin:0 0 22px !important;
  color:#fffaf3 !important;
  font-size:clamp(3.35rem, 5.7vw, 6.35rem) !important;
  line-height:.90 !important;
  letter-spacing:-.075em !important;
  text-wrap:balance !important;
  text-shadow:0 18px 42px rgba(34,14,6,.32) !important;
}

.hair-store-hero p{
  max-width:530px !important;
  color:rgba(255,250,244,.88) !important;
  font-size:1.02rem !important;
  line-height:1.85 !important;
  font-weight:500 !important;
  text-shadow:0 8px 22px rgba(0,0,0,.18) !important;
}

.hair-store-hero__actions{
  margin-top:28px !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  flex-wrap:wrap !important;
}

.hair-store-hero__visual{
  position:relative !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

.hair-store-hero__visual::before{
  content:"" !important;
  position:absolute !important;
  width:430px !important;
  height:430px !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(255,226,186,.38), rgba(196,127,73,.14) 38%, transparent 70%) !important;
  filter:blur(2px) !important;
  animation: hairHeroGlow 5.5s ease-in-out infinite alternate !important;
}

.hair-store-hero__frame{
  position:relative !important;
  width:min(430px, 100%) !important;
  aspect-ratio: 4 / 4.75 !important;
  border-radius:34px !important;
  padding:10px !important;
  background:
    linear-gradient(145deg, rgba(255,239,216,.92), rgba(190,124,72,.42), rgba(72,30,13,.42)) !important;
  box-shadow:
    0 32px 80px rgba(38,14,5,.42),
    0 0 0 1px rgba(255,255,255,.20),
    inset 0 1px 0 rgba(255,255,255,.58) !important;
  overflow:hidden !important;
  transform:rotate(1.2deg) !important;
}

.hair-store-hero__frame::before{
  content:"" !important;
  position:absolute !important;
  inset:-45% !important;
  background:linear-gradient(115deg, transparent 38%, rgba(255,255,255,.42) 48%, transparent 58%) !important;
  transform:translateX(-42%) rotate(8deg) !important;
  animation: hairCardShine 4.8s ease-in-out infinite !important;
  z-index:3 !important;
  pointer-events:none !important;
}

.hair-store-hero__frame::after{
  content:"Cabelos premium" !important;
  position:absolute !important;
  left:22px !important;
  bottom:22px !important;
  z-index:4 !important;
  padding:9px 14px !important;
  border-radius:999px !important;
  background:rgba(27,13,8,.58) !important;
  color:#fff6ea !important;
  font-size:.76rem !important;
  font-weight:800 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  backdrop-filter:blur(10px) !important;
  border:1px solid rgba(255,255,255,.22) !important;
}

.hair-store-hero__frame img{
  width:100% !important;
  height:100% !important;
  display:block !important;
  object-fit:cover !important;
  border-radius:26px !important;
  filter:contrast(1.04) saturate(1.06) brightness(.98) !important;
}

@keyframes hairCardShine{
  0%, 55%{
    transform:translateX(-54%) rotate(8deg);
    opacity:0;
  }
  68%{
    opacity:.75;
  }
  100%{
    transform:translateX(54%) rotate(8deg);
    opacity:0;
  }
}

@keyframes hairHeroGlow{
  from{
    transform:scale(.96);
    opacity:.68;
  }
  to{
    transform:scale(1.05);
    opacity:1;
  }
}

@media (max-width: 980px){
  .hair-store-hero{
    min-height:auto !important;
    padding:58px 0 52px !important;
  }

  .hair-store-hero__grid{
    grid-template-columns:1fr !important;
    gap:42px !important;
  }

  .hair-store-hero h1{
    font-size:clamp(3rem, 10vw, 5rem) !important;
  }

  .hair-store-hero__visual{
    justify-content:flex-start !important;
  }

  .hair-store-hero__frame{
    width:min(390px, 100%) !important;
  }
}

@media (max-width: 560px){
  .hair-store-hero h1{
    font-size:3.1rem !important;
    letter-spacing:-.06em !important;
  }

  .hair-store-hero__frame{
    width:100% !important;
    aspect-ratio:4 / 4.6 !important;
    border-radius:28px !important;
  }
}

/* ===== CABELOS | HERO SLIDER EDITORIAL PREMIUM ===== */
.hair-store-hero__content{
  max-width:620px !important;
}

.hair-store-hero h1{
  max-width:620px !important;
  font-size:clamp(3.15rem, 5.15vw, 5.75rem) !important;
  line-height:.92 !important;
  letter-spacing:-.068em !important;
}

.hair-store-hero p{
  max-width:500px !important;
  font-size:.98rem !important;
  line-height:1.78 !important;
}

.hair-store-hero__slider{
  width:min(455px, 100%) !important;
  aspect-ratio:4 / 4.85 !important;
  transform:rotate(5.5deg) translateY(2px) !important;
  overflow:hidden !important;
}

.hair-store-hero__slider:hover{
  transform:rotate(4.2deg) translateY(-4px) scale(1.015) !important;
}

.hair-store-hero__slides{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background:#2b140b !important;
}

.hair-store-hero__slide{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  border-radius:26px !important;
  opacity:0 !important;
  transform:scale(1.055) !important;
  transition:
    opacity 1.15s ease,
    transform 6.2s ease !important;
  filter:contrast(1.06) saturate(1.08) brightness(.98) !important;
}

.hair-store-hero__slide.is-active{
  opacity:1 !important;
  transform:scale(1.0) !important;
  z-index:2 !important;
}

.hair-store-hero__slider-badge{
  position:absolute !important;
  left:22px !important;
  bottom:24px !important;
  z-index:8 !important;
  padding:10px 15px !important;
  border-radius:999px !important;
  background:rgba(27,13,8,.58) !important;
  color:#fff6ea !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  letter-spacing:.09em !important;
  text-transform:uppercase !important;
  backdrop-filter:blur(12px) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 12px 26px rgba(0,0,0,.20) !important;
}

.hair-store-hero__slider-dots{
  position:absolute !important;
  right:22px !important;
  bottom:28px !important;
  z-index:8 !important;
  display:flex !important;
  align-items:center !important;
  gap:6px !important;
  padding:8px 10px !important;
  border-radius:999px !important;
  background:rgba(27,13,8,.42) !important;
  backdrop-filter:blur(12px) !important;
  border:1px solid rgba(255,255,255,.16) !important;
}

.hair-store-hero__slider-dots span{
  width:6px !important;
  height:6px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.38) !important;
  transition:.35s ease !important;
}

.hair-store-hero__slider-dots span.is-active{
  width:18px !important;
  background:linear-gradient(90deg, #f6d6a7, #ffffff) !important;
  box-shadow:0 0 14px rgba(255,222,181,.72) !important;
}

.hair-store-hero__slider::after{
  content:"" !important;
  position:absolute !important;
  inset:10px !important;
  z-index:7 !important;
  border-radius:26px !important;
  background:
    linear-gradient(to bottom, transparent 48%, rgba(20,9,5,.34) 100%),
    radial-gradient(circle at 24% 18%, rgba(255,255,255,.18), transparent 24%) !important;
  pointer-events:none !important;
}

@media (max-width: 980px){
  .hair-store-hero__slider{
    width:min(400px, 100%) !important;
    transform:rotate(3deg) !important;
  }

  .hair-store-hero__slider:hover{
    transform:rotate(2deg) translateY(-3px) scale(1.01) !important;
  }
}

@media (max-width: 560px){
  .hair-store-hero h1{
    font-size:2.85rem !important;
  }

  .hair-store-hero__slider{
    width:100% !important;
    aspect-ratio:4 / 4.65 !important;
    transform:rotate(0deg) !important;
  }

  .hair-store-hero__slider:hover{
    transform:translateY(-2px) scale(1.005) !important;
  }

  .hair-store-hero__slider-dots{
    display:none !important;
  }
}

/* ===== CABELOS | REMOVER SOMBRA PESADA DO CARD HERO ===== */
.hair-store-hero__slider::after{
  display:none !important;
  content:none !important;
  background:none !important;
}

.hair-store-hero__frame::after{
  display:none !important;
  content:none !important;
}

.hair-store-hero__slider-badge{
  display:flex !important;
}

.hair-store-hero__slides::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:4 !important;
  pointer-events:none !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 28% 18%, rgba(255,255,255,.16), transparent 26%),
    linear-gradient(to bottom, rgba(255,255,255,.04), transparent 42%) !important;
}

/* ===== CABELOS | HERO BACKGROUND CINEMATOGRAFICO PREMIUM ===== */
.hair-store-hero{
  background:
    radial-gradient(circle at 18% 28%, rgba(255, 231, 198, .22), transparent 28%),
    radial-gradient(circle at 72% 38%, rgba(255, 210, 158, .20), transparent 30%),
    radial-gradient(circle at 92% 82%, rgba(42, 16, 7, .42), transparent 38%),
    linear-gradient(120deg, #bd8152 0%, #9b562c 44%, #5b2612 100%) !important;
}

.hair-store-hero::before{
  background:
    linear-gradient(90deg, rgba(255,255,255,.08), transparent 30%, rgba(0,0,0,.10) 100%),
    radial-gradient(circle at 30% 52%, rgba(255, 244, 227, .10), transparent 32%),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.026) 0px,
      rgba(255,255,255,.026) 1px,
      transparent 1px,
      transparent 9px
    ) !important;
  opacity:1 !important;
}

.hair-store-hero::after{
  width:620px !important;
  height:620px !important;
  right:-210px !important;
  top:12px !important;
  background:radial-gradient(circle, rgba(255, 223, 185, .30), rgba(196, 127, 73, .10) 42%, transparent 72%) !important;
  filter:blur(8px) !important;
}

/* ===== CABELOS | HERO ACABAMENTO FINAL DE LUZ ===== */
.hair-store-hero::before{
  opacity:.74 !important;
}

.hair-store-hero__visual::after{
  content:"" !important;
  position:absolute !important;
  width:520px !important;
  height:520px !important;
  right:-42px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(255, 224, 185, .30), rgba(201, 130, 76, .12) 42%, transparent 70%) !important;
  filter:blur(18px) !important;
  z-index:-1 !important;
  pointer-events:none !important;
}

.hair-store-hero__slider{
  box-shadow:
    0 34px 86px rgba(42, 16, 7, .44),
    0 0 0 1px rgba(255,255,255,.20),
    inset 0 1px 0 rgba(255,255,255,.56) !important;
}

/* ===== CABELOS | BLOCO 2 VITRINE LUXUOSA ===== */
.hair-store-intro{
  position:relative !important;
  overflow:hidden !important;
  padding:92px 0 104px !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.78), transparent 26%),
    radial-gradient(circle at 82% 22%, rgba(212,160,103,.20), transparent 32%),
    linear-gradient(180deg, #fffaf4 0%, #f4e7d7 48%, #ead7c1 100%) !important;
}

.hair-store-intro::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(122,73,38,.035) 0px,
      rgba(122,73,38,.035) 1px,
      transparent 1px,
      transparent 11px
    ) !important;
  opacity:.62 !important;
  pointer-events:none !important;
}

.hair-store-intro .container{
  position:relative !important;
  z-index:2 !important;
}

.hair-store-intro__heading{
  max-width:820px !important;
  margin:0 auto 52px !important;
  text-align:center !important;
}

.hair-store-intro__heading .section-tag{
  color:#9b5a2f !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
}

.hair-store-intro__heading h2{
  margin:12px auto 16px !important;
  max-width:820px !important;
  color:#2b1810 !important;
  font-size:clamp(2.2rem, 4vw, 4.35rem) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
}

.hair-store-intro__heading p{
  max-width:650px !important;
  margin:0 auto !important;
  color:rgba(43,24,16,.72) !important;
  font-size:1rem !important;
  line-height:1.85 !important;
}

.hair-store-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:34px !important;
}

.hair-product-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:34px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,246,235,.76)) !important;
  border:1px solid rgba(133,83,48,.16) !important;
  box-shadow:
    0 30px 70px rgba(76,38,18,.14),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
  display:grid !important;
  grid-template-columns:minmax(220px, .92fr) minmax(0, 1.08fr) !important;
  min-height:390px !important;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}

.hair-product-card::before{
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  background:
    radial-gradient(circle at 22% 18%, rgba(255,255,255,.72), transparent 26%),
    linear-gradient(115deg, transparent 38%, rgba(255,255,255,.34) 48%, transparent 58%) !important;
  opacity:.0 !important;
  transform:translateX(-24%) !important;
  transition:.45s ease !important;
  pointer-events:none !important;
  z-index:4 !important;
}

.hair-product-card:hover{
  transform:translateY(-8px) !important;
  border-color:rgba(177,116,67,.32) !important;
  box-shadow:
    0 38px 92px rgba(76,38,18,.20),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.hair-product-card:hover::before{
  opacity:.85 !important;
  transform:translateX(22%) !important;
}

.hair-product-card__image{
  position:relative !important;
  min-height:100% !important;
  overflow:hidden !important;
  background:#2c160c !important;
}

.hair-product-card__image img{
  width:100% !important;
  height:100% !important;
  min-height:390px !important;
  object-fit:cover !important;
  display:block !important;
  transform:scale(1.02) !important;
  transition:transform .65s ease, filter .35s ease !important;
  filter:saturate(1.06) contrast(1.04) brightness(.98) !important;
}

.hair-product-card:hover .hair-product-card__image img{
  transform:scale(1.075) !important;
  filter:saturate(1.12) contrast(1.06) brightness(1.02) !important;
}

.hair-product-card__image::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(to right, transparent 50%, rgba(30,13,6,.22) 100%),
    linear-gradient(to bottom, transparent 55%, rgba(30,13,6,.20) 100%) !important;
  pointer-events:none !important;
}

.hair-product-card__tag{
  position:absolute !important;
  left:18px !important;
  top:18px !important;
  z-index:3 !important;
  padding:9px 13px !important;
  border-radius:999px !important;
  background:rgba(29,14,8,.62) !important;
  color:#fff5e8 !important;
  border:1px solid rgba(255,255,255,.22) !important;
  backdrop-filter:blur(10px) !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.hair-product-card__content{
  position:relative !important;
  z-index:5 !important;
  padding:34px 30px 30px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
}

.hair-product-card__eyebrow{
  display:block !important;
  color:#a16538 !important;
  font-size:.74rem !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  margin-bottom:10px !important;
}

.hair-product-card h3{
  margin:0 0 12px !important;
  color:#25150e !important;
  font-size:clamp(1.65rem, 2.3vw, 2.45rem) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
}

.hair-product-card p{
  margin:0 0 22px !important;
  color:rgba(43,24,16,.70) !important;
  font-size:.96rem !important;
  line-height:1.72 !important;
}

.hair-length-options{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-bottom:24px !important;
}

.hair-length-options button{
  appearance:none !important;
  border:1px solid rgba(122,73,38,.18) !important;
  background:rgba(255,255,255,.56) !important;
  color:#4b2a19 !important;
  border-radius:999px !important;
  padding:9px 12px !important;
  font-size:.82rem !important;
  font-weight:800 !important;
  cursor:pointer !important;
  transition:.25s ease !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82) !important;
}

.hair-length-options button:hover,
.hair-length-options button.is-selected{
  background:linear-gradient(145deg, #b97945, #e2b47c) !important;
  color:#fffaf4 !important;
  border-color:rgba(185,121,69,.44) !important;
  transform:translateY(-2px) !important;
  box-shadow:0 12px 22px rgba(146,83,42,.22) !important;
}

.hair-product-card__actions{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

.hair-product-card__actions .btn{
  min-height:44px !important;
  padding:0 18px !important;
  font-size:.88rem !important;
}

.btn-outline-dark{
  color:#3a2115 !important;
  border-color:rgba(58,33,21,.24) !important;
  background:rgba(255,255,255,.36) !important;
}

.btn-outline-dark:hover{
  color:#fffaf4 !important;
  background:#2b1810 !important;
  border-color:#2b1810 !important;
}

@media (max-width: 1060px){
  .hair-store-grid{
    grid-template-columns:1fr !important;
  }

  .hair-product-card{
    grid-template-columns:minmax(260px, .85fr) minmax(0, 1.15fr) !important;
  }
}

@media (max-width: 720px){
  .hair-store-intro{
    padding:68px 0 78px !important;
  }

  .hair-store-intro__heading{
    text-align:left !important;
    margin-bottom:34px !important;
  }

  .hair-product-card{
    grid-template-columns:1fr !important;
    min-height:auto !important;
  }

  .hair-product-card__image img{
    min-height:320px !important;
  }

  .hair-product-card__content{
    padding:28px 22px 24px !important;
  }

  .hair-product-card__actions .btn{
    width:100% !important;
  }
}

/* ===== CABELOS | ALINHAR BOTOES DOS CARDS DESKTOP ===== */
.hair-product-card__actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  flex-wrap:nowrap !important;
}

.hair-product-card__actions .btn{
  width:auto !important;
  min-width:132px !important;
  height:46px !important;
  padding:0 18px !important;
  white-space:nowrap !important;
  font-size:.84rem !important;
}

.hair-product-card__actions .btn-outline-dark{
  min-width:136px !important;
}

@media (max-width: 720px){
  .hair-product-card__actions{
    flex-wrap:wrap !important;
  }

  .hair-product-card__actions .btn{
    width:100% !important;
    min-width:0 !important;
  }
}

/* ===== CABELOS | CENTRALIZAR BOTOES DOS CARDS ===== */
.hair-product-card__actions{
  margin-left: 0 !important;
  justify-content:center !important;
  width:100% !important;
}

.hair-product-card__actions .btn{
  min-width:132px !important;
}

.hair-product-card__actions .btn-outline-dark{
  min-width:136px !important;
}

@media (max-width: 720px){
  .hair-product-card__actions{
    justify-content:stretch !important;
  }

  .hair-product-card__actions .btn{
    width:100% !important;
  }
}

/* ===== CABELOS | COMPRIMENTOS MAIS COMPACTOS NO CELULAR ===== */
@media (max-width: 720px){
  .hair-length-options{
    gap:7px !important;
    margin-bottom:22px !important;
  }

  .hair-length-options button{
    min-width:auto !important;
    padding:8px 11px !important;
    font-size:.80rem !important;
    line-height:1 !important;
  }
}

@media (max-width: 420px){
  .hair-length-options{
    gap:7px !important;
  }

  .hair-length-options button{
    padding:8px 10px !important;
    font-size:.78rem !important;
  }
}

/* ===== CABELOS | POPUP MODAL DE COMPRA ===== */
.hair-buy-modal{
  position:fixed !important;
  inset:0 !important;
  z-index:9999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition:.28s ease !important;
}

.hair-buy-modal.is-open{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

.hair-buy-modal__overlay{
  position:absolute !important;
  inset:0 !important;
  background:rgba(30,14,7,.62) !important;
  backdrop-filter:blur(10px) !important;
}

.hair-buy-modal__dialog{
  position:relative !important;
  z-index:2 !important;
  width:min(760px, 100%) !important;
  max-height:92vh !important;
  overflow:auto !important;
  border-radius:34px !important;
  padding:34px !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.82), transparent 30%),
    linear-gradient(145deg, #fffaf4 0%, #f2dfca 100%) !important;
  border:1px solid rgba(151,92,51,.22) !important;
  box-shadow:
    0 38px 100px rgba(22,10,5,.42),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
  transform:translateY(18px) scale(.96) !important;
  transition:.32s ease !important;
}

.hair-buy-modal.is-open .hair-buy-modal__dialog{
  transform:translateY(0) scale(1) !important;
}

.hair-buy-modal__close{
  position:absolute !important;
  right:18px !important;
  top:18px !important;
  width:42px !important;
  height:42px !important;
  border-radius:999px !important;
  border:1px solid rgba(77,40,22,.16) !important;
  background:rgba(255,255,255,.66) !important;
  color:#2b1810 !important;
  font-size:1.7rem !important;
  line-height:1 !important;
  cursor:pointer !important;
  box-shadow:0 10px 22px rgba(60,30,14,.12) !important;
}

.hair-buy-modal__header{
  padding-right:46px !important;
  margin-bottom:22px !important;
}

.hair-buy-modal__header .section-tag{
  color:#9b5a2f !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
}

.hair-buy-modal__header h2{
  margin:10px 0 12px !important;
  color:#28160f !important;
  font-size:clamp(1.9rem, 3vw, 3rem) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
}

.hair-buy-modal__header p{
  max-width:620px !important;
  color:rgba(43,24,16,.72) !important;
  font-size:.98rem !important;
  line-height:1.7 !important;
}

.hair-buy-form-modal{
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.hair-buy-selected-box{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin-bottom:18px !important;
}

.hair-buy-selected-box > div{
  padding:16px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.62) !important;
  border:1px solid rgba(122,73,38,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.hair-buy-selected-box span{
  display:block !important;
  margin-bottom:6px !important;
  color:#a16538 !important;
  font-size:.72rem !important;
  font-weight:900 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
}

.hair-buy-selected-box strong{
  color:#28160f !important;
  font-size:1.08rem !important;
  line-height:1.2 !important;
}

.hair-buy-form-modal .form-row{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:14px !important;
}

.hair-buy-form-modal label{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  color:#4b2a19 !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.hair-buy-form-modal input,
.hair-buy-form-modal textarea{
  width:100% !important;
  border:1px solid rgba(122,73,38,.18) !important;
  outline:none !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.76) !important;
  color:#2b1810 !important;
  padding:15px 16px !important;
  font-size:.95rem !important;
  font-weight:600 !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.hair-buy-form-modal textarea{
  resize:vertical !important;
  min-height:112px !important;
}

.hair-buy-form-modal input:focus,
.hair-buy-form-modal textarea:focus{
  border-color:rgba(185,121,69,.58) !important;
  box-shadow:
    0 0 0 4px rgba(201,139,82,.13),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
  background:#fffaf4 !important;
}

.hair-buy-form-modal .hair-buy-form-submit{
  width:100% !important;
  margin-top:8px !important;
  min-height:54px !important;
}

body.hair-modal-open{
  overflow:hidden !important;
}

@media (max-width:640px){
  .hair-buy-modal{
    padding:14px !important;
    align-items:flex-end !important;
  }

  .hair-buy-modal__dialog{
    width:100% !important;
    max-height:90vh !important;
    border-radius:28px 28px 0 0 !important;
    padding:26px 20px 22px !important;
  }

  .hair-buy-modal__header{
    padding-right:42px !important;
  }

  .hair-buy-modal__header h2{
    font-size:2rem !important;
  }

  .hair-buy-selected-box{
    grid-template-columns:1fr !important;
  }

  .hair-buy-form-modal .form-row{
    grid-template-columns:1fr !important;
  }
}

/* ===== CABELOS | BLOCO 3 COMO FUNCIONA A COMPRA ===== */
.hair-how-buy-section{
  position:relative !important;
  overflow:hidden !important;
  padding:96px 0 108px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.72), transparent 30%),
    radial-gradient(circle at 88% 20%, rgba(180,111,62,.20), transparent 34%),
    linear-gradient(135deg, #fffaf4 0%, #f2e0cc 52%, #e4c7a8 100%) !important;
}

.hair-how-buy-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(116,67,35,.035) 0px,
      rgba(116,67,35,.035) 1px,
      transparent 1px,
      transparent 11px
    ) !important;
  pointer-events:none !important;
}

.hair-how-buy-section .container{
  position:relative !important;
  z-index:2 !important;
}

.hair-how-buy-heading{
  max-width:850px !important;
  margin:0 auto 52px !important;
  text-align:center !important;
}

.hair-how-buy-heading .section-tag{
  color:#9b5a2f !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
}

.hair-how-buy-heading h2{
  margin:12px auto 16px !important;
  max-width:850px !important;
  color:#28160f !important;
  font-size:clamp(2.15rem, 4vw, 4.2rem) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
}

.hair-how-buy-heading p{
  max-width:660px !important;
  margin:0 auto !important;
  color:rgba(43,24,16,.72) !important;
  font-size:1rem !important;
  line-height:1.85 !important;
}

.hair-how-buy-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:20px !important;
}

.hair-how-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:285px !important;
  border-radius:30px !important;
  padding:28px 24px !important;
  background:
    linear-gradient(145deg, rgba(255,255,255,.86), rgba(255,246,235,.66)) !important;
  border:1px solid rgba(122,73,38,.15) !important;
  box-shadow:
    0 26px 64px rgba(76,38,18,.12),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease !important;
}

.hair-how-card::before{
  content:"" !important;
  position:absolute !important;
  inset:-1px !important;
  background:
    radial-gradient(circle at 20% 10%, rgba(255,255,255,.86), transparent 26%),
    linear-gradient(120deg, transparent 38%, rgba(255,255,255,.32) 48%, transparent 58%) !important;
  opacity:0 !important;
  transform:translateX(-18%) !important;
  transition:.4s ease !important;
  pointer-events:none !important;
}

.hair-how-card:hover{
  transform:translateY(-7px) !important;
  border-color:rgba(185,121,69,.32) !important;
  box-shadow:
    0 34px 82px rgba(76,38,18,.18),
    inset 0 1px 0 rgba(255,255,255,.94) !important;
}

.hair-how-card:hover::before{
  opacity:.8 !important;
  transform:translateX(18%) !important;
}

.hair-how-card__number{
  position:relative !important;
  z-index:2 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:58px !important;
  height:58px !important;
  border-radius:20px !important;
  margin-bottom:26px !important;
  background:linear-gradient(145deg, #b97945, #e3b77f) !important;
  color:#fffaf4 !important;
  font-size:1rem !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  box-shadow:
    0 16px 28px rgba(146,83,42,.24),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

.hair-how-card h3{
  position:relative !important;
  z-index:2 !important;
  margin:0 0 12px !important;
  color:#28160f !important;
  font-size:1.35rem !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}

.hair-how-card p{
  position:relative !important;
  z-index:2 !important;
  margin:0 !important;
  color:rgba(43,24,16,.70) !important;
  font-size:.95rem !important;
  line-height:1.72 !important;
}

@media (max-width: 1100px){
  .hair-how-buy-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px){
  .hair-how-buy-section{
    padding:72px 0 82px !important;
  }

  .hair-how-buy-heading{
    text-align:left !important;
    margin-bottom:34px !important;
  }

  .hair-how-buy-heading h2{
    font-size:2.45rem !important;
  }

  .hair-how-buy-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .hair-how-card{
    min-height:auto !important;
    padding:24px 22px !important;
    border-radius:26px !important;
  }

  .hair-how-card__number{
    width:52px !important;
    height:52px !important;
    border-radius:18px !important;
    margin-bottom:18px !important;
  }
}

/* ===== OVERRIDE | BLOCO 3 MAIS LUXUOSO ===== */
.hair-how-buy-section{
  position: relative !important;
  overflow: hidden !important;
  padding: 96px 0 110px !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(255,255,255,.14), transparent 28%),
    radial-gradient(circle at 86% 20%, rgba(255,255,255,.08), transparent 24%),
    linear-gradient(90deg, #c58b59 0%, #a75f2f 45%, #7d3f1b 75%, #5a240d 100%) !important;
}

.hair-how-buy-section::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.035) 0px,
      rgba(255,255,255,.035) 1px,
      transparent 1px,
      transparent 13px
    ) !important;
  pointer-events: none !important;
}

.hair-how-buy-section .container{
  position: relative !important;
  z-index: 2 !important;
}

.hair-how-buy-heading{
  max-width: 980px !important;
  margin: 0 auto 54px !important;
  text-align: center !important;
}

.hair-how-buy-heading .section-tag{
  color: rgba(255,244,233,.88) !important;
  letter-spacing: .20em !important;
  font-weight: 800 !important;
}

.hair-how-buy-heading h2{
  color: #fff8f1 !important;
  text-shadow: 0 8px 30px rgba(40,15,3,.18) !important;
}

.hair-how-buy-heading p{
  color: rgba(255,244,235,.82) !important;
}

.hair-how-buy-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

.hair-how-card{
  position: relative !important;
  overflow: hidden !important;
  min-height: 250px !important;
  padding: 34px 26px !important;
  border-radius: 30px !important;
  background:
    linear-gradient(180deg, rgba(255,250,245,.96) 0%, rgba(248,238,227,.92) 100%) !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  box-shadow:
    0 20px 40px rgba(66,26,8,.16),
    0 10px 18px rgba(66,26,8,.10),
    inset 0 1px 0 rgba(255,255,255,.8),
    inset 0 -1px 0 rgba(177,117,71,.10) !important;
  transition: transform .35s ease, box-shadow .35s ease !important;
}

.hair-how-card::before{
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: -40% !important;
  width: 70% !important;
  height: 100% !important;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.26) 45%,
    transparent 100%
  ) !important;
  transform: skewX(-18deg) !important;
  pointer-events: none !important;
}

.hair-how-card::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at top left, rgba(255,255,255,.55), transparent 30%) !important;
  pointer-events: none !important;
}

.hair-how-card:hover{
  transform: translateY(-8px) !important;
  box-shadow:
    0 32px 58px rgba(66,26,8,.22),
    0 14px 24px rgba(66,26,8,.14),
    inset 0 1px 0 rgba(255,255,255,.85),
    inset 0 -1px 0 rgba(177,117,71,.12) !important;
}

.hair-how-card__number{
  display: none !important;
}

.hair-how-card h3{
  margin: 0 0 14px !important;
  color: #24130c !important;
  font-size: 1.7rem !important;
  line-height: 1.02 !important;
  letter-spacing: -.035em !important;
}

.hair-how-card p{
  margin: 0 !important;
  color: rgba(54,30,18,.76) !important;
  font-size: 1rem !important;
  line-height: 1.8 !important;
}

@media (max-width: 1100px){
  .hair-how-buy-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 640px){
  .hair-how-buy-section{
    padding: 72px 0 82px !important;
  }

  .hair-how-buy-heading{
    text-align: left !important;
    margin-bottom: 32px !important;
  }

  .hair-how-buy-grid{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .hair-how-card{
    min-height: auto !important;
    padding: 26px 22px !important;
    border-radius: 24px !important;
  }

  .hair-how-card h3{
    font-size: 1.45rem !important;
  }

  .hair-how-card p{
    font-size: .96rem !important;
    line-height: 1.7 !important;
  }
}

/* ===== BLOCO 3 | MESMA TEXTURA DO BLOCO 1 ===== */
.hair-how-buy-section{
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 16% 18%, rgba(255,255,255,.13), transparent 30%),
    radial-gradient(circle at 84% 20%, rgba(255,255,255,.07), transparent 24%),
    linear-gradient(90deg, #c58b59 0%, #a86131 42%, #7b3d1a 74%, #5a240d 100%) !important;
}

.hair-how-buy-section::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.035) 0px,
      rgba(255,255,255,.035) 1px,
      transparent 1px,
      transparent 13px
    ) !important;
  pointer-events: none !important;
}

.hair-how-buy-section::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.04)) !important;
  pointer-events: none !important;
}

.hair-how-buy-section .container{
  position: relative !important;
  z-index: 2 !important;
}

.hair-how-buy-heading .section-tag{
  color: rgba(255,244,233,.92) !important;
}

.hair-how-buy-heading h2{
  color: #fff8f1 !important;
  text-shadow: 0 10px 30px rgba(40,15,3,.18) !important;
}

.hair-how-buy-heading p{
  color: rgba(255,244,235,.86) !important;
}

/* ===== BLOCO 3 | CARDS 3D LUXO FINAL ===== */
.hair-how-card{
  position:relative !important;
  min-height:250px !important;
  padding:34px 26px !important;
  border-radius:32px !important;
  background:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,.92), transparent 32%),
    linear-gradient(145deg, rgba(255,250,245,.98), rgba(238,219,199,.94)) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:
    0 26px 58px rgba(45,18,6,.22),
    0 10px 20px rgba(45,18,6,.12),
    inset 0 1px 0 rgba(255,255,255,.92),
    inset 0 -1px 0 rgba(153,91,51,.14) !important;
  transform:perspective(900px) rotateX(0deg) rotateY(0deg) !important;
}

.hair-how-card::before{
  content:"" !important;
  position:absolute !important;
  left:24px !important;
  top:22px !important;
  width:54px !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, #b97945, #f0c691, #9d5a2e) !important;
  opacity:.85 !important;
  box-shadow:0 0 18px rgba(224,176,121,.40) !important;
  transform:none !important;
}

.hair-how-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  border-radius:32px !important;
  background:
    linear-gradient(120deg, transparent 35%, rgba(255,255,255,.26) 48%, transparent 61%),
    radial-gradient(circle at 18% 8%, rgba(255,255,255,.55), transparent 28%) !important;
  opacity:.34 !important;
  pointer-events:none !important;
}

.hair-how-card:hover{
  transform:translateY(-9px) !important;
  box-shadow:
    0 36px 78px rgba(45,18,6,.28),
    0 16px 28px rgba(45,18,6,.16),
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 0 -1px 0 rgba(153,91,51,.16) !important;
}

.hair-how-card h3{
  position:relative !important;
  z-index:2 !important;
  margin:26px 0 14px !important;
  color:#221109 !important;
  font-size:1.55rem !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
}

.hair-how-card p{
  position:relative !important;
  z-index:2 !important;
  color:rgba(54,30,18,.74) !important;
  font-size:.98rem !important;
  line-height:1.78 !important;
}

@media (max-width:640px){
  .hair-how-card{
    min-height:auto !important;
    padding:30px 22px 26px !important;
    border-radius:28px !important;
  }

  .hair-how-card::before{
    left:22px !important;
    top:20px !important;
  }

  .hair-how-card h3{
    margin-top:24px !important;
    font-size:1.42rem !important;
  }
}

/* ===== BLOCO COMO FUNCIONA | FUNDO COM MESMA TEXTURA DO BLOCO 1 ===== */
.hair-how-buy-section{
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background:
    linear-gradient(90deg, #c98955 0%, #a75b2b 52%, #6f2f16 100%) !important;
}

.hair-how-buy-section::before{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    repeating-linear-gradient(
      -45deg,
      rgba(255,255,255,.055) 0px,
      rgba(255,255,255,.055) 1px,
      transparent 1px,
      transparent 12px
    ) !important;
  opacity: .65 !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.hair-how-buy-section::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 14% 78%, rgba(255,214,170,.22), transparent 28%),
    radial-gradient(circle at 78% 18%, rgba(255,180,120,.12), transparent 24%),
    radial-gradient(circle at 92% 52%, rgba(86,22,7,.18), transparent 22%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.hair-how-buy-section .container,
.hair-how-buy-section .section-heading,
.hair-how-buy-grid,
.hair-how-card{
  position: relative !important;
  z-index: 1 !important;
}

/* ===== BLOCO 3 | FUNDO IDENTICO AO HERO CABELOS COM PROFUNDIDADE ===== */
.hair-how-buy-section{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:
    radial-gradient(circle at 18% 28%, rgba(255, 231, 198, .22), transparent 28%),
    radial-gradient(circle at 72% 38%, rgba(255, 210, 158, .20), transparent 30%),
    radial-gradient(circle at 92% 82%, rgba(42, 16, 7, .42), transparent 38%),
    linear-gradient(120deg, #bd8152 0%, #9b562c 44%, #5b2612 100%) !important;
}

.hair-how-buy-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.08), transparent 30%, rgba(0,0,0,.10) 100%),
    radial-gradient(circle at 30% 52%, rgba(255, 244, 227, .10), transparent 32%),
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.026) 0px,
      rgba(255,255,255,.026) 1px,
      transparent 1px,
      transparent 9px
    ) !important;
  opacity:.82 !important;
  pointer-events:none !important;
}

.hair-how-buy-section::after{
  content:"" !important;
  position:absolute !important;
  width:720px !important;
  height:720px !important;
  right:-220px !important;
  top:-90px !important;
  z-index:0 !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(255, 223, 185, .30), rgba(196, 127, 73, .10) 42%, transparent 72%) !important;
  filter:blur(8px) !important;
  pointer-events:none !important;
}

.hair-how-buy-section .container{
  position:relative !important;
  z-index:2 !important;
}

.hair-how-buy-heading .section-tag{
  color:#fff7ec !important;
  text-shadow:0 8px 18px rgba(0,0,0,.18) !important;
}

.hair-how-buy-heading h2{
  color:#fffaf3 !important;
  text-shadow:0 18px 42px rgba(34,14,6,.32) !important;
}

.hair-how-buy-heading p{
  color:rgba(255,250,244,.88) !important;
  text-shadow:0 8px 22px rgba(0,0,0,.18) !important;
}

/* ===== BLOCO 3 | FUNDO PREMIUM TEXTURIZADO FORTE ===== */
.hair-how-buy-section{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:
    radial-gradient(circle at 18% 24%, rgba(255, 231, 198, .34), transparent 30%),
    radial-gradient(circle at 58% 72%, rgba(255, 207, 150, .18), transparent 34%),
    radial-gradient(circle at 88% 18%, rgba(255, 226, 190, .18), transparent 28%),
    radial-gradient(circle at 94% 82%, rgba(42, 16, 7, .55), transparent 42%),
    linear-gradient(120deg, #c98a58 0%, #a45b2d 42%, #763416 72%, #4c1b0a 100%) !important;
}

.hair-how-buy-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.070) 0px,
      rgba(255,255,255,.070) 1px,
      transparent 1px,
      transparent 10px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(0,0,0,.035) 0px,
      rgba(0,0,0,.035) 1px,
      transparent 1px,
      transparent 18px
    ) !important;
  opacity:.82 !important;
  mix-blend-mode:soft-light !important;
}

.hair-how-buy-section::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.10) 0%, transparent 28%, transparent 62%, rgba(0,0,0,.24) 100%),
    radial-gradient(circle at 50% 62%, rgba(255, 220, 176, .22), transparent 34%),
    radial-gradient(circle at 12% 86%, rgba(255, 239, 216, .16), transparent 28%) !important;
}

.hair-how-buy-section .container{
  position:relative !important;
  z-index:2 !important;
}

.hair-how-buy-grid{
  position:relative !important;
  z-index:2 !important;
}

.hair-how-buy-grid::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:980px !important;
  height:360px !important;
  transform:translate(-50%, -50%) !important;
  z-index:-1 !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(255, 222, 183, .26), rgba(184, 105, 52, .10) 44%, transparent 72%) !important;
  filter:blur(26px) !important;
  pointer-events:none !important;
}

.hair-how-buy-heading .section-tag{
  color:#fff7ec !important;
  text-shadow:0 8px 18px rgba(0,0,0,.20) !important;
}

.hair-how-buy-heading h2{
  color:#fffaf3 !important;
  text-shadow:0 18px 42px rgba(34,14,6,.38) !important;
}

.hair-how-buy-heading p{
  color:rgba(255,250,244,.90) !important;
  text-shadow:0 8px 22px rgba(0,0,0,.22) !important;
}

/* ===== BLOCO 3 | FUNDO FINAL REAL COM TEXTURA VISIVEL ===== */
section.hair-how-buy-section{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.075) 0px,
      rgba(255,255,255,.075) 1px,
      transparent 1px,
      transparent 9px
    ),
    repeating-linear-gradient(
      45deg,
      rgba(60,20,6,.060) 0px,
      rgba(60,20,6,.060) 1px,
      transparent 1px,
      transparent 18px
    ),
    radial-gradient(circle at 16% 22%, rgba(255,232,199,.34), transparent 30%),
    radial-gradient(circle at 52% 68%, rgba(255,205,145,.18), transparent 38%),
    radial-gradient(circle at 88% 28%, rgba(255,240,218,.16), transparent 28%),
    radial-gradient(circle at 95% 86%, rgba(39,12,4,.58), transparent 44%),
    linear-gradient(120deg, #c98a58 0%, #a65b2d 42%, #783515 72%, #4d1a08 100%) !important;
}

section.hair-how-buy-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,.12) 0%, transparent 30%, transparent 64%, rgba(0,0,0,.26) 100%),
    radial-gradient(circle at 28% 48%, rgba(255,244,227,.14), transparent 34%),
    radial-gradient(circle at 58% 56%, rgba(255,214,170,.16), transparent 42%) !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}

section.hair-how-buy-section::after{
  content:"" !important;
  position:absolute !important;
  right:-180px !important;
  top:-120px !important;
  width:760px !important;
  height:760px !important;
  z-index:0 !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(255,226,190,.34), rgba(196,127,73,.12) 42%, transparent 72%) !important;
  filter:blur(10px) !important;
  pointer-events:none !important;
}

section.hair-how-buy-section .container,
section.hair-how-buy-section .hair-how-buy-heading,
section.hair-how-buy-section .hair-how-buy-grid,
section.hair-how-buy-section .hair-how-card{
  position:relative !important;
  z-index:2 !important;
}

section.hair-how-buy-section .hair-how-buy-grid::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:54% !important;
  width:1050px !important;
  height:390px !important;
  transform:translate(-50%, -50%) !important;
  z-index:-1 !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(255,224,186,.30), rgba(184,105,52,.12) 46%, transparent 74%) !important;
  filter:blur(28px) !important;
  pointer-events:none !important;
}

/* ===== CABELOS | CTA FINAL GLAMOUROSO 3D ===== */
.hair-final-cta-section{
  position:relative !important;
  overflow:hidden !important;
  padding:104px 0 118px !important;
  background:
    radial-gradient(circle at 14% 14%, rgba(255,255,255,.86), transparent 30%),
    radial-gradient(circle at 88% 18%, rgba(209,150,91,.20), transparent 34%),
    radial-gradient(circle at 50% 100%, rgba(185,121,69,.18), transparent 38%),
    linear-gradient(135deg, #fffaf4 0%, #f5e7d7 48%, #ead2b8 100%) !important;
}

.hair-final-cta-section::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(122,73,38,.040) 0px,
      rgba(122,73,38,.040) 1px,
      transparent 1px,
      transparent 11px
    ) !important;
  opacity:.72 !important;
  pointer-events:none !important;
}

.hair-final-cta-section::after{
  content:"" !important;
  position:absolute !important;
  width:620px !important;
  height:620px !important;
  right:-220px !important;
  bottom:-260px !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(193,122,67,.26), transparent 68%) !important;
  filter:blur(10px) !important;
  pointer-events:none !important;
}

.hair-final-cta-section .container{
  position:relative !important;
  z-index:2 !important;
}

.hair-final-cta-card{
  position:relative !important;
  overflow:hidden !important;
  max-width:1060px !important;
  margin:0 auto !important;
  border-radius:44px !important;
  padding:62px 54px !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,244,229,.22), transparent 30%),
    linear-gradient(135deg, #c69461 0%, #a76635 42%, #6f3217 100%) !important;
  border:1px solid rgba(255,255,255,.28) !important;
  box-shadow:
    0 42px 100px rgba(86,42,17,.26),
    0 18px 36px rgba(86,42,17,.14),
    inset 0 1px 0 rgba(255,255,255,.38),
    inset 0 -1px 0 rgba(64,23,9,.24) !important;
  transform:perspective(1100px) rotateX(0deg) rotateY(0deg) !important;
}

.hair-final-cta-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.055) 0px,
      rgba(255,255,255,.055) 1px,
      transparent 1px,
      transparent 10px
    ),
    linear-gradient(90deg, rgba(255,255,255,.12), transparent 34%, rgba(0,0,0,.14)) !important;
  pointer-events:none !important;
  opacity:.70 !important;
}

.hair-final-cta-card::after{
  content:"" !important;
  position:absolute !important;
  inset:14px !important;
  border-radius:34px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  pointer-events:none !important;
}

.hair-final-cta-card__glow{
  position:absolute !important;
  right:-130px !important;
  top:-180px !important;
  width:520px !important;
  height:520px !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(255,226,189,.38), rgba(214,139,75,.12) 44%, transparent 72%) !important;
  filter:blur(8px) !important;
  pointer-events:none !important;
}

.hair-final-cta-content{
  position:relative !important;
  z-index:2 !important;
  max-width:760px !important;
}

.hair-final-cta-content .section-tag{
  color:#fff7ec !important;
  font-weight:900 !important;
  letter-spacing:.17em !important;
  text-shadow:0 8px 18px rgba(0,0,0,.18) !important;
}

.hair-final-cta-content h2{
  margin:14px 0 18px !important;
  color:#fffaf3 !important;
  font-size:clamp(2.45rem, 4.6vw, 5.1rem) !important;
  line-height:.92 !important;
  letter-spacing:-.07em !important;
  text-shadow:0 18px 42px rgba(34,14,6,.34) !important;
}

.hair-final-cta-content p{
  max-width:640px !important;
  margin:0 !important;
  color:rgba(255,250,244,.88) !important;
  font-size:1.04rem !important;
  line-height:1.82 !important;
  text-shadow:0 8px 22px rgba(0,0,0,.18) !important;
}

.hair-final-cta-actions{
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  flex-wrap:wrap !important;
  margin-top:34px !important;
}

.hair-final-cta-actions .btn{
  min-height:54px !important;
  padding:0 26px !important;
  border-radius:999px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  transform:translateY(0) !important;
  transition:.28s ease !important;
}

.hair-final-cta-primary{
  background:linear-gradient(145deg, #f1c58f, #b8753f) !important;
  color:#fffaf4 !important;
  border:1px solid rgba(255,255,255,.24) !important;
  box-shadow:
    0 18px 34px rgba(54,22,8,.25),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

.hair-final-cta-whatsapp{
  background:rgba(255,250,244,.92) !important;
  color:#2b1810 !important;
  border:1px solid rgba(255,255,255,.38) !important;
  box-shadow:
    0 18px 34px rgba(54,22,8,.18),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
}

.hair-final-cta-actions .btn:hover{
  transform:translateY(-4px) !important;
  box-shadow:
    0 24px 46px rgba(54,22,8,.28),
    inset 0 1px 0 rgba(255,255,255,.42) !important;
}

@media (max-width: 760px){
  .hair-final-cta-section{
    padding:74px 0 84px !important;
  }

  .hair-final-cta-card{
    border-radius:32px !important;
    padding:44px 26px !important;
  }

  .hair-final-cta-card::after{
    inset:10px !important;
    border-radius:24px !important;
  }

  .hair-final-cta-content h2{
    font-size:2.75rem !important;
  }

  .hair-final-cta-content p{
    font-size:.98rem !important;
  }

  .hair-final-cta-actions .btn{
    width:100% !important;
  }
}

/* ===== CTA FINAL | CARD 3D INTERATIVO INTENSO ===== */
.hair-final-cta-card{
  cursor:pointer !important;
  transform:
    perspective(1200px)
    rotateX(0deg)
    rotateY(0deg)
    translateY(0) !important;
  transition:
    transform .45s cubic-bezier(.18,.84,.28,1),
    box-shadow .45s ease,
    background .45s ease,
    border-color .45s ease,
    filter .45s ease !important;
}

.hair-final-cta-card::before{
  opacity:.78 !important;
  transition:opacity .45s ease, transform .55s ease !important;
}

.hair-final-cta-card::after{
  transition:border-color .45s ease, box-shadow .45s ease !important;
}

.hair-final-cta-card__glow{
  transition:
    opacity .45s ease,
    transform .55s ease,
    filter .45s ease !important;
}

.hair-final-cta-card:hover,
.hair-final-cta-card:active{
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.78), transparent 30%),
    radial-gradient(circle at 82% 24%, rgba(255,221,178,.38), transparent 32%),
    linear-gradient(135deg, #fff8ee 0%, #f0c996 42%, #d49357 100%) !important;
  border-color:rgba(255,255,255,.72) !important;
  transform:
    perspective(1200px)
    rotateX(3deg)
    rotateY(-4deg)
    translateY(-12px)
    scale(1.018) !important;
  box-shadow:
    0 60px 130px rgba(86,42,17,.34),
    0 24px 48px rgba(86,42,17,.24),
    0 0 0 1px rgba(255,255,255,.26),
    inset 0 1px 0 rgba(255,255,255,.82),
    inset 0 -1px 0 rgba(180,104,52,.20) !important;
  filter:saturate(1.08) contrast(1.02) !important;
}

.hair-final-cta-card:hover::before,
.hair-final-cta-card:active::before{
  opacity:1 !important;
  transform:translateX(18%) !important;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(128,74,38,.050) 0px,
      rgba(128,74,38,.050) 1px,
      transparent 1px,
      transparent 10px
    ),
    linear-gradient(
      115deg,
      transparent 26%,
      rgba(255,255,255,.42) 44%,
      rgba(255,255,255,.20) 52%,
      transparent 68%
    ) !important;
}

.hair-final-cta-card:hover::after,
.hair-final-cta-card:active::after{
  border-color:rgba(255,255,255,.42) !important;
  box-shadow:
    inset 0 0 42px rgba(255,255,255,.22),
    0 0 38px rgba(255,218,177,.28) !important;
}

.hair-final-cta-card:hover .hair-final-cta-card__glow,
.hair-final-cta-card:active .hair-final-cta-card__glow{
  opacity:1 !important;
  transform:scale(1.16) translate(-30px, 20px) !important;
  filter:blur(4px) !important;
  background:radial-gradient(circle, rgba(255,255,255,.70), rgba(255,213,165,.38) 38%, transparent 72%) !important;
}

.hair-final-cta-card:hover .section-tag,
.hair-final-cta-card:active .section-tag{
  color:#7b3f1c !important;
  text-shadow:none !important;
}

.hair-final-cta-card:hover h2,
.hair-final-cta-card:active h2{
  color:#241109 !important;
  text-shadow:0 14px 30px rgba(122,73,38,.16) !important;
}

.hair-final-cta-card:hover p,
.hair-final-cta-card:active p{
  color:rgba(43,24,16,.78) !important;
  text-shadow:none !important;
}

.hair-final-cta-card:hover .hair-final-cta-primary,
.hair-final-cta-card:active .hair-final-cta-primary{
  background:linear-gradient(145deg, #2b160c, #6f3217) !important;
  color:#fffaf4 !important;
  border-color:rgba(43,22,12,.28) !important;
  box-shadow:
    0 22px 42px rgba(43,22,12,.30),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.hair-final-cta-card:hover .hair-final-cta-whatsapp,
.hair-final-cta-card:active .hair-final-cta-whatsapp{
  background:linear-gradient(145deg, #ffffff, #fff0dc) !important;
  color:#241109 !important;
  border-color:rgba(122,73,38,.22) !important;
  box-shadow:
    0 22px 42px rgba(122,73,38,.22),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.hair-final-cta-card .btn:hover{
  transform:translateY(-6px) scale(1.035) !important;
}

@media (max-width:760px){
  .hair-final-cta-card:hover,
  .hair-final-cta-card:active{
    transform:
      perspective(1000px)
      rotateX(2deg)
      translateY(-6px)
      scale(1.01) !important;
  }
}

/* ===== HEADER | BOTAO INSTAGRAM PREMIUM ===== */
.header-instagram{
  width:46px !important;
  height:46px !important;
  flex:0 0 46px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.72), transparent 34%),
    linear-gradient(145deg, #f2d4ad, #b97945 52%, #5c2a15) !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:
    0 14px 26px rgba(68,32,14,.18),
    inset 0 1px 0 rgba(255,255,255,.56) !important;
  transition:.28s ease !important;
}

.header-instagram svg{
  width:21px !important;
  height:21px !important;
  fill:#fffaf4 !important;
  filter:drop-shadow(0 3px 6px rgba(42,18,8,.22)) !important;
}

.header-instagram:hover{
  transform:translateY(-3px) scale(1.04) !important;
  box-shadow:
    0 18px 34px rgba(68,32,14,.24),
    0 0 22px rgba(218,166,105,.30),
    inset 0 1px 0 rgba(255,255,255,.68) !important;
}

.header-wrap,
.nav-wrap{
  align-items:center !important;
}

@media (max-width: 720px){
  .header-instagram{
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }

  .header-instagram svg{
    width:19px !important;
    height:19px !important;
  }
}

/* ===== HEADER MOBILE | MANTER INSTAGRAM + ENTRAR ===== */
@media (max-width: 720px){
  .site-header .header-wrap,
  .site-header .nav-wrap{
    min-height:74px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
  }

  .site-header .brand{
    flex:1 1 auto !important;
    min-width:0 !important;
    font-size:.96rem !important;
    letter-spacing:.035em !important;
    white-space:nowrap !important;
  }

  .site-header .site-nav{
    display:none !important;
  }

  .site-header .header-instagram{
    display:inline-flex !important;
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
  }

  .site-header .header-instagram svg{
    width:18px !important;
    height:18px !important;
  }

  .site-header .header-cta{
    display:inline-flex !important;
    width:auto !important;
    min-width:72px !important;
    height:40px !important;
    padding:0 16px !important;
    font-size:.86rem !important;
    border-radius:999px !important;
    flex:0 0 auto !important;
  }
}

@media (max-width: 390px){
  .site-header .brand{
    font-size:.88rem !important;
  }

  .site-header .header-instagram{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }

  .site-header .header-cta{
    min-width:66px !important;
    height:38px !important;
    padding:0 14px !important;
    font-size:.82rem !important;
  }
}

/* ===== HEADER DESKTOP | ALINHAR INSTAGRAM AO LADO DO ENTRAR ===== */
@media (min-width: 721px){
  .site-header .header-wrap{
    display:grid !important;
    grid-template-columns:auto minmax(360px, 1fr) auto auto !important;
    align-items:center !important;
    gap:18px !important;
    min-height:82px !important;
  }

  .site-header .header-wrap .brand{
    justify-self:start !important;
    white-space:nowrap !important;
  }

  .site-header .header-wrap .site-nav{
    justify-self:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:26px !important;
  }

  .site-header .header-wrap .header-instagram{
    justify-self:end !important;
    margin-left:0 !important;
    margin-right:0 !important;
  }

  .site-header .header-wrap .header-cta{
    justify-self:end !important;
    margin-left:0 !important;
  }
}

/* ===== FOOTER PREMIUM | ESPAÇO SAMUEL ROCHA ===== */
.premium-footer{
  position:relative !important;
  overflow:hidden !important;
  padding:42px 0 !important;
  background:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,.82), transparent 30%),
    radial-gradient(circle at 90% 20%, rgba(196,127,73,.18), transparent 32%),
    linear-gradient(135deg, #fffaf4 0%, #f4e5d2 48%, #ead0b5 100%) !important;
  border-top:1px solid rgba(122,73,38,.14) !important;
}

.premium-footer::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(122,73,38,.035) 0px,
      rgba(122,73,38,.035) 1px,
      transparent 1px,
      transparent 11px
    ) !important;
  opacity:.68 !important;
  pointer-events:none !important;
}

.premium-footer__wrap{
  position:relative !important;
  z-index:2 !important;
  display:grid !important;
  grid-template-columns:1.2fr auto auto !important;
  align-items:center !important;
  gap:34px !important;
}

.premium-footer__brand strong{
  display:block !important;
  margin-bottom:10px !important;
  color:#20100a !important;
  font-size:1.05rem !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
}

.premium-footer__brand p{
  max-width:460px !important;
  margin:0 0 10px !important;
  color:rgba(43,24,16,.72) !important;
  font-size:.95rem !important;
  line-height:1.65 !important;
}

.premium-footer__brand span{
  display:inline-flex !important;
  padding:8px 12px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.58) !important;
  border:1px solid rgba(122,73,38,.13) !important;
  color:#7a4828 !important;
  font-size:.76rem !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
}

.premium-footer__nav{
  display:flex !important;
  align-items:center !important;
  gap:22px !important;
  flex-wrap:wrap !important;
}

.premium-footer__nav a{
  color:rgba(43,24,16,.70) !important;
  font-size:.92rem !important;
  font-weight:700 !important;
  transition:.25s ease !important;
}

.premium-footer__nav a:hover{
  color:#20100a !important;
  transform:translateY(-2px) !important;
}

.premium-footer__actions{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

.premium-footer__social,
.premium-footer__whatsapp{
  min-height:44px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  padding:0 18px !important;
  font-size:.86rem !important;
  font-weight:900 !important;
  white-space:nowrap !important;
  transition:.28s ease !important;
}

.premium-footer__social{
  background:rgba(255,255,255,.62) !important;
  color:#2b1810 !important;
  border:1px solid rgba(122,73,38,.16) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.84) !important;
}

.premium-footer__whatsapp{
  background:linear-gradient(145deg, #2b160c, #6d3116) !important;
  color:#fffaf4 !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 16px 28px rgba(43,22,12,.20),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

.premium-footer__social:hover,
.premium-footer__whatsapp:hover{
  transform:translateY(-3px) !important;
}

.premium-footer__whatsapp:hover{
  box-shadow:
    0 22px 38px rgba(43,22,12,.28),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

@media (max-width: 900px){
  .premium-footer__wrap{
    grid-template-columns:1fr !important;
    text-align:center !important;
    justify-items:center !important;
    gap:24px !important;
  }

  .premium-footer__brand p{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .premium-footer__nav,
  .premium-footer__actions{
    justify-content:center !important;
  }
}

@media (max-width: 520px){
  .premium-footer{
    padding:36px 0 !important;
  }

  .premium-footer__nav{
    gap:14px !important;
  }

  .premium-footer__actions{
    width:100% !important;
  }

  .premium-footer__social,
  .premium-footer__whatsapp{
    width:100% !important;
  }
}

/* ===== HEADER | LOGO OFICIAL SR ===== */
.brand-logo{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  width:auto !important;
  min-width:0 !important;
}

.brand-logo img{
  display:block !important;
  width:74px !important;
  height:74px !important;
  object-fit:contain !important;
  border-radius:999px !important;
  filter:drop-shadow(0 10px 20px rgba(80,38,15,.16)) !important;
}

@media (min-width:721px){
  .site-header .header-wrap,
  .site-header .nav-wrap{
    min-height:88px !important;
  }

  .brand-logo img{
    width:76px !important;
    height:76px !important;
  }
}

@media (max-width:720px){
  .brand-logo img{
    width:58px !important;
    height:58px !important;
  }

  .site-header .brand-logo{
    flex:1 1 auto !important;
  }
}

@media (max-width:390px){
  .brand-logo img{
    width:52px !important;
    height:52px !important;
  }
}

/* ===== HEADER MOBILE | LOGO + INSTAGRAM + ENTRAR ALINHADOS ===== */
@media (max-width: 720px){
  .site-header .header-wrap,
  .site-header .nav-wrap{
    display:grid !important;
    grid-template-columns:auto 1fr auto auto !important;
    align-items:center !important;
    gap:10px !important;
    min-height:76px !important;
  }

  .site-header .brand-logo{
    grid-column:1 !important;
    justify-self:start !important;
    flex:0 0 auto !important;
  }

  .site-header .site-nav{
    display:none !important;
  }

  .site-header .header-instagram{
    grid-column:3 !important;
    justify-self:end !important;
    margin-left:0 !important;
    margin-right:0 !important;
    width:40px !important;
    height:40px !important;
    flex:0 0 40px !important;
  }

  .site-header .header-cta{
    grid-column:4 !important;
    justify-self:end !important;
    display:inline-flex !important;
    min-width:74px !important;
    height:40px !important;
    padding:0 16px !important;
    font-size:.86rem !important;
    flex:0 0 auto !important;
  }
}

@media (max-width: 390px){
  .site-header .header-wrap,
  .site-header .nav-wrap{
    gap:8px !important;
  }

  .brand-logo img{
    width:50px !important;
    height:50px !important;
  }

  .site-header .header-instagram{
    width:38px !important;
    height:38px !important;
    flex-basis:38px !important;
  }

  .site-header .header-cta{
    min-width:66px !important;
    height:38px !important;
    padding:0 14px !important;
    font-size:.82rem !important;
  }
}

/* ===== LANDING TRAFEGO | HEADER LIMPO PREMIUM ===== */
.sales-header{
  position:sticky !important;
  top:0 !important;
  z-index:80 !important;
  background:rgba(255,250,246,.82) !important;
  backdrop-filter:blur(16px) !important;
  border-bottom:1px solid rgba(122,73,38,.12) !important;
}

.sales-header__wrap{
  min-height:86px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:22px !important;
}

.sales-header .brand-logo img{
  width:74px !important;
  height:74px !important;
}

.sales-header__whatsapp{
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 24px !important;
  border-radius:999px !important;
  background:
    linear-gradient(145deg, #2b160c, #6f3217) !important;
  color:#fffaf4 !important;
  font-size:.92rem !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  box-shadow:
    0 16px 30px rgba(43,22,12,.22),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  transition:.28s ease !important;
  white-space:nowrap !important;
}

.sales-header__whatsapp:hover{
  transform:translateY(-3px) !important;
  box-shadow:
    0 22px 42px rgba(43,22,12,.30),
    0 0 24px rgba(194,128,72,.22),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

@media (max-width:720px){
  .sales-header__wrap{
    min-height:74px !important;
    gap:14px !important;
  }

  .sales-header .brand-logo img{
    width:58px !important;
    height:58px !important;
  }

  .sales-header__whatsapp{
    min-height:42px !important;
    padding:0 16px !important;
    font-size:.84rem !important;
  }
}

@media (max-width:390px){
  .sales-header .brand-logo img{
    width:52px !important;
    height:52px !important;
  }

  .sales-header__whatsapp{
    padding:0 13px !important;
    font-size:.80rem !important;
  }
}

/* ===== LANDING TRAFEGO | HERO MAIS AGRESSIVO ===== */
.comprar-cabelos-page .hair-store-hero,
body:has(.sales-header) .hair-store-hero{
  min-height:calc(100vh - 86px) !important;
}

body:has(.sales-header) .hair-store-hero__content{
  max-width:720px !important;
}

body:has(.sales-header) .hair-store-hero__content h1{
  font-size:clamp(3.9rem, 6.8vw, 7.4rem) !important;
  line-height:.86 !important;
  letter-spacing:-.085em !important;
  text-shadow:0 22px 54px rgba(40,15,3,.24) !important;
}

body:has(.sales-header) .hair-store-hero__content p{
  max-width:650px !important;
  font-size:1.08rem !important;
  line-height:1.82 !important;
}

.sales-hero-actions{
  margin-top:28px !important;
}

.sales-hero-primary{
  min-height:58px !important;
  padding:0 28px !important;
  font-size:1rem !important;
  box-shadow:
    0 22px 44px rgba(55,22,8,.26),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

.sales-hero-secondary{
  min-height:58px !important;
  padding:0 28px !important;
  font-size:1rem !important;
}

.sales-hero-proof{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:24px !important;
}

.sales-hero-proof span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:38px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:rgba(255,250,244,.16) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff8ef !important;
  font-size:.78rem !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  backdrop-filter:blur(10px) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18) !important;
}

body:has(.sales-header) .hair-store-hero__frame{
  transform:rotate(5deg) scale(1.04) !important;
  box-shadow:
    0 42px 90px rgba(43,18,8,.34),
    0 18px 36px rgba(43,18,8,.22),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

@media (max-width:720px){
  body:has(.sales-header) .hair-store-hero{
    min-height:auto !important;
  }

  body:has(.sales-header) .hair-store-hero__content h1{
    font-size:3.15rem !important;
    line-height:.92 !important;
  }

  .sales-hero-actions .btn{
    width:100% !important;
  }

  .sales-hero-proof{
    gap:8px !important;
  }

  .sales-hero-proof span{
    font-size:.68rem !important;
    min-height:34px !important;
    padding:0 11px !important;
  }

  body:has(.sales-header) .hair-store-hero__frame{
    transform:rotate(2deg) scale(1) !important;
  }
}

/* ===== LANDING COMPRAR CABELOS | EXPERIENCIA UNICA DE VENDA ===== */
.sales-page{
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.055) 0px,
      rgba(255,255,255,.055) 1px,
      transparent 1px,
      transparent 10px
    ),
    radial-gradient(circle at 16% 20%, rgba(255,232,199,.30), transparent 30%),
    radial-gradient(circle at 82% 18%, rgba(255,218,176,.16), transparent 28%),
    radial-gradient(circle at 94% 80%, rgba(41,15,6,.50), transparent 42%),
    linear-gradient(120deg, #c98a58 0%, #a65b2d 42%, #783515 72%, #4d1a08 100%) !important;
}

.sales-page main{
  background:transparent !important;
}

.sales-page .section-divider,
.sales-page .section-divider-unified{
  display:none !important;
}

.sales-page .hair-store-hero,
.sales-page .hair-store-intro,
.sales-page .hair-how-buy-section,
.sales-page .hair-final-cta-section{
  background:transparent !important;
}

.sales-page .hair-store-intro{
  padding-top:86px !important;
  padding-bottom:96px !important;
}

.sales-page .hair-store-intro__heading{
  max-width:980px !important;
  margin:0 auto 52px !important;
  text-align:center !important;
}

.sales-page .hair-store-intro__heading .section-tag{
  color:#fff7ec !important;
  text-shadow:0 8px 18px rgba(0,0,0,.20) !important;
}

.sales-page .hair-store-intro__heading h2{
  max-width:900px !important;
  margin:12px auto 18px !important;
  color:#fffaf3 !important;
  font-size:clamp(2.6rem, 5vw, 5.25rem) !important;
  line-height:.92 !important;
  letter-spacing:-.07em !important;
  text-shadow:0 18px 42px rgba(34,14,6,.35) !important;
}

.sales-page .hair-store-intro__heading p{
  max-width:700px !important;
  margin:0 auto !important;
  color:rgba(255,250,244,.88) !important;
  font-size:1.04rem !important;
  line-height:1.82 !important;
  text-shadow:0 8px 22px rgba(0,0,0,.18) !important;
}

.sales-page .hair-product-card{
  box-shadow:
    0 32px 78px rgba(42,16,6,.22),
    0 12px 24px rgba(42,16,6,.14),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.sales-page .hair-how-buy-section{
  padding-top:82px !important;
}

.sales-page .hair-final-cta-section{
  padding-top:88px !important;
}

@media (max-width:720px){
  .sales-page .hair-store-intro{
    padding-top:64px !important;
    padding-bottom:76px !important;
  }

  .sales-page .hair-store-intro__heading{
    text-align:left !important;
    margin-bottom:34px !important;
  }

  .sales-page .hair-store-intro__heading h2{
    font-size:2.75rem !important;
  }
}

/* ===== LANDING COMPRAR CABELOS | FLUXO CONTINUO SEM CARA DE BLOCOS ===== */
.sales-page main{
  position:relative !important;
  overflow:hidden !important;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,.055) 0px,
      rgba(255,255,255,.055) 1px,
      transparent 1px,
      transparent 10px
    ),
    radial-gradient(circle at 16% 8%, rgba(255,232,199,.34), transparent 26%),
    radial-gradient(circle at 84% 18%, rgba(255,218,176,.16), transparent 28%),
    radial-gradient(circle at 96% 82%, rgba(41,15,6,.50), transparent 42%),
    linear-gradient(120deg, #c98a58 0%, #a65b2d 42%, #783515 72%, #4d1a08 100%) !important;
}

.sales-page .hair-store-hero,
.sales-page .hair-store-intro,
.sales-page .hair-how-buy-section,
.sales-page .hair-final-cta-section{
  position:relative !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.sales-page .hair-store-hero::before,
.sales-page .hair-store-hero::after,
.sales-page .hair-store-intro::before,
.sales-page .hair-store-intro::after,
.sales-page .hair-how-buy-section::before,
.sales-page .hair-how-buy-section::after,
.sales-page .hair-final-cta-section::before,
.sales-page .hair-final-cta-section::after{
  display:none !important;
  content:none !important;
}

/* Hero mais alongado, mas sem parecer seção isolada */
.sales-page .hair-store-hero{
  min-height:calc(100vh - 86px) !important;
  padding-top:96px !important;
  padding-bottom:34px !important;
}

/* Vitrine encaixada logo abaixo do hero */
.sales-page .hair-store-intro{
  margin-top:-18px !important;
  padding-top:30px !important;
  padding-bottom:78px !important;
}

/* Como funciona sobe e fica parte da mesma experiência */
.sales-page .hair-how-buy-section{
  margin-top:-18px !important;
  padding-top:56px !important;
  padding-bottom:78px !important;
}

/* CTA final encaixado, sem sensação de novo bloco */
.sales-page .hair-final-cta-section{
  margin-top:-20px !important;
  padding-top:62px !important;
  padding-bottom:96px !important;
}

/* Luz contínua por trás da landing inteira */
.sales-page main::before{
  content:"" !important;
  position:absolute !important;
  left:50% !important;
  top:38% !important;
  width:1200px !important;
  height:1200px !important;
  transform:translateX(-50%) !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(255,226,190,.16), rgba(184,105,52,.08) 42%, transparent 72%) !important;
  filter:blur(28px) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.sales-page main > *{
  position:relative !important;
  z-index:1 !important;
}

/* Remove qualquer separador visual que tenha sobrado */
.sales-page .section-divider,
.sales-page .section-divider-unified{
  display:none !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
}

/* Títulos mais próximos dos conteúdos para reduzir cara de bloco */
.sales-page .hair-store-intro__heading,
.sales-page .hair-how-buy-heading{
  margin-bottom:34px !important;
}

.sales-page .hair-final-cta-card{
  margin-top:0 !important;
}

/* Mobile: mantém fluxo contínuo sem esmagar */
@media (max-width:720px){
  .sales-page .hair-store-hero{
    min-height:auto !important;
    padding-top:56px !important;
    padding-bottom:34px !important;
  }

  .sales-page .hair-store-intro{
    margin-top:0 !important;
    padding-top:36px !important;
    padding-bottom:58px !important;
  }

  .sales-page .hair-how-buy-section{
    margin-top:0 !important;
    padding-top:44px !important;
    padding-bottom:58px !important;
  }

  .sales-page .hair-final-cta-section{
    margin-top:0 !important;
    padding-top:50px !important;
    padding-bottom:72px !important;
  }
}

/* ===== LANDING TRAFEGO | HERO MONSTRUOSO DE VENDA ===== */
.sales-page .sales-header{
  background:rgba(255,248,241,.90) !important;
  box-shadow:0 12px 34px rgba(45,18,6,.10) !important;
}

.sales-page .hair-store-hero{
  min-height:calc(100vh - 86px) !important;
  padding:72px 0 54px !important;
  overflow:hidden !important;
}

.sales-page .hair-store-hero .container,
.sales-page .hair-store-hero__wrap{
  max-width:1220px !important;
  width:100% !important;
}

.sales-page .hair-store-hero__wrap{
  display:grid !important;
  grid-template-columns:minmax(0, 1.05fr) minmax(420px, .95fr) !important;
  align-items:center !important;
  gap:70px !important;
}

.sales-page .hair-store-hero__content{
  position:relative !important;
  max-width:760px !important;
  padding:34px 0 !important;
}

.sales-page .hair-store-hero__content::before{
  content:"" !important;
  position:absolute !important;
  inset:-34px -42px -34px -42px !important;
  z-index:-1 !important;
  border-radius:42px !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,244,229,.20), transparent 34%),
    linear-gradient(135deg, rgba(42,16,6,.18), rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 34px 90px rgba(35,12,4,.18) !important;
  backdrop-filter:blur(2px) !important;
}

.sales-page .hair-store-hero__content .section-tag,
.sales-page .hair-store-hero__eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:rgba(255,250,244,.16) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff8ef !important;
  font-size:.75rem !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

.sales-page .hair-store-hero__content h1{
  max-width:790px !important;
  margin-top:18px !important;
  font-size:clamp(4.4rem, 7.7vw, 8.3rem) !important;
  line-height:.82 !important;
  letter-spacing:-.095em !important;
  color:#fffaf3 !important;
  text-shadow:
    0 20px 42px rgba(38,13,4,.42),
    0 2px 0 rgba(255,255,255,.06) !important;
}

.sales-page .hair-store-hero__content p{
  max-width:660px !important;
  margin-top:22px !important;
  color:rgba(255,250,244,.90) !important;
  font-size:1.12rem !important;
  line-height:1.78 !important;
  text-shadow:0 8px 22px rgba(0,0,0,.20) !important;
}

.sales-page .sales-hero-actions{
  display:flex !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  margin-top:30px !important;
}

.sales-page .sales-hero-actions .btn{
  min-height:60px !important;
  padding:0 30px !important;
  border-radius:999px !important;
  font-size:1rem !important;
  font-weight:950 !important;
}

.sales-page .sales-hero-primary{
  background:linear-gradient(145deg, #fff0cf, #d79a5e 46%, #9a542a) !important;
  color:#fffaf4 !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:
    0 26px 54px rgba(43,15,4,.34),
    0 0 32px rgba(255,211,156,.18),
    inset 0 1px 0 rgba(255,255,255,.48) !important;
}

.sales-page .sales-hero-secondary{
  background:rgba(255,250,244,.13) !important;
  color:#fffaf4 !important;
  border:1px solid rgba(255,255,255,.34) !important;
  backdrop-filter:blur(10px) !important;
}

.sales-page .sales-hero-proof-strong{
  margin-top:24px !important;
  gap:10px !important;
}

.sales-page .sales-hero-proof-strong span{
  min-height:40px !important;
  padding:0 15px !important;
  background:rgba(255,250,244,.18) !important;
  border:1px solid rgba(255,255,255,.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 12px 24px rgba(43,15,4,.12) !important;
}

.sales-hero-mini-offer{
  margin-top:18px !important;
  max-width:650px !important;
  padding:16px 18px !important;
  border-radius:22px !important;
  background:rgba(255,250,244,.14) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:rgba(255,250,244,.90) !important;
  font-size:.94rem !important;
  line-height:1.58 !important;
  box-shadow:
    0 18px 36px rgba(43,15,4,.16),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter:blur(10px) !important;
}

.sales-hero-mini-offer strong{
  color:#fff8ef !important;
  font-weight:950 !important;
}

.sales-page .hair-store-hero__visual{
  position:relative !important;
}

.sales-page .hair-store-hero__visual::before{
  content:"" !important;
  position:absolute !important;
  inset:4% -8% -8% -8% !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(255,226,185,.32), rgba(165,87,42,.13) 44%, transparent 72%) !important;
  filter:blur(26px) !important;
  pointer-events:none !important;
}

.sales-page .hair-store-hero__frame{
  width:min(520px, 100%) !important;
  min-height:520px !important;
  transform:rotate(6deg) scale(1.06) !important;
  border-radius:42px !important;
  box-shadow:
    0 52px 110px rgba(32,10,3,.42),
    0 22px 46px rgba(32,10,3,.28),
    0 0 0 1px rgba(255,255,255,.20),
    inset 0 1px 0 rgba(255,255,255,.36) !important;
}

.sales-page .hair-store-hero__slide{
  object-fit:cover !important;
}

.sales-page .hair-store-hero__slider-badge{
  font-size:.86rem !important;
  padding:12px 18px !important;
  box-shadow:0 16px 30px rgba(0,0,0,.24) !important;
}

@media (max-width:980px){
  .sales-page .hair-store-hero__wrap{
    grid-template-columns:1fr !important;
    gap:42px !important;
  }

  .sales-page .hair-store-hero__visual{
    max-width:540px !important;
    margin:0 auto !important;
  }
}

@media (max-width:720px){
  .sales-page .hair-store-hero{
    padding:42px 0 40px !important;
  }

  .sales-page .hair-store-hero__content{
    padding:20px 0 !important;
  }

  .sales-page .hair-store-hero__content::before{
    inset:-18px -16px !important;
    border-radius:30px !important;
  }

  .sales-page .hair-store-hero__content h1{
    font-size:3.55rem !important;
    line-height:.88 !important;
  }

  .sales-page .hair-store-hero__content p{
    font-size:.98rem !important;
  }

  .sales-page .sales-hero-actions .btn{
    width:100% !important;
    min-height:54px !important;
  }

  .sales-page .hair-store-hero__frame{
    min-height:390px !important;
    transform:rotate(2deg) scale(1) !important;
  }
}

/* ===== LANDING TRAFEGO | HERO MONSTRUOSO DE VENDA ===== */
.sales-page .sales-header{
  background:rgba(255,248,241,.90) !important;
  box-shadow:0 12px 34px rgba(45,18,6,.10) !important;
}

.sales-page .hair-store-hero{
  min-height:calc(100vh - 86px) !important;
  padding:72px 0 54px !important;
  overflow:hidden !important;
}

.sales-page .hair-store-hero .container,
.sales-page .hair-store-hero__wrap{
  max-width:1220px !important;
  width:100% !important;
}

.sales-page .hair-store-hero__wrap{
  display:grid !important;
  grid-template-columns:minmax(0, 1.05fr) minmax(420px, .95fr) !important;
  align-items:center !important;
  gap:70px !important;
}

.sales-page .hair-store-hero__content{
  position:relative !important;
  max-width:760px !important;
  padding:34px 0 !important;
}

.sales-page .hair-store-hero__content::before{
  content:"" !important;
  position:absolute !important;
  inset:-34px -42px -34px -42px !important;
  z-index:-1 !important;
  border-radius:42px !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,244,229,.20), transparent 34%),
    linear-gradient(135deg, rgba(42,16,6,.18), rgba(255,255,255,.035)) !important;
  border:1px solid rgba(255,255,255,.12) !important;
  box-shadow:0 34px 90px rgba(35,12,4,.18) !important;
  backdrop-filter:blur(2px) !important;
}

.sales-page .hair-store-hero__content .section-tag,
.sales-page .hair-store-hero__eyebrow{
  display:inline-flex !important;
  align-items:center !important;
  min-height:34px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  background:rgba(255,250,244,.16) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff8ef !important;
  font-size:.75rem !important;
  font-weight:950 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

.sales-page .hair-store-hero__content h1{
  max-width:790px !important;
  margin-top:18px !important;
  font-size:clamp(4.4rem, 7.7vw, 8.3rem) !important;
  line-height:.82 !important;
  letter-spacing:-.095em !important;
  color:#fffaf3 !important;
  text-shadow:
    0 20px 42px rgba(38,13,4,.42),
    0 2px 0 rgba(255,255,255,.06) !important;
}

.sales-page .hair-store-hero__content p{
  max-width:660px !important;
  margin-top:22px !important;
  color:rgba(255,250,244,.90) !important;
  font-size:1.12rem !important;
  line-height:1.78 !important;
  text-shadow:0 8px 22px rgba(0,0,0,.20) !important;
}

.sales-page .sales-hero-actions{
  display:flex !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  margin-top:30px !important;
}

.sales-page .sales-hero-actions .btn{
  min-height:60px !important;
  padding:0 30px !important;
  border-radius:999px !important;
  font-size:1rem !important;
  font-weight:950 !important;
}

.sales-page .sales-hero-primary{
  background:linear-gradient(145deg, #fff0cf, #d79a5e 46%, #9a542a) !important;
  color:#fffaf4 !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:
    0 26px 54px rgba(43,15,4,.34),
    0 0 32px rgba(255,211,156,.18),
    inset 0 1px 0 rgba(255,255,255,.48) !important;
}

.sales-page .sales-hero-secondary{
  background:rgba(255,250,244,.13) !important;
  color:#fffaf4 !important;
  border:1px solid rgba(255,255,255,.34) !important;
  backdrop-filter:blur(10px) !important;
}

.sales-page .sales-hero-proof-strong{
  margin-top:24px !important;
  gap:10px !important;
}

.sales-page .sales-hero-proof-strong span{
  min-height:40px !important;
  padding:0 15px !important;
  background:rgba(255,250,244,.18) !important;
  border:1px solid rgba(255,255,255,.26) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 12px 24px rgba(43,15,4,.12) !important;
}

.sales-hero-mini-offer{
  margin-top:18px !important;
  max-width:650px !important;
  padding:16px 18px !important;
  border-radius:22px !important;
  background:rgba(255,250,244,.14) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:rgba(255,250,244,.90) !important;
  font-size:.94rem !important;
  line-height:1.58 !important;
  box-shadow:
    0 18px 36px rgba(43,15,4,.16),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter:blur(10px) !important;
}

.sales-hero-mini-offer strong{
  color:#fff8ef !important;
  font-weight:950 !important;
}

.sales-page .hair-store-hero__visual{
  position:relative !important;
}

.sales-page .hair-store-hero__visual::before{
  content:"" !important;
  position:absolute !important;
  inset:4% -8% -8% -8% !important;
  border-radius:999px !important;
  background:radial-gradient(circle, rgba(255,226,185,.32), rgba(165,87,42,.13) 44%, transparent 72%) !important;
  filter:blur(26px) !important;
  pointer-events:none !important;
}

.sales-page .hair-store-hero__frame{
  width:min(520px, 100%) !important;
  min-height:520px !important;
  transform:rotate(6deg) scale(1.06) !important;
  border-radius:42px !important;
  box-shadow:
    0 52px 110px rgba(32,10,3,.42),
    0 22px 46px rgba(32,10,3,.28),
    0 0 0 1px rgba(255,255,255,.20),
    inset 0 1px 0 rgba(255,255,255,.36) !important;
}

.sales-page .hair-store-hero__slide{
  object-fit:cover !important;
}

.sales-page .hair-store-hero__slider-badge{
  font-size:.86rem !important;
  padding:12px 18px !important;
  box-shadow:0 16px 30px rgba(0,0,0,.24) !important;
}

@media (max-width:980px){
  .sales-page .hair-store-hero__wrap{
    grid-template-columns:1fr !important;
    gap:42px !important;
  }

  .sales-page .hair-store-hero__visual{
    max-width:540px !important;
    margin:0 auto !important;
  }
}

@media (max-width:720px){
  .sales-page .hair-store-hero{
    padding:42px 0 40px !important;
  }

  .sales-page .hair-store-hero__content{
    padding:20px 0 !important;
  }

  .sales-page .hair-store-hero__content::before{
    inset:-18px -16px !important;
    border-radius:30px !important;
  }

  .sales-page .hair-store-hero__content h1{
    font-size:3.55rem !important;
    line-height:.88 !important;
  }

  .sales-page .hair-store-hero__content p{
    font-size:.98rem !important;
  }

  .sales-page .sales-hero-actions .btn{
    width:100% !important;
    min-height:54px !important;
  }

  .sales-page .hair-store-hero__frame{
    min-height:390px !important;
    transform:rotate(2deg) scale(1) !important;
  }
}

/* ===== LANDING TRAFEGO | AJUSTE HERO PRIMEIRA DOBRA ===== */
.sales-page .hair-store-hero{
  min-height:calc(100vh - 86px) !important;
  padding:46px 0 42px !important;
}

.sales-page .hair-store-hero__wrap{
  grid-template-columns:minmax(0, .98fr) minmax(390px, .86fr) !important;
  gap:54px !important;
}

.sales-page .hair-store-hero__content{
  max-width:680px !important;
  padding:26px 0 !important;
}

.sales-page .hair-store-hero__content::before{
  inset:-24px -32px -24px -32px !important;
  border-radius:36px !important;
}

.sales-page .hair-store-hero__content h1{
  max-width:670px !important;
  font-size:clamp(3.65rem, 5.8vw, 6.25rem) !important;
  line-height:.88 !important;
  letter-spacing:-.085em !important;
  margin-top:16px !important;
}

.sales-page .hair-store-hero__content p{
  max-width:610px !important;
  margin-top:18px !important;
  font-size:1rem !important;
  line-height:1.7 !important;
}

.sales-page .sales-hero-actions{
  margin-top:24px !important;
}

.sales-page .sales-hero-actions .btn{
  min-height:54px !important;
  padding:0 26px !important;
  font-size:.94rem !important;
}

.sales-page .sales-hero-proof-strong{
  margin-top:20px !important;
}

.sales-page .sales-hero-proof-strong span{
  min-height:36px !important;
  padding:0 13px !important;
  font-size:.72rem !important;
}

.sales-hero-mini-offer{
  margin-top:16px !important;
  padding:14px 16px !important;
  font-size:.90rem !important;
  line-height:1.52 !important;
}

.sales-page .hair-store-hero__frame{
  width:min(470px, 100%) !important;
  min-height:470px !important;
  transform:rotate(5deg) scale(1.02) !important;
}

@media (max-width:980px){
  .sales-page .hair-store-hero__wrap{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
}

@media (max-width:720px){
  .sales-page .hair-store-hero{
    padding:34px 0 34px !important;
  }

  .sales-page .hair-store-hero__content h1{
    font-size:3.05rem !important;
    line-height:.92 !important;
  }

  .sales-page .hair-store-hero__content p{
    font-size:.95rem !important;
  }

  .sales-page .hair-store-hero__frame{
    min-height:360px !important;
  }
}

/* ===== RESET LANDING TRAFEGO | HERO VOLTA AO MODELO ORIGINAL ===== */
.sales-page .hair-store-hero{
  min-height:auto !important;
  padding:88px 0 72px !important;
  overflow:hidden !important;
}

.sales-page .hair-store-hero .container,
.sales-page .hair-store-hero__wrap{
  max-width:1180px !important;
}

.sales-page .hair-store-hero__wrap{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  align-items:center !important;
  gap:56px !important;
}

.sales-page .hair-store-hero__content{
  max-width:650px !important;
  padding:0 !important;
}

.sales-page .hair-store-hero__content::before{
  display:none !important;
  content:none !important;
}

.sales-page .hair-store-hero__content .section-tag,
.sales-page .hair-store-hero__eyebrow{
  display:block !important;
  min-height:0 !important;
  padding:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  border:0 !important;
  color:#fffaf4 !important;
  font-size:.82rem !important;
  font-weight:900 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
}

.sales-page .hair-store-hero__content h1{
  max-width:650px !important;
  margin-top:14px !important;
  color:#fffaf3 !important;
  font-size:clamp(3.3rem, 5.5vw, 6.2rem) !important;
  line-height:.92 !important;
  letter-spacing:-.075em !important;
  text-shadow:0 16px 38px rgba(38,13,4,.24) !important;
}

.sales-page .hair-store-hero__content p{
  max-width:600px !important;
  margin-top:22px !important;
  color:rgba(255,250,244,.90) !important;
  font-size:1rem !important;
  line-height:1.78 !important;
  text-shadow:none !important;
}

.sales-page .sales-hero-actions{
  display:flex !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  margin-top:28px !important;
}

.sales-page .sales-hero-actions .btn{
  min-height:50px !important;
  padding:0 24px !important;
  font-size:.92rem !important;
  font-weight:900 !important;
}

.sales-page .sales-hero-proof,
.sales-page .sales-hero-proof-strong{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:20px !important;
}

.sales-page .sales-hero-proof span,
.sales-page .sales-hero-proof-strong span{
  min-height:34px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  background:rgba(255,250,244,.15) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff8ef !important;
  font-size:.68rem !important;
  font-weight:900 !important;
  letter-spacing:.06em !important;
  text-transform:uppercase !important;
  box-shadow:none !important;
}

.sales-hero-mini-offer{
  display:none !important;
}

.sales-page .hair-store-hero__visual::before{
  display:none !important;
  content:none !important;
}

.sales-page .hair-store-hero__frame{
  width:min(440px, 100%) !important;
  min-height:440px !important;
  transform:rotate(4deg) scale(1) !important;
  border-radius:38px !important;
  box-shadow:
    0 34px 74px rgba(43,18,8,.28),
    0 14px 28px rgba(43,18,8,.18),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

@media (max-width:980px){
  .sales-page .hair-store-hero__wrap{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .sales-page .hair-store-hero__visual{
    max-width:500px !important;
    margin:0 auto !important;
  }
}

@media (max-width:720px){
  .sales-page .hair-store-hero{
    padding:46px 0 42px !important;
  }

  .sales-page .hair-store-hero__content h1{
    font-size:3rem !important;
    line-height:.94 !important;
  }

  .sales-page .hair-store-hero__content p{
    font-size:.95rem !important;
  }

  .sales-page .hair-store-hero__frame{
    min-height:360px !important;
    transform:rotate(2deg) scale(1) !important;
  }
}

/* ===== LANDING TRAFEGO | REDUZIR CARD DO TEXTO HERO ===== */
.sales-page .hair-store-hero{
  padding:54px 0 48px !important;
  min-height:auto !important;
}

.sales-page .hair-store-hero__wrap{
  grid-template-columns:minmax(0, .92fr) minmax(380px, .82fr) !important;
  gap:46px !important;
  align-items:center !important;
}

.sales-page .hair-store-hero__content{
  max-width:560px !important;
  padding:0 !important;
}

.sales-page .hair-store-hero__content::before{
  inset:-24px -26px -24px -26px !important;
  border-radius:34px !important;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,244,229,.16), transparent 34%),
    linear-gradient(135deg, rgba(42,16,6,.13), rgba(255,255,255,.03)) !important;
  box-shadow:0 26px 70px rgba(35,12,4,.14) !important;
}

.sales-page .hair-store-hero__content h1{
  max-width:560px !important;
  font-size:clamp(3.05rem, 4.75vw, 5.15rem) !important;
  line-height:.90 !important;
  letter-spacing:-.075em !important;
  margin-top:16px !important;
}

.sales-page .hair-store-hero__content p{
  max-width:520px !important;
  font-size:.96rem !important;
  line-height:1.68 !important;
  margin-top:18px !important;
}

.sales-page .sales-hero-actions{
  margin-top:22px !important;
}

.sales-page .sales-hero-actions .btn{
  min-height:50px !important;
  padding:0 22px !important;
  font-size:.88rem !important;
}

.sales-page .sales-hero-proof,
.sales-page .sales-hero-proof-strong{
  margin-top:16px !important;
  gap:8px !important;
}

.sales-page .sales-hero-proof span,
.sales-page .sales-hero-proof-strong span{
  min-height:32px !important;
  padding:0 11px !important;
  font-size:.64rem !important;
}

.sales-page .hair-store-hero__frame{
  width:min(430px, 100%) !important;
  min-height:430px !important;
  transform:rotate(4deg) scale(.98) !important;
}

@media (max-width:980px){
  .sales-page .hair-store-hero__wrap{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  .sales-page .hair-store-hero__content{
    max-width:620px !important;
  }
}

@media (max-width:720px){
  .sales-page .hair-store-hero{
    padding:36px 0 36px !important;
  }

  .sales-page .hair-store-hero__content::before{
    inset:-16px -14px !important;
    border-radius:28px !important;
  }

  .sales-page .hair-store-hero__content h1{
    font-size:2.85rem !important;
    line-height:.94 !important;
  }

  .sales-page .hair-store-hero__content p{
    font-size:.92rem !important;
  }

  .sales-page .hair-store-hero__frame{
    min-height:350px !important;
    transform:rotate(2deg) scale(1) !important;
  }
}

/* ===== CORRECAO DEFINITIVA | HERO LANDING COMPRAR CABELOS COMPACTO ===== */
html body.sales-page main section.hair-store-hero{
  min-height:auto !important;
  padding:54px 0 54px !important;
}

html body.sales-page main section.hair-store-hero .container{
  max-width:1120px !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__wrap{
  display:grid !important;
  grid-template-columns:520px 440px !important;
  justify-content:center !important;
  align-items:center !important;
  gap:56px !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__content{
  width:100% !important;
  max-width:520px !important;
  padding:34px 36px !important;
  border-radius:34px !important;
  background:
    radial-gradient(circle at 20% 14%, rgba(255,255,255,.20), transparent 34%),
    linear-gradient(135deg, rgba(255,238,217,.16), rgba(92,35,12,.10)) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    0 26px 70px rgba(35,12,4,.16),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
  backdrop-filter:blur(2px) !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__content::before{
  display:none !important;
  content:none !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__content .section-tag,
html body.sales-page main section.hair-store-hero .hair-store-hero__eyebrow{
  display:inline-flex !important;
  width:auto !important;
  min-height:32px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  background:rgba(255,250,244,.16) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  color:#fff8ef !important;
  font-size:.68rem !important;
  font-weight:950 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__content h1{
  width:100% !important;
  max-width:460px !important;
  margin:18px 0 0 !important;
  font-size:4.15rem !important;
  line-height:.88 !important;
  letter-spacing:-.075em !important;
  color:#fffaf3 !important;
  text-shadow:0 16px 36px rgba(38,13,4,.28) !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__content p{
  width:100% !important;
  max-width:440px !important;
  margin:18px 0 0 !important;
  font-size:.94rem !important;
  line-height:1.62 !important;
  color:rgba(255,250,244,.90) !important;
}

html body.sales-page main section.hair-store-hero .sales-hero-actions{
  margin-top:22px !important;
  display:flex !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

html body.sales-page main section.hair-store-hero .sales-hero-actions .btn{
  min-height:48px !important;
  padding:0 20px !important;
  font-size:.84rem !important;
  border-radius:999px !important;
}

html body.sales-page main section.hair-store-hero .sales-hero-proof,
html body.sales-page main section.hair-store-hero .sales-hero-proof-strong{
  margin-top:16px !important;
  display:flex !important;
  gap:8px !important;
  flex-wrap:wrap !important;
}

html body.sales-page main section.hair-store-hero .sales-hero-proof span,
html body.sales-page main section.hair-store-hero .sales-hero-proof-strong span{
  min-height:30px !important;
  padding:0 10px !important;
  font-size:.58rem !important;
}

html body.sales-page main section.hair-store-hero .sales-hero-mini-offer{
  display:none !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__visual{
  width:440px !important;
  max-width:440px !important;
  justify-self:center !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__visual::before{
  display:none !important;
  content:none !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__frame{
  width:420px !important;
  height:420px !important;
  min-height:420px !important;
  max-height:420px !important;
  border-radius:34px !important;
  transform:rotate(4deg) scale(1) !important;
  box-shadow:
    0 34px 74px rgba(43,18,8,.28),
    0 14px 28px rgba(43,18,8,.18),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__slides,
html body.sales-page main section.hair-store-hero .hair-store-hero__slide{
  height:100% !important;
}

@media (max-width:980px){
  html body.sales-page main section.hair-store-hero .hair-store-hero__wrap{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__content{
    max-width:560px !important;
    margin:0 auto !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__visual{
    width:100% !important;
    max-width:440px !important;
    margin:0 auto !important;
  }
}

@media (max-width:720px){
  html body.sales-page main section.hair-store-hero{
    padding:34px 0 36px !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__content{
    padding:26px 22px !important;
    border-radius:28px !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__content h1{
    max-width:100% !important;
    font-size:2.75rem !important;
    line-height:.94 !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__content p{
    max-width:100% !important;
    font-size:.92rem !important;
  }

  html body.sales-page main section.hair-store-hero .sales-hero-actions .btn{
    width:100% !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__frame{
    width:100% !important;
    height:350px !important;
    min-height:350px !important;
    max-height:350px !important;
    transform:rotate(2deg) scale(1) !important;
  }
}

/* ===== LANDING TRAFEGO | CENTRALIZAR HERO TEXTO + IMAGEM ===== */
html body.sales-page main section.hair-store-hero .container{
  max-width:1160px !important;
  margin:0 auto !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__wrap{
  display:grid !important;
  grid-template-columns:520px 420px !important;
  justify-content:center !important;
  align-items:center !important;
  gap:86px !important;
  width:100% !important;
  margin:0 auto !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__content{
  justify-self:end !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__visual{
  justify-self:start !important;
  width:420px !important;
  max-width:420px !important;
}

html body.sales-page main section.hair-store-hero .hair-store-hero__frame{
  width:410px !important;
  height:410px !important;
  min-height:410px !important;
  max-height:410px !important;
}

@media (max-width:980px){
  html body.sales-page main section.hair-store-hero .hair-store-hero__wrap{
    grid-template-columns:1fr !important;
    justify-content:center !important;
    gap:34px !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__content,
  html body.sales-page main section.hair-store-hero .hair-store-hero__visual{
    justify-self:center !important;
  }
}

/* ===== LANDING TRAFEGO | BOTOES HERO MAIS FORTES ===== */
html body.sales-page main section.hair-store-hero .sales-hero-actions{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  margin-top:26px !important;
  max-width:520px !important;
}

html body.sales-page main section.hair-store-hero .sales-hero-actions .btn{
  min-height:54px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 24px !important;
  border-radius:999px !important;
  font-size:.90rem !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
  transition:.28s ease !important;
}

html body.sales-page main section.hair-store-hero .sales-hero-primary{
  min-width:250px !important;
  background:
    linear-gradient(145deg, #fff0cc 0%, #d99d61 44%, #a65a2c 100%) !important;
  color:#fffaf4 !important;
  border:1px solid rgba(255,255,255,.42) !important;
  box-shadow:
    0 20px 38px rgba(57,22,8,.28),
    0 0 24px rgba(255,210,154,.18),
    inset 0 1px 0 rgba(255,255,255,.50),
    inset 0 -1px 0 rgba(92,35,12,.20) !important;
}

html body.sales-page main section.hair-store-hero .sales-hero-secondary{
  min-width:220px !important;
  background:
    linear-gradient(145deg, rgba(255,250,244,.20), rgba(255,250,244,.08)) !important;
  color:#fffaf4 !important;
  border:1px solid rgba(255,255,255,.34) !important;
  box-shadow:
    0 16px 30px rgba(57,22,8,.18),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
  backdrop-filter:blur(10px) !important;
}

html body.sales-page main section.hair-store-hero .sales-hero-actions .btn:hover{
  transform:translateY(-4px) scale(1.025) !important;
}

html body.sales-page main section.hair-store-hero .sales-hero-primary:hover{
  box-shadow:
    0 28px 52px rgba(57,22,8,.34),
    0 0 34px rgba(255,210,154,.25),
    inset 0 1px 0 rgba(255,255,255,.56) !important;
}

html body.sales-page main section.hair-store-hero .sales-hero-secondary:hover{
  background:
    linear-gradient(145deg, rgba(255,250,244,.34), rgba(255,250,244,.13)) !important;
  box-shadow:
    0 24px 44px rgba(57,22,8,.24),
    inset 0 1px 0 rgba(255,255,255,.34) !important;
}

@media (max-width:720px){
  html body.sales-page main section.hair-store-hero .sales-hero-actions{
    max-width:100% !important;
  }

  html body.sales-page main section.hair-store-hero .sales-hero-actions .btn{
    width:100% !important;
    min-width:0 !important;
    min-height:52px !important;
  }
}

/* ===== LANDING COMPRAR CABELOS | REFINO MOBILE HERO ===== */
@media (max-width:720px){

  html body.sales-page main section.hair-store-hero{
    padding:28px 0 34px !important;
  }

  html body.sales-page main section.hair-store-hero .container{
    width:min(100% - 28px, 430px) !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__wrap{
    display:flex !important;
    flex-direction:column !important;
    gap:24px !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__content{
    width:100% !important;
    max-width:100% !important;
    padding:26px 22px 24px !important;
    border-radius:28px !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__content .section-tag,
  html body.sales-page main section.hair-store-hero .hair-store-hero__eyebrow{
    min-height:30px !important;
    padding:0 12px !important;
    font-size:.64rem !important;
    letter-spacing:.10em !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__content h1{
    margin-top:18px !important;
    font-size:2.58rem !important;
    line-height:.94 !important;
    letter-spacing:-.07em !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__content p{
    margin-top:18px !important;
    font-size:.91rem !important;
    line-height:1.62 !important;
  }

  html body.sales-page main section.hair-store-hero .sales-hero-actions{
    margin-top:24px !important;
    gap:10px !important;
  }

  html body.sales-page main section.hair-store-hero .sales-hero-actions .btn{
    width:100% !important;
    min-height:52px !important;
    padding:0 18px !important;
    font-size:.86rem !important;
  }

  html body.sales-page main section.hair-store-hero .sales-hero-proof,
  html body.sales-page main section.hair-store-hero .sales-hero-proof-strong{
    margin-top:14px !important;
    gap:7px !important;
  }

  html body.sales-page main section.hair-store-hero .sales-hero-proof span,
  html body.sales-page main section.hair-store-hero .sales-hero-proof-strong span{
    min-height:29px !important;
    padding:0 9px !important;
    font-size:.56rem !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__visual{
    width:100% !important;
    max-width:100% !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__frame{
    width:100% !important;
    height:390px !important;
    min-height:390px !important;
    max-height:390px !important;
    border-radius:30px !important;
    transform:rotate(1.5deg) scale(1) !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__slider-badge{
    left:18px !important;
    bottom:18px !important;
    padding:10px 14px !important;
    font-size:.72rem !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__slider-dots{
    right:18px !important;
    bottom:20px !important;
  }
}

@media (max-width:390px){
  html body.sales-page main section.hair-store-hero .container{
    width:min(100% - 22px, 390px) !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__content{
    padding:24px 20px 22px !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__content h1{
    font-size:2.34rem !important;
  }

  html body.sales-page main section.hair-store-hero .hair-store-hero__frame{
    height:350px !important;
    min-height:350px !important;
    max-height:350px !important;
  }
}

/* ===== LANDING COMPRAR CABELOS | BLOCO NUMEROS AUTORIDADE ===== */
.sales-page .hair-sales-stats-section{
  position:relative !important;
  padding:82px 0 88px !important;
  background:transparent !important;
}

.sales-page .hair-sales-stats-heading{
  max-width:860px !important;
  margin:0 auto 46px !important;
  text-align:center !important;
}

.sales-page .hair-sales-stats-heading .section-tag{
  color:#fff7ec !important;
  text-shadow:0 8px 18px rgba(0,0,0,.20) !important;
}

.sales-page .hair-sales-stats-heading h2{
  margin:12px auto 16px !important;
  max-width:760px !important;
  color:#fffaf3 !important;
  font-size:clamp(2.4rem, 4.4vw, 4.65rem) !important;
  line-height:.94 !important;
  letter-spacing:-.065em !important;
  text-shadow:0 18px 42px rgba(34,14,6,.34) !important;
}

.sales-page .hair-sales-stats-heading p{
  max-width:680px !important;
  margin:0 auto !important;
  color:rgba(255,250,244,.86) !important;
  font-size:1rem !important;
  line-height:1.76 !important;
}

.sales-page .hair-sales-stats-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:22px !important;
  max-width:1080px !important;
  margin:0 auto !important;
}

.sales-page .hair-sales-stat-card{
  position:relative !important;
  overflow:hidden !important;
  min-height:230px !important;
  border-radius:34px !important;
  padding:34px 28px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  background:
    radial-gradient(circle at 20% 16%, rgba(255,255,255,.75), transparent 34%),
    linear-gradient(145deg, #fff8ee 0%, #f0d9c1 100%) !important;
  border:1px solid rgba(255,255,255,.48) !important;
  box-shadow:
    0 34px 80px rgba(35,12,4,.20),
    0 12px 24px rgba(35,12,4,.12),
    inset 0 1px 0 rgba(255,255,255,.86) !important;
  transition:.34s ease !important;
}

.sales-page .hair-sales-stat-card::before{
  content:"" !important;
  position:absolute !important;
  left:28px !important;
  top:28px !important;
  width:58px !important;
  height:3px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg, #d69b61, rgba(214,155,97,0)) !important;
}

.sales-page .hair-sales-stat-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(115deg, transparent 28%, rgba(255,255,255,.42) 48%, transparent 66%) !important;
  transform:translateX(-120%) !important;
  transition:.55s ease !important;
  pointer-events:none !important;
}

.sales-page .hair-sales-stat-card:hover{
  transform:translateY(-8px) scale(1.015) !important;
  box-shadow:
    0 46px 100px rgba(35,12,4,.28),
    0 18px 36px rgba(35,12,4,.16),
    inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.sales-page .hair-sales-stat-card:hover::after{
  transform:translateX(120%) !important;
}

.sales-page .hair-sales-stat-card strong{
  display:block !important;
  color:#5b2b16 !important;
  font-size:clamp(3.45rem, 5vw, 5.85rem) !important;
  line-height:.88 !important;
  letter-spacing:-.06em !important;
  font-weight:950 !important;
  text-shadow:0 10px 22px rgba(122,73,38,.14) !important;
}

.sales-page .hair-sales-stat-card p{
  margin:18px 0 0 !important;
  color:#2b1810 !important;
  font-size:1.05rem !important;
  line-height:1.35 !important;
  font-weight:900 !important;
}

@media (max-width:900px){
  .sales-page .hair-sales-stats-grid{
    grid-template-columns:1fr !important;
    max-width:520px !important;
  }

  .sales-page .hair-sales-stat-card{
    min-height:190px !important;
  }
}

@media (max-width:520px){
  .sales-page .hair-sales-stats-section{
    padding:62px 0 68px !important;
  }

  .sales-page .hair-sales-stats-heading{
    text-align:left !important;
    margin-bottom:30px !important;
  }

  .sales-page .hair-sales-stats-heading h2{
    font-size:2.55rem !important;
  }

  .sales-page .hair-sales-stat-card{
    border-radius:28px !important;
    padding:30px 22px !important;
  }

  .sales-page .hair-sales-stat-card strong{
    font-size:4rem !important;
  }
}

/* ===== LANDING COMPRAR CABELOS | RODAPE MINIMO COM LOGO ===== */
.sales-footer{
  padding:34px 0 !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(255,255,255,.80), transparent 30%),
    linear-gradient(135deg, #fffaf4 0%, #f1dfca 52%, #e8c6a2 100%) !important;
  border-top:1px solid rgba(122,73,38,.16) !important;
}

.sales-footer__wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
}

.sales-footer__identity{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
}

.sales-footer__identity img{
  width:72px !important;
  height:72px !important;
  object-fit:contain !important;
  border-radius:999px !important;
  filter:drop-shadow(0 12px 20px rgba(80,38,15,.16)) !important;
}

.sales-footer__brand strong{
  display:block !important;
  margin-bottom:6px !important;
  color:#20100a !important;
  font-size:1rem !important;
  font-weight:950 !important;
  letter-spacing:.03em !important;
}

.sales-footer__brand p{
  margin:0 0 8px !important;
  color:rgba(43,24,16,.72) !important;
  font-size:.92rem !important;
  line-height:1.5 !important;
}

.sales-footer__brand span{
  display:inline-flex !important;
  padding:7px 11px !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.62) !important;
  border:1px solid rgba(122,73,38,.13) !important;
  color:#7a4828 !important;
  font-size:.72rem !important;
  font-weight:950 !important;
  letter-spacing:.055em !important;
  text-transform:uppercase !important;
}

.sales-footer__whatsapp{
  min-height:48px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 24px !important;
  border-radius:999px !important;
  background:linear-gradient(145deg, #2b160c, #6f3217) !important;
  color:#fffaf4 !important;
  font-size:.90rem !important;
  font-weight:950 !important;
  white-space:nowrap !important;
  box-shadow:
    0 18px 34px rgba(43,22,12,.22),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  transition:.28s ease !important;
}

.sales-footer__whatsapp:hover{
  transform:translateY(-3px) !important;
  box-shadow:
    0 24px 44px rgba(43,22,12,.30),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

@media (max-width:720px){
  .sales-footer__wrap{
    flex-direction:column !important;
    align-items:center !important;
    text-align:center !important;
    gap:22px !important;
  }

  .sales-footer__identity{
    flex-direction:column !important;
    gap:12px !important;
  }

  .sales-footer__identity img{
    width:64px !important;
    height:64px !important;
  }

  .sales-footer__whatsapp{
    width:100% !important;
    max-width:320px !important;
  }
}