/**
 * Tarot App v3.0 — CSS
 * Rediseño visual: Dark Glassmorphism + tipografía serif + espaciado premium
 */
:root{
  --t-bg-glass:rgba(13,8,16,.55);
  --t-bg-card:rgba(25,15,30,.55);
  --t-gold:#d4a039;--t-gold-lt:#f0d080;
  --t-text:#e8e0d0;--t-text-dim:#b0a898;
  --t-border:rgba(255,255,255,.07);
  --t-border-gold:rgba(212,160,57,.12);
  --t-radius:16px;
  --t-font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --t-font-display:'Cormorant Garamond','Georgia','Times New Roman',serif;
  --t-blur:20px;
  --t-si:#2ecc71;--t-no:#e74c3c;--t-quizas:#f39c12;
}

/* ═══ FONDO — Gradiente CSS (inspirado en el footer de Tiziana) ═══ */
main.neve-main.tarot-reading-page{
  background-color:#0d0810;
  background-image:
    radial-gradient(ellipse 90% 70% at 5% 10%, rgba(70,5,30,.2) 0%, transparent 55%),
    radial-gradient(ellipse 70% 90% at 95% 90%, rgba(25,5,50,.22) 0%, transparent 55%),
    linear-gradient(155deg, #1c080e 0%, #0f0712 40%, #08051a 100%);
  background-attachment:fixed;
  min-height:100vh;
  padding-bottom:3em;
}
body.tarot-page-active{
  background-color:#0d0810 !important;
}
main.neve-main.tarot-reading-page .elementor,
main.neve-main.tarot-reading-page .elementor-element,
main.neve-main.tarot-reading-page .elementor-widget-container,
main.neve-main.tarot-reading-page .e-con-inner,
main.neve-main.tarot-reading-page .e-con,
main.neve-main.tarot-reading-page article,
main.neve-main.tarot-reading-page .nv-content-wrap{
  background:transparent !important;
}

/* ═══ OCULTAR TÍTULO WP ═══ */
.tarot-reading-page .nv-page-title-wrap,
.tarot-reading-page .page-header,
.tarot-reading-page .nv-title-meta-wrap,
.tarot-reading-page .entry-header .entry-title,
.tarot-reading-page header.entry-header{
  display:none !important;
}

/* ═══ HEADER OSCURO ═══ */
body.tarot-page-active .elementor-location-header,
body.tarot-page-active .elementor-location-header .e-con,
body.tarot-page-active .elementor-location-header .e-con-inner,
body.tarot-page-active .elementor-location-header .e-con .e-con,
body.tarot-page-active .elementor-location-header [class*="elementor-element"][data-settings*="background"]{
  background:rgba(13,8,16,.96) !important;
  background-image:none !important;
}
body.tarot-page-active .elementor-location-header{
  border-bottom:1px solid rgba(212,160,57,.1) !important;
}
/* Neve fallbacks */
body.tarot-page-active .hfg_header,
body.tarot-page-active #masthead,
body.tarot-page-active .nv-navbar{
  background:rgba(13,8,16,.96) !important;
}
/* Search input en header */
body.tarot-page-active .elementor-location-header .uc-ajax-search__input{
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.15) !important;
  color:var(--t-text) !important;
}

/* ═══ SCOPE ═══ */
.tarot-hub,.tarot-reading{
  font-family:var(--t-font);color:var(--t-text);
  font-size:17px;line-height:1.7;position:relative;z-index:1;
}
.tarot-hub *,.tarot-reading *{box-sizing:border-box}
.tarot-hub img,.tarot-reading img{max-width:100%;height:auto}
.tarot-step--hidden{display:none!important}

/* ═══ CONTENEDOR — GLASSMORPHISM [CAMBIO 1] ═══ */
.tarot-reading{
  background:var(--t-bg-glass);
  backdrop-filter:blur(var(--t-blur));
  -webkit-backdrop-filter:blur(var(--t-blur));
  border:1px solid var(--t-border-gold);
  padding:40px 32px;
  border-radius:var(--t-radius);
  box-shadow:0 8px 32px rgba(0,0,0,.3);
}
/* Romper el ancho del contenedor Elementor/Neve para que ocupe más pantalla */
@media(min-width:768px){
  .tarot-reading{
    max-width:1100px;
    margin-left:auto !important;margin-right:auto !important;
    padding:48px 48px;
  }
}
@media(min-width:1200px){
  .tarot-reading{max-width:1200px;padding:48px 56px}
}
/* Permitir que el contenedor se expanda dentro de Elementor */
main.neve-main.tarot-reading-page .elementor-widget-container{
  max-width:none !important;
}
@media(max-width:767px){
  .tarot-reading{
    border-radius:0;margin-left:-15px;margin-right:-15px;
    padding:24px 16px;border-left:none;border-right:none;
  }
}

