/* Tarot de pareja · componentes. Colores y fuentes salen del theme.json del tema (con valores de reserva). */
:root{
  --tdp-lino:var(--wp--preset--color--lino,#f2ebe1);
  --tdp-papel:var(--wp--preset--color--papel,#fbf7f1);
  --tdp-tinta:var(--wp--preset--color--tinta,#2c2420);
  --tdp-gris:var(--wp--preset--color--gris,#6b5f55);
  --tdp-linea:var(--wp--preset--color--linea,#e3d8ca);
  --tdp-salvia:var(--wp--preset--color--salvia,#5d7150);
  --tdp-burbuja:var(--wp--preset--color--burbuja,#dfe6cf);
  --tdp-madera:var(--wp--preset--color--madera,#3a2a21);
  --tdp-ambar:var(--wp--preset--color--ambar,#e9b46a);
  --tdp-leido:var(--wp--preset--color--leido,#3a78d4);
  --tdp-display:var(--wp--preset--font-family--spectral,Georgia,serif);
  --tdp-body:var(--wp--preset--font-family--source-sans,'Segoe UI',sans-serif);
}
.tdp-in{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.tdp-in h1,.tdp-in h2,.tdp-in h3{text-wrap:balance}
.tdp-tk{display:inline-block;vertical-align:middle}

/* Botones */
.tdp-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none!important;font-family:var(--tdp-body);font-weight:700;padding:14px 22px;font-size:15.5px;line-height:1.2;border-radius:10px;background:var(--tdp-salvia);color:#fff!important;border:1.5px solid var(--tdp-salvia);transition:transform .15s,filter .15s}
.tdp-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}
.tdp-btn.line{background:transparent;color:var(--tdp-tinta)!important;border-color:var(--tdp-tinta)}
.tdp-btn.amber{background:var(--tdp-ambar);border-color:var(--tdp-ambar);color:var(--tdp-tinta)!important}
.tdp-btn:focus-visible,.tdp-in a:focus-visible{outline:3px solid var(--tdp-leido);outline-offset:3px}

/* Barra superior, cabecera y pie */
.tdp-top{background:var(--tdp-madera);color:#f2e6d6;font-size:13.5px;padding:8px 16px;text-align:center}
.tdp-top a{color:var(--tdp-ambar);text-decoration:none}
.tdp-header .tdp-in{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px}
.tdp-logo{font-family:var(--tdp-display);font-size:25px;font-weight:600;color:var(--tdp-tinta);text-decoration:none;display:flex;align-items:center;gap:6px}
.tdp-logo-tk{color:var(--tdp-salvia);display:inline-flex}
.tdp-nav{display:flex;gap:24px;font-size:15.5px;font-weight:600}
.tdp-nav a{color:var(--tdp-gris);text-decoration:none}
.tdp-nav a:hover{color:var(--tdp-tinta)}
.tdp-footer{border-top:1px solid var(--tdp-linea);color:var(--tdp-gris);font-size:13.5px;line-height:1.6}
.tdp-footer .tdp-in{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:26px;padding-bottom:26px}
.tdp-footer a{color:inherit}

/* Hero */
.tdp-hero .tdp-in{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:30px;padding-bottom:72px}
.tdp-eyebrow{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:700;color:var(--tdp-salvia);margin-bottom:16px}
.tdp-hero h1{font-family:var(--tdp-display);font-weight:500;font-size:clamp(36px,4.6vw,60px);line-height:1.06;margin:0 0 18px;color:var(--tdp-tinta)}
.tdp-hero h1 em{font-style:italic;color:var(--tdp-salvia)}
.tdp-lead{color:var(--tdp-gris);font-size:18.5px;line-height:1.65;max-width:52ch;margin:0 0 26px}
.tdp-ctas{display:flex;gap:12px;flex-wrap:wrap}
.tdp-who{display:flex;gap:12px;align-items:center;margin-top:30px;font-size:15px;color:var(--tdp-gris)}
.tdp-who img{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none}
.tdp-who b{color:var(--tdp-tinta)}
.tdp-scene{position:relative;border-radius:24px;overflow:hidden;min-height:560px;display:flex;justify-content:flex-start;align-items:flex-end;padding:0 26px;background-size:cover;background-position:46% center;background-color:#5a4a3e}
.tdp-scene::before{content:"";position:absolute;inset:0;background:linear-gradient(270deg,transparent 45%,rgba(44,36,32,.35))}
.tdp-phone{position:relative;z-index:2;width:min(280px,78%);background:#0d0f17;border-radius:40px 40px 0 0;padding:11px 11px 0;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.tdp-screen{background:#f4f2ee;border-radius:30px 30px 0 0;min-height:470px;display:flex;flex-direction:column;overflow:hidden;font-family:var(--tdp-body)}
.tdp-chead{display:flex;gap:10px;align-items:center;padding:18px 16px 12px;background:#fff;border-bottom:1px solid var(--tdp-linea);font-weight:700;color:var(--tdp-tinta)}
.tdp-chead i{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#a9b6cf,#7f8ead)}
.tdp-chead small{display:block;color:var(--tdp-gris);font-weight:400;font-size:12px}
.tdp-msgs{flex:1;padding:14px;display:flex;flex-direction:column;gap:8px;justify-content:flex-end;font-size:14.5px}
.tdp-m{max-width:84%;padding:9px 12px 7px;border-radius:14px;line-height:1.38;animation:tdpPop .35s ease both;color:var(--tdp-tinta)}
.tdp-m.me{align-self:flex-end;background:var(--tdp-burbuja);border-bottom-right-radius:4px}
.tdp-m.him{align-self:flex-start;background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 0 var(--tdp-linea)}
.tdp-m small{display:inline-flex;align-items:center;gap:3px;float:right;margin:6px 0 0 10px;font-size:11px;color:#7c6a5f}
.tdp-m small.read{color:var(--tdp-leido)}
.tdp-dots{align-self:flex-start;background:#fff;border-radius:14px;padding:10px 12px;display:flex;gap:4px}
.tdp-dots i{width:6px;height:6px;border-radius:50%;background:#9aa0ad;animation:tdpBl 1s infinite}
.tdp-dots i:nth-child(2){animation-delay:.15s}.tdp-dots i:nth-child(3){animation-delay:.3s}
.tdp-sys{align-self:center;background:#fff;border:1px solid var(--tdp-linea);border-radius:14px;padding:12px 14px;font-size:13.5px;line-height:1.45;text-align:center;max-width:94%;animation:tdpPop .4s ease both;color:var(--tdp-tinta)}
.tdp-sys b{display:block;font-size:14.5px}
.tdp-sys a{display:inline-block;margin-top:8px;background:var(--tdp-salvia);color:#fff;text-decoration:none;font-weight:700;padding:8px 14px;border-radius:8px}
.tdp-compose{margin:8px 10px 12px;background:#fff;border:1px solid var(--tdp-linea);border-radius:999px;padding:10px 14px;font-size:13.5px;color:var(--tdp-gris)}
@keyframes tdpBl{50%{opacity:.25}}
@keyframes tdpPop{from{opacity:0;transform:translateY(8px)}}

/* Secciones de la portada */
.tdp-sec .tdp-in{padding-top:72px;padding-bottom:72px}
.tdp-sec h2,.tdp-clara h2,.tdp-final h2,.tdp-rel h2{font-family:var(--tdp-display);font-weight:500;font-size:clamp(30px,3.6vw,44px);line-height:1.08;margin:0 0 10px;color:var(--tdp-tinta)}
.tdp-sub{color:var(--tdp-gris);font-size:17.5px;line-height:1.6;max-width:58ch;margin:0 0 32px}
.tdp-more{margin:22px 0 0;font-weight:700}
.tdp-more a{color:var(--tdp-salvia)}
.tdp-bubbles{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tdp-bc{background:var(--tdp-papel);border:1px solid var(--tdp-linea);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--tdp-tinta);transition:transform .25s,box-shadow .25s}
.tdp-bc:hover{transform:translateY(-5px);box-shadow:0 18px 34px rgba(44,36,32,.10)}
.tdp-bc .q{align-self:flex-start;background:var(--tdp-burbuja);padding:10px 14px;border-radius:14px 14px 4px 14px;font-size:15.5px;line-height:1.35}
.tdp-bc .q small{display:inline-flex;gap:3px;align-items:center;margin-left:8px;color:var(--tdp-leido)}
.tdp-bc .q small svg{width:15px;height:10px}
.tdp-bc h3{font-family:var(--tdp-display);font-weight:600;font-size:21px;line-height:1.25;margin:0}
.tdp-bc p{color:var(--tdp-gris);font-size:15.5px;line-height:1.55;margin:0}
.tdp-bc .r{margin-top:auto;font-weight:700;color:var(--tdp-salvia);font-size:15px}
.tdp-clara{background:var(--tdp-papel);border-block:1px solid var(--tdp-linea)}
.tdp-clara .tdp-in{display:grid;grid-template-columns:260px 1fr;gap:44px;align-items:center;padding-top:72px;padding-bottom:72px}
.tdp-ph{width:260px;max-width:100%;aspect-ratio:4/5;border-radius:20px;overflow:hidden}
.tdp-ph img,.tdp-ci img{width:100%;height:100%;object-fit:cover;display:block}
.tdp-clara p{font-size:17px;line-height:1.7;color:var(--tdp-gris);max-width:62ch;margin:0 0 12px}
.tdp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tdp-st{background:var(--tdp-papel);border:1px solid var(--tdp-linea);border-radius:18px;padding:24px}
.tdp-st .tk{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--tdp-gris);margin-bottom:12px}
.tdp-st .tk.read{color:var(--tdp-leido)}
.tdp-st h3{font-family:var(--tdp-display);font-weight:600;font-size:21px;margin:0 0 6px}
.tdp-st p{color:var(--tdp-gris);line-height:1.55;font-size:15.5px;margin:0}
.tdp-cards .tdp-in{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}
.tdp-ci{border-radius:22px;overflow:hidden;max-width:420px;aspect-ratio:800/993}
.tdp-cards p{font-size:17.5px;line-height:1.7;color:var(--tdp-gris);max-width:56ch;margin:10px 0 22px}
.tdp-faq{max-width:780px}
.tdp-faq details,.tdp-body details{border-bottom:1px solid var(--tdp-linea);padding-block:18px}
.tdp-faq summary,.tdp-body summary{cursor:pointer;font-weight:700;font-size:17.5px;list-style:none;display:flex;justify-content:space-between;gap:16px;color:var(--tdp-tinta)}
.tdp-faq summary::-webkit-details-marker,.tdp-body summary::-webkit-details-marker{display:none}
.tdp-faq summary::after,.tdp-body summary::after{content:"+";color:var(--tdp-salvia);font-size:22px;line-height:1}
.tdp-faq details[open] summary::after,.tdp-body details[open] summary::after{content:"–"}
.tdp-faq details p{margin:10px 0 0;color:var(--tdp-gris);line-height:1.65;font-size:16px}
.tdp-final{background:var(--tdp-madera);color:#f6ede2}
.tdp-final .tdp-in{display:grid;grid-template-columns:400px 1fr auto;gap:40px;align-items:center;padding-top:60px;padding-bottom:60px}
.tdp-final img{width:100%;height:auto;border-radius:18px;display:block}
.tdp-final h2{color:#fff}
.tdp-final p{color:#d6c6b3;font-size:17px;line-height:1.6;max-width:56ch;margin:0}
.tdp-final .num{display:block;font-family:var(--tdp-display);font-size:clamp(34px,4.6vw,54px);margin-bottom:12px;color:var(--tdp-ambar);text-decoration:none}

/* Entrada */
.tdp-crumbs{font-size:14px;color:var(--tdp-gris);padding-top:26px}
.tdp-crumbs a{color:inherit;text-decoration:none}
.tdp-chip{display:inline-flex;align-items:center;gap:6px;background:var(--tdp-burbuja);color:var(--tdp-tinta);font-size:13.5px;font-weight:700;padding:6px 12px;border-radius:999px;text-decoration:none}
.tdp-chip svg{width:16px;height:10px;color:var(--tdp-leido)}
.tdp-byline{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--tdp-gris)}
.tdp-byline img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.tdp-byline b{color:var(--tdp-tinta)}
.tdp-toc{background:var(--tdp-papel);border:1px solid var(--tdp-linea);border-radius:16px;padding:18px 22px;margin:0 0 30px;font-size:16px}
.tdp-toc b{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--tdp-gris);margin-bottom:8px}
.tdp-toc ol{margin:0;padding-left:20px;display:grid;gap:4px}
.tdp-toc a{text-decoration:none;color:var(--tdp-salvia);font-weight:600}
.tdp-check{background:#fff;border:1px solid var(--tdp-linea);border-radius:20px;padding:24px;margin:8px 0 30px}
.tdp-check h3{font-family:var(--tdp-display);font-weight:600;font-size:23px;margin:0 0 4px}
.tdp-check .hint{font-size:15px;color:var(--tdp-gris);margin:0 0 14px}
.tdp-check ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.tdp-check li{margin:0}
.tdp-check label{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;font-size:16.5px;line-height:1.45;cursor:pointer;padding:10px 12px;border-radius:12px;border:1px solid var(--tdp-linea);background:var(--tdp-papel)}
.tdp-check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--tdp-salvia)}
.tdp-check label:has(input:checked){background:var(--tdp-burbuja);border-color:#c7d2b3}
.tdp-check .out{margin-top:16px;border-top:1px dashed var(--tdp-linea);padding-top:16px;font-size:16.5px;line-height:1.6}
.tdp-check .out b{display:block;font-family:var(--tdp-display);font-size:22px;font-weight:600;margin-bottom:4px}
.tdp-check .out .muted{color:var(--tdp-gris)}
.tdp-check .out small{display:block;font-size:13.5px;color:var(--tdp-gris);margin-top:8px}
.tdp-check .out .tdp-btn{margin-top:12px}
.tdp-cmp{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 26px}
.tdp-cmp>div{border-radius:16px;padding:20px;font-size:16.5px;line-height:1.6}
.tdp-cmp .a{background:var(--tdp-papel);border:1px solid var(--tdp-linea)}
.tdp-cmp .b{background:#f6ead9;border:1px solid #ead6ba}
.tdp-cmp ul{margin:8px 0 0;padding-left:20px;display:grid;gap:6px}
.tdp-chatcta{background:var(--tdp-madera);color:#f6ede2;border-radius:22px;padding:24px;margin:34px 0;display:flex;flex-direction:column;gap:10px}
.tdp-chatcta .bb{align-self:flex-start;background:#4a382d;border-radius:16px 16px 16px 4px;padding:10px 14px;font-size:16px;line-height:1.45;max-width:90%}
.tdp-chatcta .bb.me{align-self:flex-end;background:var(--tdp-burbuja);color:var(--tdp-tinta);border-radius:16px 16px 4px 16px}
.tdp-chatcta .bb small{display:inline-flex;gap:3px;align-items:center;margin-left:8px;font-size:11px;color:var(--tdp-leido)}
.tdp-chatcta .bb small svg{width:15px;height:10px}
.tdp-chatcta .row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:6px}
.tdp-chatcta .num{font-family:var(--tdp-display);font-size:28px;color:var(--tdp-ambar);text-decoration:none}
.tdp-chatcta .fine{font-size:13.5px;color:#d6c6b3}
.tdp-sign{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center;background:var(--tdp-papel);border:1px solid var(--tdp-linea);border-radius:20px;padding:22px;margin-top:44px}
.tdp-sign img{width:96px;height:96px;border-radius:50%;object-fit:cover}
.tdp-sign h3{font-family:var(--tdp-display);font-weight:600;font-size:21px;margin:0 0 4px}
.tdp-sign p{font-size:16px;line-height:1.6;color:var(--tdp-gris);margin:0 0 12px}
.tdp-aside{position:sticky;top:24px;display:grid;gap:18px}
.tdp-side{background:var(--tdp-papel);border:1px solid var(--tdp-linea);border-radius:20px;padding:20px}
.tdp-side .pic{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:14px;margin-bottom:14px;display:block}
.tdp-side h3{font-family:var(--tdp-display);font-weight:600;font-size:20px;margin:0 0 6px}
.tdp-side p{font-size:15px;line-height:1.55;color:var(--tdp-gris);margin:0 0 12px}
.tdp-side .num{font-family:var(--tdp-display);font-size:28px;margin-bottom:10px}
.tdp-side .tdp-btn{width:100%}
.tdp-side ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:15px}
.tdp-side ul a{font-weight:600;color:var(--tdp-tinta);text-decoration:none}
.tdp-rel .tdp-in{padding-top:10px;padding-bottom:80px}
.tdp-list h1{font-family:var(--tdp-display);font-weight:500;font-size:clamp(32px,4vw,48px);margin:0 0 12px}
.tdp-pag{margin-top:30px;display:flex;gap:10px;flex-wrap:wrap}
.tdp-pag .page-numbers{padding:8px 14px;border:1px solid var(--tdp-linea);border-radius:10px;text-decoration:none;color:var(--tdp-tinta)}
.tdp-pag .current{background:var(--tdp-salvia);color:#fff;border-color:var(--tdp-salvia)}

/* Barra fija del móvil */
.tdp-mbar{display:none}
@media (max-width:760px){
  .tdp-mbar{display:grid;grid-template-columns:1.5fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:9990;background:rgba(242,235,225,.97);border-top:1px solid var(--tdp-linea);
    padding:10px max(12px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px))}
  .tdp-mbar.solo{grid-template-columns:1fr}
  .tdp-mbar a{display:flex;justify-content:center;align-items:center;min-height:50px;font-weight:800;font-size:16px;text-decoration:none;border-radius:10px;font-family:var(--tdp-body)}
  .tdp-mbar .c{background:var(--tdp-salvia);color:#fff}
  .tdp-mbar .w{border:1.5px solid var(--tdp-tinta);color:var(--tdp-tinta)}
  body{padding-bottom:84px}
  /* Complianz por encima de la barra */
  #cmplz-manage-consent .cmplz-manage-consent,.cmplz-manage-consent{bottom:86px!important}
  .cmplz-cookiebanner{bottom:86px!important}
}

/* Responsive */
@media (max-width:980px){.tdp-bubbles{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .tdp-nav{display:none}
  .tdp-hero .tdp-in,.tdp-final .tdp-in,.tdp-clara .tdp-in,.tdp-cards .tdp-in{grid-template-columns:1fr}
  .tdp-steps{grid-template-columns:1fr}
  .tdp-ph{width:200px}
  .tdp-aside{display:none}
}
@media (max-width:760px){
  .tdp-hdr-call{display:none}
  .tdp-bubbles,.tdp-cmp{grid-template-columns:1fr}
  .tdp-scene{min-height:520px;padding:0 14px;background-position:58% center}
  .tdp-screen{min-height:420px}
  .tdp-sec .tdp-in,.tdp-clara .tdp-in{padding-top:52px;padding-bottom:52px}
  .tdp-sign{grid-template-columns:72px 1fr}.tdp-sign img{width:72px;height:72px}
}
@media (prefers-reduced-motion:reduce){.tdp-m,.tdp-sys,.tdp-dots i{animation:none}.tdp-btn,.tdp-bc{transition:none}}