/* ============================================================
   SEO TAROT — /tarot/<carta>.html. Composición "primera impresión de
   marca desde Google": numeral fantasma solapado por el H1, carta real
   flotando con halo e inclinación 3D al cursor. Ver css/pages/seo-shared.css
   para el chrome común (header, cosmos, CTA, footer).
   ============================================================ */
.seo-main-tarot{max-width:1080px;padding:150px 32px 0;}

.tarot-hero{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);
  gap:72px;align-items:center;margin-bottom:96px;
}
.tarot-numeral{
  font-family:'Fraunces','Georgia',serif;font-optical-sizing:auto;font-weight:300;
  font-size:150px;line-height:0.75;color:rgba(237,237,235,0.16);letter-spacing:-4px;
}
.tarot-h1{
  font-family:'Fraunces','Georgia',serif;font-optical-sizing:auto;font-weight:400;
  font-size:clamp(52px,6.5vw,84px);line-height:1.02;letter-spacing:-0.02em;
  margin:-34px 0 20px;
}
.tarot-tagline{
  font-family:'Fraunces','Georgia',serif;font-style:italic;font-weight:300;
  font-size:23px;line-height:1.4;color:var(--gold);margin:0 0 40px;
  max-width:420px;text-wrap:pretty;
}
.tarot-ficha{display:flex;border-top:1px solid var(--border);max-width:460px;}
.tarot-ficha-item{flex:1;padding:16px 18px 0 0;}
.tarot-ficha-item + .tarot-ficha-item{border-left:1px solid var(--border);padding-left:18px;}
.tarot-ficha-label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:6px;}
.tarot-ficha-value{font-family:'Fraunces','Georgia',serif;font-size:17px;}

.tarot-carta-figure{margin:0;position:relative;justify-self:center;perspective:900px;}
.tarot-carta-halo{
  position:absolute;inset:-60px;pointer-events:none;
  background:radial-gradient(ellipse at 50% 45%, rgba(237,237,235,0.3), transparent 68%);
}
.tarot-carta-figure img{
  position:relative;display:block;width:100%;max-width:340px;
  border-radius:14px;border:1px solid rgba(237,237,235,0.4);
  box-shadow:0 30px 60px rgba(0,0,0,0.22), 0 0 40px rgba(237,237,235,0.14);
  transform:rotate(2deg);
}

.tarot-significado{max-width:660px;margin:0 auto 72px;}
.tarot-significado-lead{
  font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:22px;line-height:1.6;
  margin:0 0 20px;text-wrap:pretty;
}
.tarot-significado-body{
  font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:18px;line-height:1.75;
  color:#4a4136;margin:0;text-wrap:pretty;
}
.seo-kicker-line{display:flex;align-items:center;gap:14px;margin-bottom:26px;}
.seo-kicker-line .line{flex:1;height:1px;background:linear-gradient(to right, rgba(237,237,235,0.4), transparent);}

.tarot-cards{
  display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:860px;margin:0 auto 80px;
}
.tarot-card{
  background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:32px 34px;
}
.tarot-card--invertida{background:var(--card-gradient);border-color:rgba(237,237,235,0.22);}
.tarot-card-kicker{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
.tarot-card-kicker-row{display:flex;align-items:baseline;gap:10px;margin-bottom:16px;}
.tarot-card-kicker-row .tarot-card-kicker{margin-bottom:0;}
.tarot-num-inverted{
  font-family:'Fraunces','Georgia',serif;font-size:15px;color:rgba(237,237,235,0.55);
  display:inline-block;transform:rotate(180deg);
}
.tarot-card p{
  font-family:'Fraunces','Georgia',serif;font-weight:300;font-size:17px;line-height:1.7;
  margin:0;color:#3d352a;text-wrap:pretty;
}

@media (max-width:760px){
  .tarot-hero{grid-template-columns:1fr;gap:48px;}
  .tarot-cards{grid-template-columns:1fr;}
}