/* Bioestimuladores de Colágeno — Premium Treatment Master V4
 * Scoped to the existing Gutenberg page. No content ownership is moved out of Gutenberg.
 * The visual language mirrors the approved campaign landings: open editorial fields,
 * warm ivory/gold atmosphere, depth, motion, and restrained luxury.
 */

body.zv-treatment-bioestimuladores-colageno,
body.page-bioestimuladores-colageno{
  background:#fffaf4;
}

.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"]{
  --zb4-ink:#30251f;
  --zb4-copy:#75675d;
  --zb4-gold:#b88d33;
  --zb4-gold-2:#caa657;
  --zb4-ivory:#fffaf4;
  --zb4-cream:#f7ead8;
  --zb4-card:#fffdf9;
  --zb4-line:rgba(184,141,51,.20);
  --zb4-shadow:0 20px 56px rgba(82,58,31,.075);
  --zb4-shadow-hover:0 30px 72px rgba(82,58,31,.14);
  position:relative;
  isolation:isolate;
  overflow:clip;
  background:
    radial-gradient(circle at 5% 4%,rgba(202,166,87,.11),transparent 26%),
    radial-gradient(circle at 92% 34%,rgba(230,207,168,.20),transparent 25%),
    linear-gradient(180deg,#fffaf4 0%,#fffdf9 42%,#fff9f1 100%);
}

/* Ambient editorial layers */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"]::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  pointer-events:none;
  opacity:.75;
  background:
    linear-gradient(118deg,transparent 0 18%,rgba(184,141,51,.025) 18.2% 18.35%,transparent 18.5% 100%),
    radial-gradient(ellipse at 88% 8%,transparent 0 37%,rgba(184,141,51,.15) 37.2% 37.45%,transparent 37.7% 42%,rgba(184,141,51,.07) 42.2% 42.4%,transparent 42.7%);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"]::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:680px;
  left:-180px;
  width:620px;
  height:620px;
  border-radius:50%;
  border:1px solid rgba(184,141,51,.08);
  box-shadow:
    0 0 0 52px rgba(184,141,51,.025),
    0 0 0 104px rgba(184,141,51,.018);
  pointer-events:none;
}