/* ═══ HUB ═══ */
.tarot-hub{padding:0 16px}
.tarot-hub__title{
  text-align:center;font-size:2.4rem;margin:0 0 .6em;
  font-family:var(--t-font-display);font-weight:600;
  background:linear-gradient(135deg,#d4a039,#f0d080,#d4a039);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.tarot-hub__intro{text-align:center;max-width:700px;margin:0 auto 2em;color:var(--t-text-dim)}
.tarot-hub__filter{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:2em}
.tarot-filter-btn{
  background:rgba(255,255,255,.05);border:1px solid var(--t-border);
  color:var(--t-text-dim);padding:8px 18px;border-radius:20px;
  cursor:pointer;font-size:.9rem;transition:all .25s;font-family:var(--t-font);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.tarot-filter-btn:hover,.tarot-filter-btn.active{
  background:linear-gradient(135deg,#c9a96e,#d4a039);color:#1a1a2e;
  border-color:var(--t-gold);box-shadow:0 2px 12px rgba(212,160,57,.3);
}
.tarot-hub__grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:2.5em}
@media(min-width:520px){.tarot-hub__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.tarot-hub__grid{grid-template-columns:repeat(3,1fr)}}
.tarot-card-item{
  display:block;background:var(--t-bg-card);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid var(--t-border);border-radius:var(--t-radius);
  overflow:hidden;text-decoration:none;color:var(--t-text);
  transition:transform .25s,box-shadow .25s;
}
.tarot-card-item:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 20px rgba(212,160,57,.1);
}
.tarot-card-item__img{position:relative;aspect-ratio:3/2;overflow:hidden}
.tarot-card-item__img img{width:100%;height:100%;object-fit:cover}
.tarot-card-item__badge{
  position:absolute;top:10px;right:10px;
  background:linear-gradient(135deg,#c9a96e,#d4a039);color:#1a1a2e;
  font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:12px;
}
.tarot-card-item__body{padding:16px 18px}
.tarot-card-item__body h3{
  margin:0 0 6px;font-size:1.25rem;
  font-family:var(--t-font-display);font-weight:600;color:var(--t-gold-lt);
}
.tarot-card-item__body p{margin:0;font-size:.9rem;color:var(--t-text-dim);line-height:1.5}
/* v4.0.1: asegurar que TODAS las tarjetas tengan imagen (default del plugin si no hay custom) */
.tarot-card-item{display:flex;flex-direction:column}
.tarot-card-item__body{flex:1}
.tarot-hub__section{margin:2em 0}
.tarot-hub__section h2{
  font-size:1.4rem;font-family:var(--t-font-display);font-weight:600;
  color:var(--t-gold);border-bottom:1px solid rgba(212,160,57,.15);padding-bottom:.4em;
}
.tarot-hub__section p{color:var(--t-text-dim);line-height:1.7}
.tarot-hub__section-links{margin-top:.8em !important}
.tarot-hub__section-links a{
  color:var(--t-gold-lt);text-decoration:none;border-bottom:1px dotted rgba(212,160,57,.4);
  transition:color .2s,border-color .2s;
}
.tarot-hub__section-links a:hover{color:var(--t-gold);border-bottom-color:var(--t-gold)}
.tarot-hub__author{
  background:var(--t-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid var(--t-border);border-radius:var(--t-radius);padding:24px;margin:2.5em 0;
}
.tarot-hub__author h2{color:var(--t-gold);margin-top:0;font-family:var(--t-font-display);font-weight:600}
.tarot-hub__author a{color:var(--t-gold)}
.tarot-hub__ctas{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin:2.5em 0}

/* ═══ BOTONES [CAMBIO 6] ═══ */
.tarot-btn{
  display:inline-block;padding:14px 28px;font-size:1.05rem;font-weight:600;
  border:none;border-radius:12px;cursor:pointer;text-decoration:none;
  text-align:center;transition:all .25s;font-family:var(--t-font);
}
.tarot-btn--start{
  background:linear-gradient(135deg,#c9a96e,#d4a039);color:#1a1a2e;
  width:100%;max-width:400px;margin:1.5em auto;display:block;font-size:1.1rem;
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 4px 20px rgba(212,160,57,.25);
}
.tarot-btn--start:hover{box-shadow:0 4px 30px rgba(212,160,57,.5);transform:translateY(-2px)}
.tarot-btn--outline{
  background:transparent;border:2px solid var(--t-gold);color:var(--t-gold);
  padding:10px 22px;border-radius:12px;
}
.tarot-btn--outline:hover{background:var(--t-gold);color:#1a1a2e;box-shadow:0 4px 20px rgba(212,160,57,.3)}
.tarot-cta{
  display:inline-block;padding:12px 24px;border-radius:12px;
  font-weight:600;text-decoration:none;transition:all .25s;text-align:center;font-size:.95rem;
}
.tarot-cta--primary{
  background:linear-gradient(135deg,#c9a96e,#d4a039);color:#1a1a2e;
  box-shadow:0 4px 16px rgba(212,160,57,.2);
}
.tarot-cta--primary:hover{box-shadow:0 4px 24px rgba(212,160,57,.45);transform:translateY(-2px)}
.tarot-cta--secondary{
  background:rgba(255,255,255,.05);border:1px solid rgba(212,160,57,.3);color:var(--t-gold);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.tarot-cta--secondary:hover{background:rgba(212,160,57,.15)}

/* ═══ LECTURA [CAMBIOS 2,3,5] ═══ */
.tarot-reading__h1{
  text-align:center;font-size:2.2rem;margin:0 0 1em;padding-top:.6em;
  font-family:var(--t-font-display);font-weight:600;
  background:linear-gradient(135deg,#d4a039,#f0d080,#d4a039);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
@media(min-width:768px){.tarot-reading__h1{font-size:2.8rem;padding-top:.4em}}
.tarot-reading__hero{
  text-align:center;margin-bottom:2em;border-radius:var(--t-radius);
  overflow:hidden;max-width:800px;margin-left:auto;margin-right:auto;
  box-shadow:0 8px 24px rgba(0,0,0,.4);
}
.tarot-reading__hero img{width:100%;max-height:360px;object-fit:cover}
.tarot-reading__desc,.tarot-reading__intro{
  color:var(--t-text-dim);font-size:1rem;margin-bottom:1.5em;
  text-align:justify;max-width:800px;margin-left:auto;margin-right:auto;line-height:1.75;
}
.tarot-reading__ritual{
  text-align:center;font-style:italic;color:var(--t-gold-lt);margin:1.5em 0;
  font-family:var(--t-font-display);font-size:1.1rem;
}
.tarot-reading__instruction{text-align:center;color:var(--t-gold-lt);font-size:1rem;margin:.8em 0 1em}
.tarot-field{margin-bottom:1.5em;max-width:500px;margin-left:auto;margin-right:auto}
.tarot-field label{display:block;font-size:.9rem;margin-bottom:6px;color:var(--t-text-dim)}
.tarot-input{
  width:100%;padding:14px 18px;border:1px solid rgba(255,255,255,.1);border-radius:12px;
  background:rgba(255,255,255,.06);color:var(--t-text);font-size:1rem;font-family:var(--t-font);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .2s,box-shadow .2s;
}
.tarot-input:focus{outline:none;border-color:var(--t-gold);box-shadow:0 0 16px rgba(212,160,57,.15)}
.tarot-input--error{border-color:var(--t-no)!important;animation:t-shake .3s}
@keyframes t-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}

/* ═══ ABANICO ═══ */
.tarot-deck{display:flex;justify-content:center;align-items:flex-end;min-height:95px;padding:30px 8px 14px;overflow:visible}
.tarot-deck__card{
  flex-shrink:0;width:30px;height:47px;margin:0 -14px;cursor:pointer;
  transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .35s,box-shadow .3s;
  transform-origin:bottom center;border-radius:4px;overflow:hidden;
  box-shadow:0 2px 6px rgba(0,0,0,.5);
}
@media(min-width:480px){.tarot-deck__card{width:36px;height:56px;margin:0 -12px}}
@media(min-width:768px){.tarot-deck__card{width:46px;height:71px;margin:0 -10px}}
@media(min-width:1024px){.tarot-deck__card{width:52px;height:80px;margin:0 -8px}}
.tarot-deck__card img{width:100%;height:100%;object-fit:cover;pointer-events:none}
.tarot-deck__card:hover:not(.picked){
  transform:translateY(-14px) scale(1.25)!important;z-index:100!important;
  box-shadow:0 4px 20px rgba(212,160,57,.6),0 0 30px rgba(212,160,57,.2);
}
.tarot-deck__card.picked{cursor:default;opacity:.15;transform:scale(.6) translateY(-10px) !important;pointer-events:none}

/* ═══ TABLERO ═══ */
/* Board: see definition below with overflow:visible fix */
.tarot-slot{
  border:2px dashed rgba(212,160,57,.5);border-radius:6px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;color:rgba(212,160,57,.8);transition:all .3s;
  overflow:visible;background:rgba(0,0,0,.4);
  backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);
}
.tarot-slot__label{padding:0 2px;word-break:break-word;font-size:.55rem;line-height:1.2;font-weight:600}
@media(min-width:768px){.tarot-slot__label{font-size:.7rem}}
.tarot-slot__num{position:absolute;top:2px;right:4px;font-size:.5rem;opacity:.5}
.tarot-slot--flex{position:relative;width:55px;height:83px}
@media(min-width:480px){.tarot-slot--flex{width:65px;height:98px}}
@media(min-width:768px){.tarot-slot--flex{width:80px;height:120px}}
.tarot-slot--filled{border-color:var(--t-gold);border-style:solid;background:transparent;overflow:hidden}
/* Pop-in animation for cover image appearing in slot */
@keyframes t-slot-pop{
  0%{transform:scale(.5);opacity:0}
  70%{transform:scale(1.05);opacity:1}
  100%{transform:scale(1);opacity:1}
}
.tarot-slot__cover{width:100%;height:100%;object-fit:cover;border-radius:4px;animation:t-slot-pop .35s ease-out}
.tarot-slot--flipping{animation:t-flip-out .28s ease-in forwards}
.tarot-slot--revealed{border:none;background:transparent;overflow:visible}
.tarot-slot__card-img{
  width:100%;height:100%;object-fit:cover;border-radius:4px;
  box-shadow:0 2px 10px rgba(0,0,0,.5);
}
.tarot-slot__card-img--reversed{transform:rotate(180deg)}
@keyframes t-flip-out{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes t-flip-in{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}

/* ═══ RESULTADO — glass cards [CAMBIO 4] ═══ */
.tarot-result__heading{
  text-align:center;font-size:2.2rem;margin:1.5em 0 .8em;
  font-family:var(--t-font-display);font-weight:600;
  background:linear-gradient(135deg,#d4a039,#f0d080,#d4a039);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.tarot-result__question{
  text-align:center;color:var(--t-gold-lt);margin-bottom:1.5em;
  font-size:1.1rem;font-family:var(--t-font-display);font-style:italic;
}
.tarot-result__note{
  text-align:center;font-size:.9rem;color:var(--t-text-dim);font-style:italic;
  margin:1.5em auto;padding:14px 20px;border:1px solid var(--t-border);
  border-radius:var(--t-radius);max-width:900px;
  background:rgba(255,255,255,.03);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.tarot-result__card{
  background:var(--t-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid var(--t-border);border-radius:var(--t-radius);
  padding:24px;margin:0 auto 2em;max-width:900px;
  box-shadow:0 4px 16px rgba(0,0,0,.2);
}
.tarot-result__card h3{
  text-align:center;color:var(--t-gold-lt);font-size:1.4rem;margin:0 0 .6em;
  font-family:var(--t-font-display);font-weight:600;
}
.tarot-result__card h3 span{font-weight:400;font-size:.8em;color:var(--t-text-dim)}
.tarot-result__posdesc{color:var(--t-text-dim);font-size:.9rem;border-left:3px solid rgba(212,160,57,.4);padding-left:14px;margin-bottom:1.2em}
.tarot-result__body{display:flex;gap:20px;align-items:flex-start}
@media(max-width:479px){.tarot-result__body{flex-direction:column;align-items:center}}
.tarot-result__body--center{justify-content:center}
.tarot-result__img{width:120px;flex-shrink:0;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.4)}
.tarot-result__img--large{width:180px}
.tarot-result__img--reversed{transform:rotate(180deg)}
.tarot-result__meaning{font-size:1rem;line-height:1.75;color:var(--t-text);text-align:justify}
.tarot-result__link{display:block;margin-top:12px;color:var(--t-gold);font-size:.9rem;text-decoration:none;transition:color .2s}
.tarot-result__link:hover{color:var(--t-gold-lt);text-decoration:underline}
.tarot-sino{
  text-align:center;padding:28px;margin-bottom:2em;border-radius:var(--t-radius);
  animation:t-pop .5s cubic-bezier(.175,.885,.32,1.275);
  max-width:500px;margin-left:auto;margin-right:auto;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
}
.tarot-sino--si{background:rgba(46,204,113,.12);border:2px solid var(--t-si)}
.tarot-sino--no{background:rgba(231,76,60,.12);border:2px solid var(--t-no)}
.tarot-sino--quizas{background:rgba(243,156,18,.12);border:2px solid var(--t-quizas)}
.tarot-sino__text{font-size:2.5rem;font-weight:800;letter-spacing:.05em;font-family:var(--t-font-display)}
.tarot-sino--si .tarot-sino__text{color:var(--t-si)}
.tarot-sino--no .tarot-sino__text{color:var(--t-no)}
.tarot-sino--quizas .tarot-sino__text{color:var(--t-quizas)}
@keyframes t-pop{0%{transform:scale(.5);opacity:0}100%{transform:scale(1);opacity:1}}
.tarot-cta-block{
  background:var(--t-bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid var(--t-border);border-radius:var(--t-radius);
  padding:24px;margin:0 auto 1.2em;text-align:center;max-width:600px;
}
.tarot-cta-block h3{color:var(--t-gold);margin-top:0;font-family:var(--t-font-display);font-weight:600;font-size:1.5rem}
.tarot-cta-block p{color:var(--t-text-dim);margin-bottom:1.2em}
.tarot-reading__actions{text-align:center;margin:2em 0}
.tarot-related{margin:2.5em auto;max-width:900px}
.tarot-related h3{
  text-align:center;color:var(--t-gold);font-family:var(--t-font-display);
  font-weight:600;font-size:1.5rem;margin-bottom:.8em;
}
.tarot-related__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(min-width:600px){.tarot-related__grid{grid-template-columns:repeat(4,1fr)}}
.tarot-related__item{
  display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--t-text);
  background:var(--t-bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid var(--t-border);border-radius:var(--t-radius);padding:12px;
  transition:transform .25s,box-shadow .25s;
}
.tarot-related__item:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgba(0,0,0,.3)}
.tarot-related__item img{border-radius:8px;margin-bottom:8px;width:100%;aspect-ratio:3/2;object-fit:cover}
.tarot-related__item span{font-size:.85rem;text-align:center}
.tarot-reading__faq,.tarot-hub__faq{margin:2.5em auto;max-width:800px}
.tarot-reading__faq h2,.tarot-hub__faq h2{
  font-size:1.5rem;text-align:center;margin-bottom:1em;
  font-family:var(--t-font-display);font-weight:600;
  background:linear-gradient(135deg,#d4a039,#f0d080,#d4a039);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}
.tarot-faq-item{border:1px solid var(--t-border);border-radius:12px;margin-bottom:10px;overflow:hidden}
.tarot-faq-item summary{
  padding:14px 18px;cursor:pointer;font-weight:600;color:var(--t-text);
  background:var(--t-bg-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  list-style:none;transition:background .2s;
}
.tarot-faq-item summary:hover{background:rgba(22,33,62,.7)}
.tarot-faq-item summary::-webkit-details-marker{display:none}
.tarot-faq-item summary::before{content:'▸ ';color:var(--t-gold)}
.tarot-faq-item[open] summary::before{content:'▾ '}
.tarot-faq-item p{padding:4px 18px 16px;margin:0;color:var(--t-text-dim);font-size:.93rem;line-height:1.7}

/* ═══ FADE TRANSITIONS ═══ */
.tarot-step--fading-out{
  opacity:0;transform:translateY(-8px);
  transition:opacity .28s ease,transform .28s ease;
}
.tarot-step--fading-in{
  opacity:0;transform:translateY(8px);
}
.tarot-step:not(.tarot-step--hidden):not(.tarot-step--fading-out){
  transition:opacity .3s ease,transform .3s ease;
  opacity:1;transform:translateY(0);
}

/* ═══ PROGRESS BAR (replaces spinner) ═══ */
.tarot-progress{text-align:center;padding:2.5em 1em;transition:opacity .3s}
.tarot-progress__text{
  color:var(--t-gold-lt);font-family:var(--t-font-display);
  font-size:1.15rem;font-style:italic;margin-bottom:1.2em;
}
.tarot-progress__bar{
  width:100%;max-width:360px;height:6px;margin:0 auto;
  background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden;
}
.tarot-progress__fill{
  height:100%;width:0;border-radius:3px;
  background:linear-gradient(90deg,#c9a96e,#d4a039,#f0d080);
  box-shadow:0 0 12px rgba(212,160,57,.4);
}

/* ═══ DECK STAGGERED ENTRANCE ═══ */
@keyframes t-card-enter{
  0%{opacity:0;transform:translateY(20px) rotate(var(--card-rot,0deg)) scale(.8)}
  100%{opacity:1;transform:translateY(0) rotate(var(--card-rot,0deg)) scale(1)}
}
.tarot-deck__card--enter{
  animation:t-card-enter .35s ease forwards;
}

/* ═══ RESULT HEADING ABOVE BOARD ═══ */
#reveal-heading{
  text-align:center;font-size:2rem;margin:.5em 0 .6em;
  font-family:var(--t-font-display);font-weight:600;
  background:linear-gradient(135deg,#d4a039,#f0d080,#d4a039);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  animation:t-card-fadein .5s ease forwards;
}

/* ═══ RESULT SUBTITLE ═══ */
.tarot-result__subtitle{
  text-align:center;color:var(--t-text-dim);font-size:1rem;
  margin:-.4em 0 1em;font-style:italic;
}

/* ═══ RESULT CARDS FADE-IN ═══ */
@keyframes t-card-fadein{
  0%{opacity:0;transform:translateY(16px)}
  100%{opacity:1;transform:translateY(0)}
}
.tarot-result__card--fadein{
  animation:t-card-fadein .4s ease forwards;
  opacity:0;
}

/* ═══ COLLAPSIBLE INTERPRETATIONS ═══ */
.tarot-result__meaning-wrap{flex:1;min-width:0}
.tarot-result__meaning{font-size:1rem;line-height:1.75;color:var(--t-text);text-align:justify}
.tarot-result__meaning-full{font-size:1rem;line-height:1.75;color:var(--t-text);text-align:justify;
  max-height:0;overflow:hidden;transition:max-height .4s ease;
}
.tarot-result__meaning-full:not(.tarot-collapse--hidden){max-height:3000px}
.tarot-collapse--hidden{max-height:0 !important;overflow:hidden;display:none}
.tarot-result__ellipsis{color:var(--t-text-dim)}
.tarot-result__toggle{
  display:inline-block;margin-top:10px;padding:0;border:none;
  background:transparent;color:var(--t-gold);cursor:pointer;
  font-size:.9rem;font-family:var(--t-font);font-weight:500;
  transition:color .2s;
}
.tarot-result__toggle:hover{color:var(--t-gold-lt);text-decoration:underline}

/* ═══ BOARD HEIGHT FIX ═══ */
.tarot-board{
  position:relative;margin:12px 0;border-radius:var(--t-radius);
  overflow:visible;
  padding-bottom:20px;box-shadow:0 4px 16px rgba(0,0,0,.4);
  min-height:200px;background-color:rgba(10,5,12,.6);
}

/* ═══ OLD LOADING (kept as fallback) ═══ */
.tarot-loading{text-align:center;padding:3em 1em}
.tarot-spinner{
  width:40px;height:40px;border:3px solid rgba(255,255,255,.1);
  border-top-color:var(--t-gold);border-radius:50%;margin:0 auto 1em;
  animation:t-spin .8s linear infinite;
}
@keyframes t-spin{to{transform:rotate(360deg)}}
.tarot-error{text-align:center;padding:2em 1em;color:var(--t-no)}

/* ═══════════════════════════════════════════════════════
   FASE 2: CHECKOUT FORM + GRACIAS PAGE
   ═══════════════════════════════════════════════════════ */

/* ── CTA Block PDF ──────────────────────────────────── */
.tarot-cta-block--pdf{
  background:rgba(25,15,30,.55);backdrop-filter:blur(12px);
  border:1px solid rgba(212,160,57,.2);border-radius:12px;
  padding:2em 1.8em;margin-bottom:1.5em;text-align:center;
}
.tarot-cta-block--pdf h3{color:var(--t-gold);font-family:var(--t-font-display);font-size:1.5rem;margin:0 0 .5em}
.tarot-cta-block--pdf > p{color:var(--t-text-dim);font-size:.95rem;line-height:1.6;margin:0 0 1.5em;max-width:440px;margin-left:auto;margin-right:auto}
.tarot-cta-block__icon{font-size:2rem;margin-bottom:.5em}

/* ── Checkout Form ──────────────────────────────────── */
.tarot-checkout-form{max-width:360px;margin:0 auto}
.tarot-checkout-form .tarot-field{margin-bottom:.8em}
.tarot-checkout-form .tarot-input{
  width:100%;padding:12px 16px;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
  border-radius:8px;color:var(--t-text);font-size:.95rem;
  font-family:var(--t-font-body);transition:border-color .2s;
}
.tarot-checkout-form .tarot-input:focus{
  outline:none;border-color:var(--t-gold);
  box-shadow:0 0 0 2px rgba(212,160,57,.15);
}
.tarot-checkout-form .tarot-input::placeholder{color:var(--t-text-dim);opacity:.7}

/* ── Checkbox newsletter ────────────────────────────── */
.tarot-checkbox{
  display:flex;align-items:center;gap:8px;
  margin:1em 0 1.4em;cursor:pointer;
  font-size:.85rem;color:var(--t-text-dim);
  justify-content:center;
}
.tarot-checkbox input[type="checkbox"]{
  width:18px;height:18px;accent-color:var(--t-gold);
  cursor:pointer;flex-shrink:0;
}

/* ── Checkout button state ──────────────────────────── */
#btn-checkout{width:100%;margin-top:.5em}
#btn-checkout:disabled{
  opacity:.45;cursor:not-allowed;
  box-shadow:none;transform:none;
}

/* ── Checkout error/note ────────────────────────────── */
.tarot-checkout-form__note{
  font-size:.85rem;margin-top:.8em;
  text-align:center;line-height:1.5;
}

/* ═══ PÁGINA DE GRACIAS ═══ */
.tarot-gracias{
  text-align:center;padding:2em 1em 1em;
}
.tarot-gracias__icon{font-size:3rem;margin-bottom:.5em}
.tarot-gracias__text{
  color:var(--t-text-dim);font-size:1.05rem;line-height:1.7;
  max-width:480px;margin:0 auto 1.8em;
}
.tarot-gracias__download{
  display:inline-block;margin-bottom:1.5em;
  font-size:1.1rem;padding:16px 40px;
}
.tarot-gracias__note{
  font-size:.85rem;color:var(--t-text-dim);
  max-width:400px;margin:0 auto 2em;line-height:1.6;
}
.tarot-gracias__note a{color:var(--t-gold)}

.tarot-gracias--error{padding:3em 1em}
.tarot-gracias--error h1{margin-bottom:.8em}
.tarot-gracias--error p{color:var(--t-text-dim);margin-bottom:1em;line-height:1.6}
.tarot-gracias--error a{color:var(--t-gold)}

/* ═══ MINI-CTA PDF (arriba del resultado) ═══ */
.tarot-mini-cta{
  text-align:center;padding:14px 20px;margin:1.2em 0 1.5em;
  background:rgba(212,160,57,.08);
  border:1px solid rgba(212,160,57,.2);border-radius:10px;
  font-size:.9rem;color:var(--t-text-dim);line-height:1.5;
}
.tarot-mini-cta__icon{font-size:1.1em;vertical-align:middle}
.tarot-mini-cta__link{
  color:var(--t-gold);font-weight:600;text-decoration:none;
  border-bottom:1px solid rgba(212,160,57,.3);
  transition:border-color .2s;
}
.tarot-mini-cta__link:hover{border-bottom-color:var(--t-gold)}
@media(max-width:480px){
  .tarot-mini-cta{font-size:.85rem;padding:12px 16px}
}