/* Landing "El hilo rojo" · Tarot de Rafael. Sin librerías. Los colores propios del prototipo viven aquí (el kit global no cambia). */
:root{
  --tdr-night:var(--e-global-color-noche,#0E1220); --tdr-wine:var(--e-global-color-tdrvino,#26142B); --tdr-cream:var(--e-global-color-tdrcrema,#F3EADB); --tdr-ink:var(--e-global-color-tdrtinta,#211722);
  --tdr-text:#F1EBDD; --tdr-muted:#CBC5B8; --tdr-accent:#E9B44C; --tdr-on-accent:#1C1606;
  --tdr-thread:var(--e-global-color-tdrhilo,#E0503F); --tdr-line:rgba(241,235,221,.16); --tdr-surface:#1B2038;
  --tdr-f-title:"Cormorant Garamond",Georgia,serif; --tdr-f-body:"Figtree",system-ui,sans-serif;
  --tdr-ease:cubic-bezier(.22,1,.36,1);
}
/* Secciones: oscuras por defecto; .tdr-light = crema */
.tdr-sec{--tdr-accent-text:#E9B44C;--tdr-fg:#F1EBDD;--tdr-mu:#CBC5B8;--tdr-ln:rgba(241,235,221,.16)}
.tdr-sec.tdr-light{--tdr-accent-text:#9C2F2A;--tdr-fg:var(--tdr-ink);--tdr-mu:#54444F;--tdr-ln:rgba(33,23,34,.2);--tdr-thread:#C23A30}
.tdr-sec em,.tdr-sec .elementor-heading-title em{font-style:italic;color:var(--tdr-accent-text)}
.tdr-sec .elementor-heading-title{text-wrap:balance}
html,body{overflow-x:clip}
html{scroll-behavior:auto}

/* Botones propios (hero, autoevaluación, cartas) */
.tdr-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:0 30px;border-radius:999px;background:var(--tdr-accent);font:600 18px/1.1 var(--tdr-f-body);text-decoration:none;text-align:center;transition:transform .18s var(--tdr-ease),background-color .2s var(--tdr-ease),box-shadow .2s var(--tdr-ease)}
body a.tdr-btn,body a.tdr-btn:hover,body a.tdr-btn:visited{color:var(--tdr-on-accent)}
.tdr-btn:hover{background:#F2C46A}
.tdr-btn:active{transform:scale(.97)}
.tdr-btn:focus-visible,.tdr-opt:focus-visible,.tdr-pick:focus-visible{outline:3px solid var(--tdr-accent);outline-offset:3px}

/* ---------- HERO: el video avanza con el scroll (cuadros en canvas) ---------- */
.tdr-hs{position:relative;background:#0F0A14;color:#F6EFE2}
.tdr-seq .tdr-hs{height:400svh}
.tdr-hero{position:relative;height:100svh;min-height:560px;overflow:hidden;isolation:isolate;background:#0F0A14;display:flex;flex-direction:column}
.tdr-seq .tdr-hero{position:sticky;top:0}
.tdr-hmedia{position:relative;width:100%;height:min(56svh,120vw);flex:none;overflow:hidden;background:#1D1129}
.tdr-cv,.tdr-still{position:absolute;inset:0;width:100%;height:100%;display:block}
.tdr-still{object-fit:cover;object-position:50% 30%}
.tdr-seq .tdr-still{display:none}
.tdr-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0F0A14 0%,rgba(15,10,20,0) 30%),linear-gradient(180deg,rgba(15,10,20,.6) 0%,rgba(15,10,20,0) 24%)}
.tdr-wrap{max-width:1160px;margin:0 auto;padding:0 20px;position:relative}
.tdr-hcopy{flex:1;display:flex;align-items:flex-start;padding-top:6px;padding-bottom:92px;width:100%}
.tdr-phases{display:grid;width:100%}
.tdr-ph{grid-area:1/1;align-self:start}
html:not(.tdr-seq) .tdr-ph-a,html:not(.tdr-seq) .tdr-ph-b{display:none}
.tdr-say{font-family:var(--tdr-f-title);font-weight:600;line-height:1.04;letter-spacing:-.015em;font-size:clamp(40px,11.5vw,60px);margin:0 0 12px;text-wrap:balance;color:#F6EFE2}
.tdr-hero h1{font-family:var(--tdr-f-title);font-weight:600;line-height:1.04;letter-spacing:-.015em;text-wrap:balance;font-size:clamp(44px,12.5vw,64px);margin:0 0 16px;color:#F6EFE2}
.tdr-hero .tdr-lead{color:#EADFD0;font-size:18px;line-height:1.6;max-width:34ch;margin:0}
.tdr-hero .tdr-btn{width:100%;padding:0 16px;gap:10px;font-size:17px}
.tdr-assure{display:flex;flex-wrap:wrap;gap:6px 18px;margin:18px 0 0;padding:0;font-size:15px;color:#EADFD0;list-style:none}
.tdr-assure li{display:flex;align-items:center;gap:8px;margin:0}
.tdr-assure svg{width:16px;height:16px;color:#F3C46C;flex:none}
@media (max-width:767px) and (max-height:720px){.tdr-hero .tdr-ph-c .tdr-btn{display:none}.tdr-assure{margin-top:0}}
/* Barra fija del sitio (pie 186): se esconde mientras se ve el botón del hero */
.tdr-mbar{transition:transform .35s var(--tdr-ease),opacity .25s var(--tdr-ease),visibility 0s}
.tdr-mbar.tdr-hide{transform:translateY(110%);opacity:0;visibility:hidden;transition:transform .35s var(--tdr-ease),opacity .25s var(--tdr-ease),visibility 0s .35s}
@media (min-width:768px){
  .tdr-wrap{padding:0 32px}
  .tdr-hero .tdr-btn{width:auto;padding:0 30px;font-size:18px}
  .tdr-hcopy{padding-bottom:40px}
  .tdr-phases{max-width:620px}
}
@media (min-width:1024px){
  .tdr-hero{display:block}
  .tdr-hmedia{position:absolute;inset:0;height:auto}
  .tdr-still{object-position:70% 50%}
  .tdr-veil{background:linear-gradient(90deg,rgba(15,10,20,.9) 0%,rgba(15,10,20,.62) 24%,rgba(15,10,20,0) 44%),linear-gradient(0deg,rgba(15,10,20,.55) 0%,rgba(15,10,20,0) 22%)}
  .tdr-hero .tdr-wrap.tdr-hcopy{position:absolute;inset:0;display:flex;align-items:center;padding:0 0 0 clamp(32px,5vw,80px);max-width:none}
  .tdr-phases{max-width:max(30vw,330px)}
  .tdr-ph{align-self:center}
  .tdr-hero h1{font-size:clamp(46px,4.3vw,68px)}
  .tdr-say{font-size:clamp(42px,4vw,64px)}
}

/* ---------- Entradas (IntersectionObserver, sin librerías) ---------- */
.tdr-js .tdr-rv{opacity:0;transform:translateY(20px);transition:opacity .6s var(--tdr-ease),transform .7s var(--tdr-ease)}
.tdr-js .tdr-rv.tdr-in{opacity:1;transform:none}
body.elementor-editor-active .tdr-rv{opacity:1!important;transform:none!important}
.tdr-w{opacity:.22}
.tdr-bigw .tdr-w{opacity:.2}

/* ¿Te pasa esto? y frase grande */
.tdr-pl{border-bottom:1px solid var(--tdr-ln)}
.tdr-pl.tdr-first{border-top:1px solid var(--tdr-ln)}
.tdr-pl .elementor-heading-title{padding:20px 0}

/* Señales, qué puedes hacer */
.tdr-todo{counter-reset:t}
.tdr-todo-item{position:relative;counter-increment:t;padding-left:58px!important}
.tdr-todo-item::before{content:counter(t);position:absolute;left:0;top:-4px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--tdr-ink);color:var(--tdr-cream);font:600 20px/1 var(--tdr-f-title)}
.tdr-todo-item b{display:block;font-weight:600}
.tdr-check .elementor-icon-box-wrapper{align-items:flex-start}

/* Autoevaluación */
.tdr-quiz{display:grid;gap:12px;margin-top:6px}
body .tdr-opt{white-space:normal;box-sizing:border-box;box-shadow:none;display:flex;align-items:center;gap:14px;width:100%;min-height:60px;padding:14px 20px;border-radius:18px;border:2px solid var(--tdr-line);background:transparent;color:#F1EBDD;font:500 18px/1.35 var(--tdr-f-body);text-align:left;cursor:pointer;transition:background-color .2s var(--tdr-ease),border-color .2s var(--tdr-ease),transform .25s var(--tdr-ease)}
body .tdr-opt::before{content:"";width:22px;height:22px;border-radius:50%;border:2px solid var(--tdr-accent);flex:none;transition:background-color .2s var(--tdr-ease),box-shadow .2s var(--tdr-ease)}
body .tdr-opt:hover,body .tdr-opt:focus{border-color:var(--tdr-accent);transform:translateX(4px);background:transparent;color:#F1EBDD}
body .tdr-opt[aria-pressed="true"]{color:#F1EBDD;background:rgba(233,180,76,.14);border-color:var(--tdr-accent)}
body .tdr-opt[aria-pressed="true"]::before{background:var(--tdr-accent);box-shadow:0 0 0 4px rgba(233,180,76,.25) inset}
.tdr-quiz-out{margin-top:26px;padding:28px;border-radius:24px;background:#341C3A;color:#F1EBDD}
.tdr-quiz-out[hidden],.tdr-reveal[hidden]{display:none}
.tdr-quiz-out h3{font:600 clamp(28px,5vw,38px)/1.04 var(--tdr-f-title);margin:0 0 10px;color:#F1EBDD}
.tdr-quiz-out p{color:#CBC5B8;margin:0 0 22px;max-width:56ch}
.tdr-quiz-out.tdr-in,.tdr-reveal.tdr-in{animation:tdr-up .7s var(--tdr-ease) both}
@keyframes tdr-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Camino: línea de tiempo con hilo */
.tdr-tl{position:relative;padding-left:64px;display:grid;gap:44px;margin-top:20px}
.tdr-tl-svg{position:absolute;left:0;top:0;width:48px;height:100%;overflow:visible}
.tdr-tl-path{fill:none;stroke:var(--tdr-thread);stroke-width:2;stroke-linecap:round}
.tdr-tl-step{position:relative}
.tdr-tl-step::before{content:"";position:absolute;left:-52px;top:6px;width:22px;height:22px;border-radius:50%;background:var(--tdr-cream);border:3px solid rgba(33,23,34,.3);transition:background-color .35s var(--tdr-ease),border-color .35s var(--tdr-ease),transform .35s var(--tdr-ease)}
.tdr-tl-step.tdr-on::before{background:var(--tdr-thread);border-color:var(--tdr-thread);transform:scale(1.2)}
.tdr-tl-step h3{font:600 clamp(30px,6vw,42px)/1.04 var(--tdr-f-title);margin:0 0 8px;color:#F1EBDD}
.tdr-tl-step p{color:#CBC5B8;max-width:50ch;margin:0}
.tdr-chat{margin-top:20px;max-width:420px;border-radius:18px;overflow:hidden;background:#0b141a;color:#e9edef}
.tdr-chat-top{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#1f2c33;font-size:16px}
.tdr-chat-top i{width:32px;height:32px;border-radius:50%;background:#E9B44C;display:grid;place-items:center;color:#1C1606;font-style:normal;font-weight:600}
.tdr-chat-body{padding:16px 14px;min-height:70px}
.tdr-chat-input{display:flex;gap:8px;align-items:flex-end;padding:10px;background:#1f2c33}
.tdr-field{flex:1;background:#2a3942;border-radius:20px;padding:10px 14px;font-size:16px;min-height:44px}
.tdr-cur{display:inline-block;width:2px;height:1em;background:#e9edef;vertical-align:-2px;animation:tdr-blink 1s steps(1) infinite}
@keyframes tdr-blink{50%{opacity:0}}
.tdr-send{width:44px;height:44px;border-radius:50%;background:#00a884;display:grid;place-items:center;flex:none}
.tdr-send svg{width:18px;height:18px;color:#fff}

/* Ritual: elige una carta */
.tdr-ritual-w{text-align:center}
.tdr-spread{display:flex;justify-content:center;gap:clamp(10px,3vw,34px);margin:44px 0 26px;perspective:1200px}
body .tdr-pick{position:relative;width:clamp(96px,26vw,200px);aspect-ratio:7/12;border:0;background:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
body .tdr-pick,body .tdr-pick:hover,body .tdr-pick:focus{background:none;box-shadow:none}
.tdr-pick-in{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .6s var(--tdr-ease),opacity .4s var(--tdr-ease),filter .4s var(--tdr-ease)}
.tdr-pick:hover .tdr-pick-in{transform:translateY(-14px)}
.tdr-pick.tdr-flipped .tdr-pick-in{transform:rotateY(180deg) translateY(-10px) scale(1.06)}
.tdr-spread.tdr-done .tdr-pick:not(.tdr-flipped) .tdr-pick-in{opacity:.25;filter:blur(1px)}
.tdr-spread.tdr-done .tdr-pick{pointer-events:none}
.tdr-face{position:absolute;inset:0;display:block;border-radius:16px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.tdr-front{transform:rotateY(180deg);background:linear-gradient(160deg,#1b2140,#10142a 60%,#0b0e1d);box-shadow:0 0 0 1px rgba(233,180,76,.55) inset,0 0 0 6px #10142a inset,0 0 0 7px rgba(233,180,76,.35) inset,0 30px 60px -20px rgba(0,0,0,.8)}
.tdr-cnum{position:absolute;top:8%;left:0;right:0;text-align:center;font-family:var(--tdr-f-title);color:#E9B44C;font-size:clamp(13px,2.4vw,20px);letter-spacing:.18em}
.tdr-cname{position:absolute;bottom:7%;left:0;right:0;text-align:center;font-family:var(--tdr-f-title);font-size:clamp(11px,2vw,16px);letter-spacing:.08em;text-transform:uppercase;color:#F1EBDD;padding:0 4px}
.tdr-sym{position:absolute;inset:22% 16% 24%;color:#E9B44C}
.tdr-sym svg{width:100%;height:100%;display:block}
.tdr-back{background:radial-gradient(circle at 50% 50%,rgba(233,180,76,.2) 0 18%,transparent 19%),repeating-conic-gradient(from 0deg at 50% 50%,rgba(233,180,76,.12) 0 6deg,transparent 6deg 15deg),linear-gradient(160deg,#2a1c44,#120c24);box-shadow:0 0 0 1px rgba(233,180,76,.55) inset,0 0 0 6px #140d26 inset,0 0 0 7px rgba(233,180,76,.35) inset,0 30px 60px -20px rgba(0,0,0,.8)}
.tdr-back::before{content:"";position:absolute;left:50%;top:50%;width:34%;aspect-ratio:1;transform:translate(-50%,-50%);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E9B44C'%3E%3Cpath d='M12 0l2.4 9.6L24 12l-9.6 2.4L12 24l-2.4-9.6L0 12l9.6-2.4z'/%3E%3C/svg%3E") center/contain no-repeat}
.tdr-hint{font-size:16px;color:#CBC5B8;margin:0}
.tdr-hint[hidden]{display:none}
.tdr-reveal{max-width:620px;margin:0 auto}
.tdr-reveal h3{font:600 clamp(32px,6vw,46px)/1.04 var(--tdr-f-title);margin:0 0 12px;color:#F1EBDD}
.tdr-reveal p{color:#CBC5B8;margin:0 0 12px}
.tdr-reveal .tdr-note{font-size:15px;margin-bottom:26px}

/* Confianza, redes, preguntas, cierre */
.tdr-numbers{display:grid;gap:6px;font-size:17px}
.tdr-sec .tdr-soc:hover{transform:translateY(-3px)}
.tdr-soc{transition:transform .25s var(--tdr-ease)}
.tdr-faq .elementor-tab-title{padding:0!important}
.tdr-faq .elementor-toggle-title{display:flex;align-items:center;min-height:64px;padding:12px 0;box-sizing:border-box}
.tdr-faq .elementor-toggle-icon{display:flex;align-items:center}
/* Logo de la cabecera mínima: área táctil de 44 px */
.elementor-widget-theme-site-title .elementor-heading-title a{display:inline-flex;align-items:center;min-height:44px}
.tdr-final{overflow:hidden}

@media (min-width:768px){
  .tdr-tl{padding-left:96px;gap:64px}
  .tdr-tl-step::before{left:-84px}
  .tdr-tl-svg{width:56px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .tdr-js .tdr-rv{opacity:1;transform:none}
  .tdr-w{opacity:1}
}

/* ---------- Carta 3D (widget tdr-carta3d) ---------- */
.tdr-c3d{perspective:900px;width:100%}
.tdr-c3d-card{position:relative;aspect-ratio:7/12;transform-style:preserve-3d;transform:rotateY(var(--ry,-18deg)) rotateX(var(--rx,6deg)) rotateZ(4deg);transition:transform .35s var(--tdr-ease)}
.tdr-c3d-front{background:#1B1530;box-shadow:inset 0 0 0 6px #1B1530,inset 0 0 0 7px rgba(233,180,76,.6),0 30px 50px -24px rgba(0,0,0,.65)}
.tdr-c3d-front::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,240,210,.22) 46%,transparent 60%);transform:translateX(var(--shine,-30%))}
.tdr-c3d .tdr-cnum{top:9%;font-size:clamp(14px,2.6vw,22px)}
.tdr-c3d .tdr-sym{inset:25% 18% 26%}
.tdr-c3d .tdr-cname{bottom:8%;text-transform:none;font-size:clamp(12px,2.2vw,17px);font-weight:600;letter-spacing:.06em}
.tdr-c3d .tdr-back{transform:rotateY(180deg)}
.elementor .tdr-carta-over{position:absolute!important;right:0;bottom:-6%;width:46%!important;z-index:2}
.tdr-c3d-host{position:relative}

/* ---------- Inicio: hero, fotos de proporción fija, listas y tarjetas ---------- */
.tdr-hero h1.tdr-h1-largo{font-size:clamp(32px,8.6vw,46px)}
@media (min-width:1024px){.tdr-hero h1.tdr-h1-largo{font-size:clamp(40px,3.5vw,56px)}}
.tdr-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}
.tdr-more{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;text-decoration:none}
.tdr-more::after{content:"→";transition:transform .3s var(--tdr-ease)}
.tdr-more:hover::after{transform:translateX(4px)}
body a.tdr-more,body a.tdr-more:visited{color:#F3C46C}
.tdr-ph-img img{display:block;width:100%;height:auto;object-fit:cover}
.tdr-r45 img{aspect-ratio:4/5}.tdr-r11 img{aspect-ratio:1/1}.tdr-r169 img{aspect-ratio:16/9}.tdr-r32 img{aspect-ratio:3/2}
.tdr-steps ol{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:s}
.tdr-steps li{display:flex;gap:18px;align-items:center;padding:18px 22px;border-radius:22px;background:#1B2038;font-size:18px;font-weight:500;color:#F1EBDD;counter-increment:s;margin:0}
.tdr-steps li::before{content:counter(s);flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--tdr-accent);color:var(--tdr-on-accent);font:600 22px/1 var(--tdr-f-title)}
.tdr-facts ul{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.tdr-facts li{position:relative;padding-left:22px;margin:0}
.tdr-facts li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:#9C2F2A}
a.tdr-card,a.tdr-card:hover{text-decoration:none}
.tdr-card{transition:transform .3s var(--tdr-ease),box-shadow .3s var(--tdr-ease)}
.tdr-card:hover{transform:translateY(-4px)}
.tdr-card-more{font-weight:600;min-height:44px;display:flex;align-items:center;gap:8px}
.tdr-card-more::after{content:"→"}
.tdr-sticky{align-self:flex-start}
@media (min-width:1025px){.tdr-sticky{position:sticky;top:110px}}
/* Cabecera completa (184) sobre el video: transparente y fija; sólida al terminar el hero (la activa hero.js) */
.tdr-hdr.tdr-over{position:fixed!important;top:0;left:0;right:0;width:100%;z-index:50;background:transparent!important;transition:background-color .3s var(--tdr-ease)}
.tdr-hdr.tdr-over.tdr-solid{background:rgba(15,10,20,.95)!important}
.elementor-post__read-more{display:inline-flex;align-items:center;min-height:44px}

/* ---------- Páginas interiores (F10) ---------- */
.tdr-sec:not(.tdr-light) .tdr-facts li::before{background:#E9B44C}
.tdr-nofacts ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.tdr-nofacts li{position:relative;padding-left:26px;margin:0}
.tdr-nofacts li::before{content:"×";position:absolute;left:0;top:-.08em;font-size:1.35em;line-height:1.2;font-weight:600;color:var(--tdr-accent-text,#9C2F2A)}
.tdr-phero .tdr-ph-img img{box-shadow:0 40px 80px -40px rgba(0,0,0,.7)}
.tdr-chips p{margin:0}
.tdr-qcard .elementor-heading-title{text-wrap:balance}
.tdr-num .elementor-icon{font-size:22px}
.tdr-sec .tdr-lnk{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.tdr-sec .tdr-lnk::after{content:"→";margin-left:8px;transition:transform .3s var(--tdr-ease)}
.tdr-sec .tdr-lnk:hover::after{transform:translateX(4px)}
.tdr-sec.tdr-light a.tdr-lnk,.tdr-sec.tdr-light a.tdr-lnk:visited{color:#9C2F2A}
.tdr-sec:not(.tdr-light) a.tdr-lnk,.tdr-sec:not(.tdr-light) a.tdr-lnk:visited{color:#F3C46C}
.tdr-sec .tdr-note{padding:20px 24px;border-radius:20px;border:1px solid var(--tdr-ln)}
/* Artículo: ancho de lectura, caja de WhatsApp y relacionados */
.tdr-art-img img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:22px}
.tdr-art .elementor-widget-text-editor,.tdr-art .elementor-widget-text-editor p,.tdr-art .elementor-widget-text-editor li{font-size:19px;line-height:1.75}
.tdr-art .elementor-widget-text-editor p{margin:0 0 1.1em}
.tdr-art .elementor-widget-text-editor ul,.tdr-art .elementor-widget-text-editor ol{padding-left:1.2em;margin:0 0 1.1em}
.tdr-art .elementor-widget-text-editor li{margin:0 0 .45em}
.tdr-art .elementor-widget-heading h2{margin-top:1.1em}
.tdr-art .tdr-wabox .elementor-widget-text-editor,.tdr-art .tdr-wabox .elementor-widget-text-editor p{font-size:17px;line-height:1.55;margin:0}
.tdr-art-hero .elementor-widget-post-info .elementor-icon-list-text a{text-decoration:none}
@media (max-width:767px){.tdr-art .elementor-widget-text-editor,.tdr-art .elementor-widget-text-editor p,.tdr-art .elementor-widget-text-editor li{font-size:18px}}
body .tdr-art-hero .elementor-widget-post-info a,body .elementor-widget-post-navigation a{display:inline-flex!important;align-items:center;min-height:44px}
.tdr-art .elementor-widget-text-editor p>a{display:inline-flex;align-items:center;min-height:44px}

/* F11: patrón de hilos y estrellas de la marca, solo en los cierres (vino). Sutil: el patrón ya trae sus propios tonos. */
.tdr-final{position:relative}
.tdr-final::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:url(patron-vino.svg) 0 0/240px 240px;opacity:.45}
.tdr-final>*{position:relative;z-index:1}