/* variante dreaminteractive.lat — casca + layout (azul 204°, laranja 21°) */
body.v-dreaminteractive{background:linear-gradient(180deg,#f1f6f9 0%,#ffffff 60%,#f1f6f9 100%)!important;font-family:'Roboto',Arial,sans-serif}
body.v-dreaminteractive .font-myriadpro{font-family:'Roboto',Arial,sans-serif!important}

/* título */
body.v-dreaminteractive #heading h1.chocolatediscovery{font-family:'Roboto Slab',Georgia,serif!important;color:#142d3e!important;font-weight:800;letter-spacing:-.01em}
body.v-dreaminteractive #heading h1.chocolatediscovery{text-transform:uppercase;letter-spacing:.02em}

/* moldura do vídeo (só a moldura; o player fica intacto) */
body.v-dreaminteractive #vidcont{background:#ffffff!important;border:1px solid #92b9d3!important;border-radius:20px!important;box-shadow:0 14px 34px rgba(0,0,0,.10)!important}

/* avisos abaixo do vídeo */
body.v-dreaminteractive .showonplay .important{color:#bd4505}

/* oferta (potes) */
body.v-dreaminteractive .vsl-offer{background:linear-gradient(180deg,#f1f6f9 0%,#dce7ef 100%)!important;color:#142d3e!important;font-family:'Roboto',Arial,sans-serif!important}
body.v-dreaminteractive .vsl-offer section > article > h2:first-child{font-family:'Roboto Slab',Georgia,serif!important;color:#142d3e!important}
body.v-dreaminteractive .vsl-offer section > article > h2:first-child mark{color:#bd4505!important}
body.v-dreaminteractive .vsl-offer ol{align-items:stretch!important}
body.v-dreaminteractive .vsl-offer ol > li > article{border-radius:14px!important}
body.v-dreaminteractive .vsl-offer .primary-border{box-shadow:0 0 0 4px #e15509,0 22px 50px rgba(0,0,0,.35)!important}
body.v-dreaminteractive .vsl-offer .secondary-border{box-shadow:0 0 0 2px #92b9d3,0 16px 36px rgba(0,0,0,.30)!important}
body.v-dreaminteractive .vsl-offer .text-highlight{color:#bd4505!important}
body.v-dreaminteractive .vsl-offer ol a{border-radius:14px!important}
body.v-dreaminteractive .vsl-offer ol a.button{background:linear-gradient(180deg,#ffce52,#f7b202)!important}
body.v-dreaminteractive .vsl-offer ol a.button-primary{background:linear-gradient(180deg,#ff7c1f,#bd4505)!important}
@media (min-width:768px){
  body.v-dreaminteractive .vsl-offer ol > li.md\:order-2 > article{transform:translateY(-22px)!important}
  body.v-dreaminteractive .shape{clip-path:polygon(0% 0%, 0 70%, 50% 100%, 100% 70%, 100% 0%)!important}
  body.v-dreaminteractive .shape-primary{background:linear-gradient(90deg,#142d3e,#386f94,#142d3e)!important}
  body.v-dreaminteractive .shape-normal{background:#386f94!important}
}

/* "In diesem kurzen Video erfahren Sie" */
body.v-dreaminteractive .beforedrop > div{background:#ffffff!important}
body.v-dreaminteractive .beforedrop h2{font-family:'Roboto Slab',Georgia,serif!important;color:#142d3e!important}
body.v-dreaminteractive .beforedrop .flex-1 > span:nth-of-type(1){color:#386f94!important;font-family:'Roboto Slab',Georgia,serif}
body.v-dreaminteractive .beforedrop .flex-1 > span:nth-of-type(2){color:#1f2329!important}
@media (min-width:768px){body.v-dreaminteractive .beforedrop .max-w-\[1180px\] > div{display:grid!important;grid-template-columns:1fr;gap:0!important;max-width:820px!important;margin-left:auto;margin-right:auto}
body.v-dreaminteractive .beforedrop .flex-1{display:grid!important;grid-template-columns:240px 1fr;grid-template-rows:auto 1fr;column-gap:24px;padding:18px 0;border-bottom:1px solid #92b9d3}
body.v-dreaminteractive .beforedrop .flex-1 img{grid-row:1 / span 2;margin:0!important}}
body.v-dreaminteractive .beforedrop .flex-1 img{border-radius:14px;box-shadow:0 6px 16px rgba(0,0,0,.12)}

/* rodapé */
body.v-dreaminteractive footer .bgcolor2C4071{background:#0e1f2a!important}
body.v-dreaminteractive footer .bgcolor2C4071{background:linear-gradient(180deg,#142d3e,#0e1f2a)!important}