/* Bride Era R14.7.174: landing mais chique, slides compactos, telas reais e mais detalhes românticos. */

/* ============ 1. SLIDES DO TOPO (Aura, ecossistema, 60 layouts, 2D+3D, assessoria) ============ */
.landing-r1478-slider,.landing-r1478-track{min-height:0!important;height:auto!important}
.landing-r1478-track{display:grid!important}
.landing-r1478-slider{background:transparent!important}
.landing-r1478-slide{position:relative!important;inset:auto!important;grid-area:1/1!important;min-height:0!important;
  transition:opacity 1.1s cubic-bezier(.22,.61,.36,1),transform 1.3s cubic-bezier(.22,.61,.36,1),filter 1.1s ease!important;
  transform:translate3d(28px,0,0) scale(.99)!important;filter:blur(6px) saturate(.92)!important}
.landing-r1478-slide.active{transform:none!important;filter:none!important}
.landing-r1478-slide>div>*{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.landing-r1478-slide.active>div>*{opacity:1;transform:none}
.landing-r1478-slide.active>div>*:nth-child(1){transition-delay:.15s}
.landing-r1478-slide.active>div>*:nth-child(2){transition-delay:.27s}
.landing-r1478-slide.active>div>*:nth-child(3){transition-delay:.39s}
.landing-r1478-slide.active>div>*:nth-child(4){transition-delay:.51s}
.landing-r1478-slide .landing-r1478-emoji{transition:transform 1.2s cubic-bezier(.2,.8,.2,1),opacity 1s ease}
.landing-r1478-slide:not(.active) .landing-r1478-emoji{opacity:0!important}
/* barra de tempo sutil do slide ativo */
.landing-r1478-slider::after{content:'';position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,rgba(255,255,255,.0),rgba(255,236,214,.85));transform-origin:left;transform:scaleX(0);z-index:7;pointer-events:none}
.landing-r1478-slider.r174-run::after{animation:r174Bar 6.2s linear forwards}
@keyframes r174Bar{to{transform:scaleX(1)}}

/* pontinhos minimalistas, clicáveis, sem a cápsula */
.landing-r1478-dots{color:inherit!important;position:absolute!important;left:50%!important;right:auto!important;bottom:16px!important;transform:translateX(-50%)!important;
  display:flex!important;gap:2px!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;z-index:8!important}
.landing-r1478-dots button{color:inherit!important;position:relative!important;width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;cursor:pointer;border-radius:50%!important}
.landing-r1478-dots button::after{content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;border-radius:999px;transform:translate(-50%,-50%);
  background:currentColor;opacity:.35;transition:width .45s cubic-bezier(.2,.8,.2,1),opacity .3s ease}