/* HERO — open editorial, more intentional, with a luminous media sculpture. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero{
  position:relative;
  padding-top:74px;
  padding-bottom:88px;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(184,141,51,.18) 14%,rgba(184,141,51,.18) 86%,transparent);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__grid{
  grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr)!important;
  gap:clamp(54px,6vw,88px)!important;
  align-items:center!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__copy{
  position:relative;
  z-index:2;
  padding:18px 0 12px;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__copy::before{
  content:"";
  position:absolute;
  left:-30px;
  top:-18px;
  width:84px;
  height:84px;
  border-left:1px solid rgba(184,141,51,.16);
  border-top:1px solid rgba(184,141,51,.16);
  border-radius:28px 0 0 0;
  pointer-events:none;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-kicker{
  color:#9f7729!important;
  letter-spacing:.17em!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-title{
  max-width:760px;
  font-size:clamp(64px,5.7vw,92px)!important;
  line-height:.88!important;
  letter-spacing:-.052em!important;
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.9);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__pain{
  max-width:690px;
  margin-top:26px!important;
  font-size:clamp(31px,2.65vw,45px)!important;
  line-height:1.02!important;
  text-wrap:balance;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-lead{
  max-width:690px;
  font-size:16px!important;
  line-height:1.78!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-chiprow{
  gap:9px!important;
  margin-top:28px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-chiprow p{
  position:relative;
  overflow:hidden;
  padding:10px 14px!important;
  border-color:rgba(184,141,51,.22)!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 8px 22px rgba(82,58,31,.025);
  transition:translate .28s cubic-bezier(.2,.75,.2,1),border-color .28s ease,box-shadow .28s ease,background .28s ease!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-chiprow p:hover{
  translate:0 -3px;
  border-color:rgba(184,141,51,.42)!important;
  background:#fffaf0!important;
  box-shadow:0 12px 26px rgba(82,58,31,.07);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-actions .wp-block-button__link{
  position:relative;
  overflow:hidden;
  min-height:52px;
  padding:14px 23px!important;
  transition:translate .28s cubic-bezier(.2,.75,.2,1),box-shadow .28s ease,filter .28s ease,border-color .28s ease!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-actions .wp-block-button__link::after{
  content:"";
  position:absolute;
  inset:-120% -45%;
  background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.55) 49%,transparent 56%);
  translate:-75% 0;
  transition:translate .72s cubic-bezier(.2,.8,.2,1);
  pointer-events:none;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-actions .wp-block-button__link:hover{
  translate:0 -3px;
  box-shadow:0 18px 38px rgba(159,116,40,.22)!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-actions .wp-block-button__link:hover::after{
  translate:75% 0;
}

/* Premium visual frame — hover tracks pointer through CSS custom properties set by JS. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__media{
  position:relative;
  padding:18px 18px 22px;
  border:1px solid rgba(184,141,51,.17);
  border-radius:42px;
  background:
    radial-gradient(circle at var(--zb4-x,72%) var(--zb4-y,20%),rgba(255,255,255,.98),rgba(255,250,242,.82) 28%,rgba(234,218,197,.78) 72%),
    linear-gradient(145deg,#fff8ed,#eee0cf);
  box-shadow:
    0 34px 86px rgba(75,52,28,.12),
    inset 0 1px 0 rgba(255,255,255,.9);
  overflow:visible;
  transition:translate .42s cubic-bezier(.2,.75,.2,1),box-shadow .42s ease,border-color .42s ease!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__media::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:-20px;
  border:1px solid rgba(184,141,51,.12);
  border-radius:52px;
  pointer-events:none;
  clip-path:polygon(48% 0,100% 0,100% 100%,8% 100%,8% 54%,0 54%,0 0);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__media::after{
  content:"✦";
  position:absolute;
  z-index:3;
  right:-14px;
  top:62px;
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(184,141,51,.22);
  background:rgba(255,250,240,.94);
  color:#b88d33;
  box-shadow:0 14px 28px rgba(82,58,31,.10);
  font-size:17px;
  transition:rotate .7s cubic-bezier(.2,.8,.2,1),scale .3s ease;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__media:hover{
  translate:0 -7px;
  border-color:rgba(184,141,51,.32);
  box-shadow:
    0 42px 100px rgba(75,52,28,.17),
    inset 0 1px 0 rgba(255,255,255,.95);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__media:hover::after{
  rotate:90deg;
  scale:1.05;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-image--hero{
  position:relative;
  z-index:1;
  height:610px;
  border-radius:30px!important;
  border:0!important;
  box-shadow:none!important;
  background:#f7efe4!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-image--hero img{
  object-position:center 42%!important;
  filter:saturate(.92) contrast(.98) brightness(1.015);
  scale:1.001;
  transition:scale .72s cubic-bezier(.2,.8,.2,1),filter .5s ease!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__media:hover .zvtp3-image--hero img{
  scale:1.045;
  filter:saturate(.98) contrast(1) brightness(1.02);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__note{
  z-index:4;
  width:min(385px,86%);
  margin:-122px 0 0 36px!important;
  padding:22px 24px!important;
  border-color:rgba(184,141,51,.24);
  border-radius:24px;
  background:rgba(255,253,249,.90);
  box-shadow:0 22px 54px rgba(67,47,29,.14);
  backdrop-filter:blur(16px) saturate(1.04);
  transition:translate .36s cubic-bezier(.2,.75,.2,1),box-shadow .36s ease!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__media:hover .zvtp3-hero__note{
  translate:8px -5px;
  box-shadow:0 28px 62px rgba(67,47,29,.17);
}

/* Open editorial section rhythm like the approved campaign landing. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-context,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-process,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq{
  position:relative;
  padding-top:clamp(76px,7vw,104px);
  padding-bottom:clamp(76px,7vw,104px);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-context::before,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-process::before,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related::before,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(184,141,51,.18) 14%,rgba(184,141,51,.18) 86%,transparent);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-section-head{
  gap:clamp(34px,5vw,78px)!important;
  margin-bottom:38px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-section-head h2,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-process>h2,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-split__copy h2{
  font-size:clamp(49px,4.9vw,72px)!important;
  line-height:.93!important;
  text-wrap:balance;
}

/* Cards — lift + sweep + warm glow, no noisy animation. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(184,141,51,.18);
  border-radius:28px;
  background:linear-gradient(180deg,#fff 0%,#fffaf3 100%);
  box-shadow:0 14px 36px rgba(82,58,31,.05);
  transition:
    translate .34s cubic-bezier(.2,.75,.2,1),
    border-color .34s ease,
    box-shadow .34s ease,
    background .34s ease!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value::before,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step::before,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-55% -95%;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.16) 44%,rgba(255,244,211,.92) 50%,rgba(202,166,87,.18) 56%,transparent 65%);
  translate:-56% 0;
  rotate:7deg;
  transition:translate .75s cubic-bezier(.2,.8,.2,1),opacity .22s ease;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value::after,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step::after,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card::after{
  content:"";
  position:absolute;
  z-index:-2;
  right:-90px;
  bottom:-100px;
  width:220px;
  height:220px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(202,166,87,.14),transparent 68%);
  opacity:.15;
  transition:opacity .34s ease,scale .34s ease;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value:hover,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step:hover,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card:hover{
  translate:0 -8px;
  border-color:rgba(184,141,51,.38);
  background:linear-gradient(145deg,#fffdfa 0%,#f8e9ce 100%);
  box-shadow:var(--zb4-shadow-hover);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value:hover::before,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step:hover::before,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card:hover::before{
  opacity:1;
  translate:48% 0;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value:hover::after,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step:hover::after,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card:hover::after{
  opacity:1;
  scale:1.12;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value{
  min-height:196px;
  padding:28px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value__number,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step__number{
  width:40px;
  height:40px;
  margin-bottom:32px!important;
  background:linear-gradient(145deg,#fffaf0,#f6e6c9);
  border-color:rgba(184,141,51,.25);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  transition:rotate .45s cubic-bezier(.2,.8,.2,1),scale .35s ease!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value:hover .zvtp3-value__number,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step:hover .zvtp3-step__number{
  rotate:8deg;
  scale:1.08;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value h3,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step h3,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card h3{
  font-size:30px!important;
  line-height:1.02!important;
}

/* Clinical split — editorial image with warm vignette and gentle hover. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-band{
  position:relative;
  margin:10px 0 0;
  padding:104px 0;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 26%,rgba(255,255,255,.72),transparent 25%),
    radial-gradient(circle at 86% 78%,rgba(202,166,87,.10),transparent 30%),
    linear-gradient(135deg,#f6e6d3 0%,#fffaf3 50%,#f3e2cc 100%);
  border-block:1px solid rgba(184,141,51,.13);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-band::after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-190px;
  top:-180px;
  border-radius:50%;
  border:1px solid rgba(184,141,51,.11);
  box-shadow:0 0 0 42px rgba(184,141,51,.025),0 0 0 84px rgba(184,141,51,.018);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-split{
  gap:clamp(52px,6vw,86px);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-image--detail{
  position:relative;
  height:560px;
  border-radius:34px;
  border:1px solid rgba(184,141,51,.16);
  box-shadow:0 28px 68px rgba(82,58,31,.11);
  transition:translate .42s cubic-bezier(.2,.75,.2,1),box-shadow .42s ease,border-color .42s ease!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-image--detail img{
  filter:saturate(.94) brightness(1.02);
  transition:scale .72s cubic-bezier(.2,.8,.2,1),filter .5s ease!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-image--detail:hover{
  translate:0 -7px;
  border-color:rgba(184,141,51,.34);
  box-shadow:0 38px 82px rgba(82,58,31,.16);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-image--detail:hover img{
  scale:1.035;
  filter:saturate(.98) brightness(1.025);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-callout{
  margin:28px 0!important;
  padding:22px 24px!important;
  border-left:0!important;
  border:1px solid rgba(184,141,51,.18);
  border-radius:22px;
  background:rgba(255,255,255,.70);
  box-shadow:0 14px 34px rgba(82,58,31,.05);
  backdrop-filter:blur(10px);
}

/* Related cards behave like high-end navigation cards. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card{
  min-height:270px;
  padding:30px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-text-link{
  margin-top:auto!important;
  padding-top:26px;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-text-link a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#9a7226!important;
  font-size:12px!important;
  transition:gap .28s ease,color .28s ease!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card:hover .zvtp3-text-link a{
  gap:13px;
  color:#795719!important;
}

/* FAQ — softer, more interactive, still native details. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list{
  gap:12px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list details{
  border-radius:22px;
  border-color:rgba(184,141,51,.17);
  background:rgba(255,255,255,.86);
  box-shadow:0 10px 30px rgba(82,58,31,.035);
  transition:translate .28s ease,border-color .28s ease,box-shadow .28s ease,background .28s ease!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list details:hover{
  translate:0 -3px;
  border-color:rgba(184,141,51,.30);
  box-shadow:0 18px 38px rgba(82,58,31,.07);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list details[open]{
  border-color:rgba(184,141,51,.34);
  background:#fffaf1;
  box-shadow:0 20px 44px rgba(82,58,31,.08);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list summary{
  position:relative;
  padding:22px 64px 22px 24px;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list summary::after{
  content:"+";
  position:absolute;
  top:50%;
  right:24px;
  translate:0 -50%;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(184,141,51,.23);
  background:#fff8e8;
  color:#a67c2b;
  font:600 18px/1 Manrope,sans-serif;
  transition:rotate .3s ease,background .3s ease;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list details[open] summary::after{
  rotate:45deg;
  background:#f5e2b8;
}

/* Closing CTA remains a contained warm anchor. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-final{
  position:relative;
  overflow:hidden;
  margin-top:18px;
  margin-bottom:100px;
  padding:clamp(46px,5vw,70px)!important;
  border-radius:38px;
  border-color:rgba(184,141,51,.22);
  background:
    radial-gradient(circle at 88% 20%,rgba(255,255,255,.82),transparent 22%),
    linear-gradient(118deg,#fffaf1 0%,#f2dfbd 100%);
  box-shadow:0 30px 72px rgba(82,58,31,.10);
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-final::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-120px;
  bottom:-160px;
  border-radius:50%;
  border:1px solid rgba(184,141,51,.17);
  box-shadow:0 0 0 36px rgba(184,141,51,.035),0 0 0 72px rgba(184,141,51,.02);
  pointer-events:none;
}

/* Scroll reveal. translate (not transform) preserves independent hover lift. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zb4-reveal{
  opacity:0;
  translate:0 30px;
  filter:blur(5px);
  transition:
    opacity .68s ease var(--zb4-delay,0ms),
    translate .72s cubic-bezier(.2,.8,.2,1) var(--zb4-delay,0ms),
    filter .68s ease var(--zb4-delay,0ms)!important;
  will-change:opacity,translate,filter;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zb4-reveal.is-visible{
  opacity:1;
  translate:0 0;
  filter:blur(0);
}

/* Gutenberg editor: retain visible editing handles and do not run front-end motion. */
.editor-styles-wrapper .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zb4-reveal{
  opacity:1!important;
  translate:0!important;
  filter:none!important;
}

