/* Tirada de tarot gratis ([ttd_tirada]). Todo cuelga de .ttd-tir para no pisar el tema. */
.ttd-tir{--b:#2a587a;--bd:#1b3f5c;--g:#dda75b;--gd:#a8711c;--gf:#3a2a0f;--ink:#12283a;--mut:#52697a;--line:#dbe7f0;--soft:#eef5fa;max-width:760px;margin:0 auto;font-family:inherit;color:var(--ink);line-height:1.5}
.ttd-tir *{box-sizing:border-box}
.ttd-tir h2{margin:0 0 6px;font-size:1.4rem;line-height:1.25;color:var(--b);text-wrap:balance}
.ttd-tir .ttd-tir__sub{color:var(--mut);margin:0 0 18px}
.ttd-tir button{font:inherit}
.ttd-tir__temas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ttd-tir__tema{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;text-align:left;color:var(--ink);cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.ttd-tir__tema b{display:block;color:var(--b);font-size:1.02rem}
.ttd-tir__tema span{font-size:.85rem;color:var(--mut)}
.ttd-tir__tema:hover,.ttd-tir__tema:focus-visible{border-color:var(--g);transform:translateY(-2px);box-shadow:0 6px 16px rgba(18,40,58,.1);outline:none}
.ttd-tir__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--b);color:#fff !important;border:0;border-radius:11px;padding:12px 22px;font-weight:700;cursor:pointer;text-decoration:none !important;line-height:1.2}
.ttd-tir__btn:hover{filter:brightness(1.08)}
.ttd-tir__btn--g{background:var(--g);color:var(--gf) !important}
.ttd-tir__btn--o{background:transparent;color:var(--b) !important;border:1px solid var(--line)}
.ttd-tir__btn[disabled]{opacity:.45;cursor:default;filter:none}
.ttd-tir__btn:focus-visible,.ttd-tir__dorso:focus-visible{outline:3px solid var(--g);outline-offset:2px}
/* Abanico */
.ttd-tir__ab{display:flex;justify-content:center;margin:40px 0 22px;min-height:170px;padding-top:24px}
.ttd-tir__dorso{width:64px;height:118px;padding:0;border:0;border-radius:7px;transform-origin:50% 170%;background:var(--dorso) center/100% 100% no-repeat;margin-inline:-14px;cursor:pointer;transition:translate .2s,box-shadow .2s;box-shadow:0 3px 8px rgba(0,0,0,.28)}
.ttd-tir__dorso:hover{translate:0 -12px}
.ttd-tir__dorso[aria-pressed="true"]{translate:0 -26px;box-shadow:0 0 0 3px var(--g),0 6px 14px rgba(0,0,0,.3)}
.ttd-tir__cont{text-align:center;color:var(--mut);font-size:.92rem;margin-bottom:14px}
.ttd-tir__cen{text-align:center}
/* Cartas reveladas */
.ttd-tir__fila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.ttd-tir__cg{min-width:0;text-align:center}
.ttd-tir__pos{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gd);margin-bottom:8px}
.ttd-tir__flip{display:block;width:100%;padding:0;border:0;background:none;perspective:900px;aspect-ratio:210/373;cursor:pointer}
.ttd-tir__fi{position:relative;display:block;width:100%;height:100%;transition:transform .8s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}
.ttd-tir__flip.rev .ttd-tir__fi{transform:rotateY(180deg)}
.ttd-tir__fr,.ttd-tir__bk{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:6%/3.3%;overflow:hidden;box-shadow:0 5px 14px rgba(18,40,58,.28)}
.ttd-tir__fr{background:var(--dorso) center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 5px 8px rgba(18,40,58,.28))}
.ttd-tir__bk{transform:rotateY(180deg);background:#f5ecd6}
.ttd-tir__bk img{display:block;width:100%;height:100%;object-fit:fill}
.ttd-tir__txt{font-size:.88rem;margin-top:12px;text-align:left;opacity:0;transform:translateY(6px);transition:opacity .6s .4s,transform .6s .4s}
.ttd-tir__txt.on{opacity:1;transform:none}
.ttd-tir__txt b{display:block;color:var(--b);margin-bottom:3px;font-size:.95rem}
/* Mensaje final */
.ttd-tir__final{margin-top:30px;background:linear-gradient(135deg,#2c5f8a,#17384f);color:#fff;border-radius:18px;padding:26px 24px 22px;box-shadow:0 10px 28px rgba(18,40,58,.3);animation:ttdtir-ap .9s both;position:relative;overflow:hidden}
.ttd-tir__final::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% -10%,rgba(241,201,138,.28),transparent 55%);pointer-events:none}
.ttd-tir__final h3{position:relative;margin:0 0 12px;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#f1c98a;font-weight:800}
.ttd-tir__final p{position:relative;margin:0;font-size:1.1rem;line-height:1.6;color:#fff;text-wrap:pretty}
.ttd-tir__final p.puente{margin-top:14px;font-weight:700}
@keyframes ttdtir-ap{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ttd-tir__acc{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}
.ttd-tir__cta{margin-top:22px;text-align:center}
.ttd-tir__cta p{color:var(--mut);margin:0 0 12px}
.ttd-tir__aviso{font-size:.76rem;color:var(--mut);text-align:center;margin:18px 0 0}
/* Panel compartir */
.ttd-tir__cp{display:none;margin-top:16px;background:var(--soft);border-radius:16px;padding:16px}
.ttd-tir__cp.on{display:block}
.ttd-tir__cpin{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:18px;align-items:start}
.ttd-tir__pv{border-radius:12px;overflow:hidden;box-shadow:0 8px 20px rgba(18,40,58,.25);background:#17384f;aspect-ratio:9/16}
.ttd-tir__pv[data-f="post"]{aspect-ratio:4/5}
.ttd-tir__pv img{display:block;width:100%;height:100%}
.ttd-tir__ctl{display:flex;flex-direction:column;gap:10px;min-width:0}
.ttd-tir__seg{display:inline-flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;align-self:flex-start}
.ttd-tir__seg button{border:0;background:transparent;padding:8px 14px;color:var(--mut);cursor:pointer;font-weight:600;font-size:.86rem}
.ttd-tir__seg button[aria-pressed="true"]{background:var(--b);color:#fff}
.ttd-tir__ctl .ttd-tir__btn{width:100%;padding:11px 14px;font-size:.92rem}
.ttd-tir__dos{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ttd-tir__tip{margin:0;font-size:.8rem;color:var(--mut)}
.ttd-tir__msg{font-size:.85rem;font-weight:700;color:#1f6f3f}
.ttd-tir__probar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 14px;padding:10px;background:var(--soft);border-radius:10px;font-size:.8rem}
.ttd-tir__probar select{max-width:100%;min-width:0;font-size:.8rem}
.ttd-tir__vacio{font-size:.9rem;color:var(--mut)}
@media(max-width:600px){
  .ttd-tir__temas{grid-template-columns:1fr}
  .ttd-tir__ab{transform:scale(.8);margin-block:28px 8px}
  .ttd-tir__fila{grid-template-columns:1fr;gap:20px}
  .ttd-tir__cg{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:16px;text-align:left}
  .ttd-tir__cg .ttd-tir__pos{grid-column:1/-1}
  .ttd-tir__cg .ttd-tir__txt{margin-top:0;font-size:.92rem}
  .ttd-tir__final{padding:22px 18px 18px}
  .ttd-tir__final p{font-size:1.04rem}
  .ttd-tir__cpin{grid-template-columns:1fr}
  .ttd-tir__pv{max-width:240px;margin-inline:auto}
}
@media (prefers-reduced-motion:reduce){.ttd-tir__fi{transition:none}.ttd-tir__txt{transition:none}.ttd-tir__final{animation:none}}
.ttd-tir .ttd-tir__btn{font-weight:700}
/* El tema del sitio pinta botones en hover/focus (fondo oscuro, texto gris): se fija el aspecto propio en todos los estados. */
.ttd-tir button.ttd-tir__tema,.ttd-tir button.ttd-tir__tema:hover,.ttd-tir button.ttd-tir__tema:focus,.ttd-tir button.ttd-tir__tema:active{background:#fff;color:var(--ink);box-shadow:none}
.ttd-tir button.ttd-tir__tema:hover,.ttd-tir button.ttd-tir__tema:focus-visible{background:#fbf6ec;border-color:var(--g);box-shadow:0 6px 16px rgba(18,40,58,.12)}
.ttd-tir button.ttd-tir__tema b,.ttd-tir button.ttd-tir__tema:hover b{color:var(--b)}
.ttd-tir button.ttd-tir__tema span,.ttd-tir button.ttd-tir__tema:hover span{color:var(--mut)}
.ttd-tir button.ttd-tir__btn,.ttd-tir button.ttd-tir__btn:hover,.ttd-tir button.ttd-tir__btn:focus,.ttd-tir button.ttd-tir__btn:active{background:var(--b);color:#fff !important}
.ttd-tir button.ttd-tir__btn--g,.ttd-tir button.ttd-tir__btn--g:hover,.ttd-tir button.ttd-tir__btn--g:focus{background:var(--g);color:var(--gf) !important}
.ttd-tir button.ttd-tir__btn--o,.ttd-tir button.ttd-tir__btn--o:hover,.ttd-tir button.ttd-tir__btn--o:focus{background:transparent;color:var(--b) !important}
.ttd-tir button.ttd-tir__btn--o:hover{background:var(--soft)}
.ttd-tir button.ttd-tir__btn:hover{filter:brightness(1.08)}
.ttd-tir a.ttd-tir__btn--g,.ttd-tir a.ttd-tir__btn--g:hover,.ttd-tir a.ttd-tir__btn--g:focus{background:var(--g);color:var(--gf) !important}
.ttd-tir .ttd-tir__seg button,.ttd-tir .ttd-tir__seg button:hover,.ttd-tir .ttd-tir__seg button:focus{background:transparent;color:var(--mut)}
.ttd-tir .ttd-tir__seg button[aria-pressed="true"],.ttd-tir .ttd-tir__seg button[aria-pressed="true"]:hover{background:var(--b);color:#fff}
.ttd-tir button.ttd-tir__dorso,.ttd-tir button.ttd-tir__dorso:hover,.ttd-tir button.ttd-tir__dorso:focus{background:var(--dorso) center/100% 100% no-repeat}
.ttd-tir button.ttd-tir__flip,.ttd-tir button.ttd-tir__flip:hover,.ttd-tir button.ttd-tir__flip:focus{background:none;box-shadow:none}
/* Más aire entre la lectura, los botones y el cierre */
.ttd-tir__acc{margin-top:22px}
.ttd-tir__cta{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}
.ttd-tir__aviso{margin-top:28px;padding-bottom:8px}
/* Títulos y bajadas de cada paso: mismo negro que el texto de la página */
.ttd-tir h2,.ttd-tir .ttd-tir__sub{color:inherit}

/* Perfiles al final de la tirada */
.ttd-tir__pft{margin:18px 0 10px;font-weight:700;color:var(--ink)}
.ttd-tir__pf{list-style:none;margin:0 0 18px;padding:0;display:flex;flex-direction:column;gap:10px;text-align:left}
.ttd-tir__pf li{margin:0}
.ttd-tir__pf a{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--ink) !important;text-decoration:none !important;transition:border-color .15s,box-shadow .15s}
.ttd-tir__pf a:hover,.ttd-tir__pf a:focus-visible{border-color:var(--g);box-shadow:0 4px 12px rgba(18,40,58,.1);outline:none}
.ttd-tir__pf img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:none;background:var(--soft)}
.ttd-tir__pf b{display:block;line-height:1.25}
.ttd-tir__pf em{display:block;font-style:normal;font-size:.88rem;color:var(--mut)}
/* Preguntas frecuentes */
.ttd-tir-faq{max-width:760px;margin:84px auto 0;padding-top:34px;border-top:1px solid #dbe7f0}
.ttd-tir-faq h2{font-size:1.3rem;margin:0 0 14px}
.ttd-tir-faq details{border-bottom:1px solid #dbe7f0;padding:12px 0}
.ttd-tir-faq summary{cursor:pointer;font-weight:700;list-style-position:inside}
.ttd-tir-faq p{margin:8px 0 0}

/* El widget se ve como una herramienta: panel con borde dorado, cabecera con cartas y temas con flecha */
.ttd-tir{background:linear-gradient(180deg,#f7fbfe,#eaf2f9);border:2px solid #e4c88f;border-radius:22px;padding:26px 24px 22px;box-shadow:0 10px 28px rgba(18,40,58,.1)}
.ttd-tir__hero{display:flex;align-items:center;gap:30px;margin:-2px 0 22px;padding:16px 20px;border-radius:16px;background:linear-gradient(135deg,#1b3f5c,#2a587a);color:#fff}
.ttd-tir__fan{position:relative;flex:none;width:118px;height:96px;margin-right:6px}
.ttd-tir__fan i{position:absolute;bottom:0;width:48px;height:88px;border-radius:6px;background:var(--dorso) center/100% 100% no-repeat;box-shadow:0 6px 12px rgba(0,0,0,.35);transform-origin:50% 120%}
.ttd-tir__fan i:nth-child(1){left:6px;transform:rotate(-16deg)}
.ttd-tir__fan i:nth-child(2){left:35px;transform:rotate(0);z-index:1}
.ttd-tir__fan i:nth-child(3){left:64px;transform:rotate(16deg)}
.ttd-tir__ht{display:flex;flex-direction:column;gap:5px;min-width:0}
.ttd-tir__ht b{font-size:1.45rem;line-height:1.15;color:#fff}
.ttd-tir__ht small{font-size:.85rem;line-height:1.35;color:#dbe7f0}
.ttd-tir__chip{align-self:flex-start;background:var(--g);color:var(--gf);font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;border-radius:20px;padding:3px 11px}
.ttd-tir__tema{position:relative;padding-right:44px;border-width:1.5px;box-shadow:0 2px 6px rgba(18,40,58,.06)}
.ttd-tir__go{position:absolute;right:16px;top:50%;translate:0 -50%;font-style:normal;font-weight:800;color:var(--gd);font-size:1.2rem;transition:translate .15s}
.ttd-tir__tema:hover .ttd-tir__go,.ttd-tir__tema:focus-visible .ttd-tir__go{translate:4px -50%}
@media(max-width:560px){.ttd-tir{padding:18px 14px 16px;border-radius:18px}.ttd-tir__hero{flex-direction:column;align-items:flex-start;gap:14px}.ttd-tir__fan{margin-right:0}.ttd-tir__ht b{font-size:1.3rem}.ttd-tir__temas{grid-template-columns:1fr}}