.landing-r1478-dots button:hover::after{opacity:.7}
.landing-r1478-dots button.active,.landing-r1478-dots button:hover,.landing-r1478-dots button:focus{width:22px!important;height:22px!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.landing-r1478-dots button::before{display:none!important}
.landing-r1478-dots button.active::after{width:16px;opacity:.95}
.landing-r1478-dots button:focus-visible{outline:2px solid currentColor!important;outline-offset:-4px}
.landing-r1478-slider{color:#5b4440}
.landing-r1478-slider:has(.landing-r1478-slide.active.tone-plum),.landing-r1478-slider:has(.landing-r1478-slide.active.tone-blue){color:#fff}

/* computador: um pouco mais baixo e elegante */
@media(min-width:821px){
  .landing-r1478-slide{padding:46px clamp(88px,7vw,132px) 58px!important}
  .landing-r1478-slide h2{font-size:clamp(2.1rem,3.6vw,3.4rem)!important}
}
/* celular: proporção menos vertical, texto ajustado */
@media(max-width:820px){
  .landing-r1478-slide{padding:26px 22px 46px!important;align-content:center!important}
  .landing-r1478-tag{font-size:.62rem!important;letter-spacing:.16em!important;margin-bottom:6px!important}
  .landing-r1478-slide h2{font-size:clamp(1.45rem,6.6vw,1.95rem)!important;line-height:1.08!important;margin:4px 0 8px!important;max-width:92%!important}
  .landing-r1478-slide p{font-size:.84rem!important;line-height:1.5!important;margin:0 0 14px!important;max-width:94%!important}
  .landing-r1478-cta{padding:9px 16px!important;min-height:0!important;font-size:.82rem!important}
  .landing-r1478-emoji{font-size:6.2rem!important;right:-8px!important;bottom:-6px!important;opacity:.12!important}
  .landing-r1478-dots{bottom:10px!important}
}
@media(prefers-reduced-motion:reduce){
  .landing-r1478-slide,.landing-r1478-slide>div>*{transition:none!important;filter:none!important}
  .landing-r1478-slider::after{display:none}
}

/* ============ 2. TELAS REAIS DO QG ============ */
.r174-shots{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;margin-top:26px}
.r174-shot{margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important}
.r174-shot-btn{display:block;width:100%;padding:0;border:0;background:#fff;border-radius:16px;overflow:hidden;cursor:zoom-in;position:relative;
  box-shadow:0 1px 0 rgba(125,79,80,.08),0 18px 44px rgba(73,49,43,.12);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease}
.r174-shot-btn::before{content:'';display:block;height:18px;background:linear-gradient(#f6eeea,#f1e6e1);border-bottom:1px solid rgba(125,79,80,.08)}
.r174-shot-btn::after{content:'';position:absolute;top:6px;left:10px;width:6px;height:6px;border-radius:50%;background:#e7a59a;box-shadow:10px 0 0 #ecd29b,20px 0 0 #b8d2b0}
.r174-shot-btn img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top left;transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.r174-shot-btn:hover{transform:translateY(-6px) rotate(-.3deg);box-shadow:0 1px 0 rgba(125,79,80,.08),0 30px 60px rgba(73,49,43,.2)}
.r174-shot-btn:hover img{transform:scale(1.04)}
.r174-shot figcaption{display:grid;gap:2px;padding:12px 4px 0;text-align:left}
.r174-shot figcaption b{font:500 1.15rem/1.2 'Cormorant Garamond',Georgia,serif;color:#3a2c29}
.r174-shot figcaption small{font-size:.8rem;color:#8a746e}
.r174-shots-cta{text-align:center;margin:24px 0 0}
@media(max-width:860px){
  .r174-shots{display:flex!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;gap:14px!important;margin:16px -16px 0!important;padding:4px 16px 12px!important;scrollbar-width:none}
  .r174-shots::-webkit-scrollbar{display:none}
  .r174-shot{flex:0 0 84%;scroll-snap-align:center}
  .r174-shot figcaption b{font-size:1.05rem}
  .r174-shots-cta{margin-top:12px}
}
#produto-real .r174-shot-btn{padding:0!important;min-height:0!important;line-height:0}
#produto-real .r174-shot-btn img{width:100%!important;max-width:none!important;height:auto!important;aspect-ratio:16/10!important;object-fit:cover!important;object-position:left top!important;margin:0!important;border-radius:0!important;zoom:1!important}
#produto-real .r174-shot figcaption::after{content:none!important}
#produto-real .r174-shot-btn img,#produto-real .r174-shot-btn img.fx-kb{transform:none!important;scale:1!important;transform-origin:left top!important}
#produto-real .r174-shot-btn:hover img{transform:scale(1.035)!important}
.r14713-mobile-topic.r174-always{border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
.r14713-mobile-topic.r174-always>summary{display:none!important}

/* ============ 3. DETALHES ROMÂNTICOS ============ */
/* brilho atravessando o cartão */
.r174-glint{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4}
.r174-glint::before{content:'';position:absolute;top:-30%;bottom:-30%;left:-45%;width:38%;transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,244,226,.55),rgba(255,255,255,.75),rgba(255,244,226,.55),transparent);
  animation:r174Glint .95s cubic-bezier(.3,.6,.3,1) forwards;mix-blend-mode:soft-light}
@keyframes r174Glint{to{left:120%}}
/* coraçãozinho do toque */
.r174-tapheart{position:fixed;z-index:99991;pointer-events:none;font-size:18px;transform:translate(-50%,-50%);animation:r174Tap .9s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes r174Tap{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}25%{opacity:1;transform:translate(-50%,-70%) scale(1.15)}100%{opacity:0;transform:translate(-50%,-160%) scale(.9) rotate(12deg)}}
/* sublinhado desenhado à mão */
.r174-ulwrap{position:relative;white-space:nowrap}
.r174-ul{position:absolute;left:-2%;bottom:-.12em;width:104%;height:.32em;overflow:visible;pointer-events:none}
.r174-ul path{fill:none;stroke:#d9b26a;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.85;transition:stroke-dashoffset 1.2s cubic-bezier(.6,.1,.2,1) .5s}
.r174-drawn .r174-ul path{stroke-dashoffset:0}
/* plano em destaque: moldura dourada viva */
.plan.r174-halo{position:relative;isolation:isolate}
.plan.r174-halo::before{content:'';position:absolute;inset:-2px;border-radius:inherit;padding:2px;z-index:-1;
  background:conic-gradient(from var(--r174a,0deg),#d9b26a,#f3d9cf,#c98b7e,#fff1d6,#d9b26a);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:r174Spin 6s linear infinite}
@property --r174a{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes r174Spin{to{--r174a:360deg}}
/* aura que segue o mouse no topo */
.hero{position:relative}
.r174-aura{position:absolute;left:0;top:0;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:1;opacity:0;
  background:radial-gradient(circle,rgba(255,224,206,.55),rgba(233,201,139,.18) 40%,transparent 68%);transition:opacity .6s ease,transform .25s ease-out;mix-blend-mode:multiply}
/* bilhetinho */
.r174-note{position:fixed;left:16px;bottom:16px;z-index:9000;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 92px));
  padding:12px 12px 12px 14px;border-radius:18px;background:#fffaf6;border:1px solid rgba(201,139,126,.25);box-shadow:0 18px 50px rgba(73,49,43,.22);
  transform:translateY(130%) rotate(-2deg);opacity:0;transition:transform .6s cubic-bezier(.2,.9,.3,1.2),opacity .4s ease}
.r174-note.on{transform:none;opacity:1}
.r174-note-env{font-size:1.7rem;animation:r174Env 2.4s ease-in-out infinite}
@keyframes r174Env{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg) translateY(-2px)}}
.r174-note b{display:block;font:500 1.05rem/1.15 'Cormorant Garamond',Georgia,serif;color:#3a2c29}
.r174-note small{display:block;font-size:.76rem;color:#7d6660;line-height:1.35}
.r174-note-go{border:0;border-radius:999px;padding:8px 14px;background:#8f5a52;color:#fff;font:600 .78rem Jost,sans-serif;cursor:pointer}
.r174-note-x{border:0;background:transparent;color:#a08a84;cursor:pointer;font-size:.85rem;padding:4px}
@media(max-width:600px){.r174-note{bottom:auto;top:70px;left:10px;max-width:calc(100vw - 20px);transform:translateY(-140%) rotate(-1deg)}.r174-note.on{transform:none}}
/* palavras dos títulos aparecem um pouco mais rápido */
.fx-words .fx-w{transition-delay:calc(var(--fx-i)*32ms)!important;transition-duration:.5s!important}
/* sanfona de tópicos no celular mais delicada */
.r14713-mobile-topic>summary{transition:background .25s ease}
.r14713-mobile-topic>summary em{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.r14713-mobile-topic[open]>summary em{transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){.r174-ul path{stroke-dashoffset:0;transition:none}.plan.r174-halo::before,.r174-note-env{animation:none}}

/* ============ 4. ÍNDICE LATERAL ============ */
.r174-chap{position:fixed;right:18px;top:50%;transform:translate(16px,-50%);z-index:900;display:grid;gap:2px;opacity:0;pointer-events:none;transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.r174-chap.show{opacity:1;transform:translate(0,-50%);pointer-events:auto}
.r174-chap a{position:relative;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;color:#8a6f68;text-decoration:none;font:500 .7rem/1 Jost,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.r174-chap a span{position:absolute;right:20px;top:50%;margin-top:-11px;opacity:0;transform:translateX(8px);transition:opacity .3s ease,transform .3s ease;white-space:nowrap;pointer-events:none;background:rgba(255,250,246,.92);padding:5px 9px;border-radius:999px;box-shadow:0 6px 18px rgba(73,49,43,.1)}
.r174-chap:hover a span{opacity:1;transform:none}
.r174-chap a:hover span{background:#8f5a52;color:#fff}
.r174-chap a i{width:7px;height:7px;border-radius:50%;background:rgba(143,90,82,.28);transition:all .35s cubic-bezier(.2,.8,.2,1);flex:0 0 auto}
.r174-chap a:hover i{background:#c98b7e}
.r174-chap a.on i{width:9px;height:9px;background:#8f5a52;box-shadow:0 0 0 4px rgba(201,139,126,.2)}
.r174-chap a.on::after{content:'♥';position:absolute;right:-10px;top:3px;font-size:9px;color:#c98b7e;animation:r173Beat 3s ease-in-out infinite}
@media(max-width:1179px){.r174-chap{display:none}}