/* Responsive */
@media(max-width:1050px){
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__grid{
    grid-template-columns:minmax(0,1fr) minmax(360px,.88fr)!important;
    gap:40px!important;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-title{
    font-size:clamp(58px,6.2vw,76px)!important;
  }
}
@media(max-width:760px){
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero{
    padding-top:18px;
    padding-bottom:56px;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__grid{
    display:flex!important;
    flex-direction:column!important;
    gap:34px!important;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__media{
    order:1;
    width:100%;
    padding:10px;
    border-radius:30px;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__copy{
    order:2;
    width:100%;
    padding-top:4px;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__copy::before{display:none}
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-image--hero{
    height:min(112vw,520px);
    border-radius:22px!important;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__note{
    width:calc(100% - 26px);
    margin:-74px auto 0!important;
    padding:18px!important;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__media::after{
    right:16px;
    top:22px;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-title{
    font-size:clamp(52px,15vw,70px)!important;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__pain{
    font-size:clamp(30px,9vw,40px)!important;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-context,
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-process,
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related,
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq{
    padding-top:58px;
    padding-bottom:58px;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-band{
    padding:60px 0;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-image--detail{
    height:min(108vw,470px);
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-final{
    border-radius:28px;
    padding:32px 24px!important;
    margin-bottom:64px;
  }
}
@media(hover:none),(pointer:coarse){
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value:hover,
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step:hover,
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card:hover,
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-image--detail:hover,
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-hero__media:hover{
    translate:0;
  }
}
@media(prefers-reduced-motion:reduce){
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zb4-reveal,
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zb4-reveal.is-visible{
    opacity:1!important;
    translate:0!important;
    filter:none!important;
    transition:none!important;
  }
}


/* V4.1 — align Bioestimuladores with the approved Capilar landing language.
 * Open sections, equal cards and the same compact FAQ rhythm.
 * This intentionally removes the "section inside a container" feeling. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-context,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-process,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-band{
  margin:0!important;
  padding:clamp(64px,6vw,92px) 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-band::before,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-band::after{
  display:none!important;
}

.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-context::before,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-process::before,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related::before,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq::before,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-band + .zvtp3-process::before{
  display:block!important;
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,rgba(184,141,51,.20) 12%,rgba(184,141,51,.20) 88%,transparent)!important;
  pointer-events:none!important;
}

.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-split{
  position:relative;
  grid-template-columns:minmax(390px,.88fr) minmax(0,1.12fr)!important;
  gap:clamp(52px,6vw,86px)!important;
  align-items:center!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-split__copy{
  padding:12px 0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

/* Equal cards — same mechanics as the approved Capilar process cards. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value-grid,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-process-grid,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-grid{
  display:grid!important;
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-process-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:16px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step,
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value{
  min-height:240px!important;
  padding:28px 26px 25px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step{
  min-height:290px!important;
  padding:28px 26px 25px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card{
  min-height:310px!important;
  padding:30px 28px 27px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step p:last-child{
  margin-top:auto!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card>p:not(.zvtp3-kicker):not(.zvtp3-text-link){
  margin-bottom:0!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-text-link{
  margin-top:auto!important;
  padding-top:28px!important;
}

/* Match the landing FAQ: open section + 2-column compact accordions, not a giant box. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq{
  padding-top:70px!important;
  padding-bottom:58px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq .zvtp3-section-head{
  margin-bottom:22px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px 16px!important;
  margin-top:22px!important;
  align-items:start!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list details{
  width:100%!important;
  margin:0!important;
  border:1px solid rgba(184,141,51,.16)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 10px 28px rgba(82,58,31,.035)!important;
  overflow:hidden!important;
  translate:0!important;
  transition:border-color .3s ease,background .3s ease,box-shadow .3s ease!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list details:hover{
  translate:0!important;
  border-color:rgba(184,141,51,.27)!important;
  box-shadow:0 13px 30px rgba(82,58,31,.05)!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list details[open]{
  border-color:rgba(184,141,51,.32)!important;
  background:#fffaf2!important;
  box-shadow:0 16px 34px rgba(82,58,31,.06)!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list summary{
  padding:17px 52px 17px 18px!important;
  font-size:17px!important;
  line-height:1.28!important;
  min-height:58px;
  display:flex;
  align-items:center;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list details>p{
  padding:0 18px 18px!important;
  font-size:12px!important;
  line-height:1.7!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list summary::after{
  width:28px!important;
  height:28px!important;
  right:16px!important;
  font-size:16px!important;
}

/* Give the editorial copy more breathing room; do not turn it into a card. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-callout{
  margin:28px 0 22px!important;
  padding:0 0 0 20px!important;
  border:0!important;
  border-left:2px solid rgba(184,141,51,.55)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-split__copy>p:last-child{
  max-width:720px;
}

/* Related section is navigation, but the surrounding section stays completely open. */
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related{
  padding-top:70px!important;
  padding-bottom:70px!important;
}
.zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related .zvtp3-section-head{
  margin-bottom:30px!important;
}

/* Mobile follows the landing behavior: one column, image first, copy beneath. */
@media(max-width:1100px){
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value-grid,
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-process-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-grid{
    grid-template-columns:1fr!important;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card{
    min-height:240px!important;
  }
}
@media(max-width:760px){
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-split{
    display:flex!important;
    flex-direction:column!important;
    gap:30px!important;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-image--detail{order:1}
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-split__copy{order:2}
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value-grid,
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-process-grid,
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-faq-list{
    grid-template-columns:1fr!important;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-value,
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-step{
    min-height:220px!important;
  }
  .zvtp3-page[data-zvtp-treatment="bioestimuladores-colageno"] .zvtp3-related-card{
    min-height:220px!important;
  }
}