Tarot intuitivo y cercano y para entender lo que estás viviendo y elegir tu siguiente paso con más calma.

• Consultas privadas por WhatsApp, desde la comodidad de tu móvil.
• Lecturas sinceras, sin juicios ni miedo.
• Pago fácil y seguro por Bizum o PayPal.

Botón principal (texto del botón):
Elegir mi consulta de tarot

¿Cómo te ayudo?

Título (H2):
Cuando necesitas claridad pero tu mente no para

Párrafo:
“A veces damos mil vueltas a lo mismo: una relación que duele, un trabajo que ya no encaja o una decisión que no termina de tomar forma. Con el tarot, te acompaño a poner orden en ese ruido, ver con más claridad lo que está pasando y sentir qué camino resuena de verdad contigo.”

Tres bloques (pueden ir en columnas):

• Poner luz en tu situación
  “Usamos las cartas para entender qué está pasando ahora y qué energía te rodea.”
• Tomar decisiones con más seguridad
  “No te digo lo que tienes que hacer: te muestro escenarios para que tú elijas desde tu intuición.”
• Volver a confiar en ti
  “El tarot no es para crear dependencia, sino para ayudarte a recordar tu propia fuerza.”

Botón secundario:
Ver tipos de consulta

Mar Tarot – Lecturas de tarot por WhatsApp :root{ –bg-main:#fffaf5; /* fondo general muy claro */ –bg-section:#fff4ea; /* secciones en crema suave */ –accent:#c27cdd; /* lavanda/dorado suave */ –accent-soft:#e9b8ff; /* lavanda clara */ –text-main:#3b2740; /* texto principal violeta suave */ –text-muted:#7a617f; /* texto secundario */ –btn-bg:#c27cdd; /* botones lavanda */ –btn-bg-alt:#f3d7ff; /* botones alternativos claros */ –btn-text:#ffffff; /* texto botones */ } *{box-sizing:border-box;margin:0;padding:0;} body{ font-family: system-ui,-apple-system,BlinkMacSystemFont,»Segoe UI»,sans-serif; background: radial-gradient(circle at top,#fff7f0 0%,#ffeef8 45%,#f9f4ff 100%); color:var(–text-main); line-height:1.6; } a{text-decoration:none;color:inherit;} .page{ max-width:1100px; margin:0 auto; padding:20px 16px 60px; } header{ display:flex; justify-content:space-between; align-items:center; padding:12px 0 24px; } .logo{ font-size:1.2rem; letter-spacing:0.15em; text-transform:uppercase; color:var(–accent); font-weight:600; } nav a{ margin-left:16px; font-size:0.95rem; color:var(–text-muted); } nav a:hover{color:var(–accent);} .hero{ display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1.4fr); gap:32px; padding:32px 24px; border-radius:18px; background:linear-gradient(135deg,#fff5f2 0%,#fff9ff 55%,#f9f0ff 100%); box-shadow:0 18px 50px rgba(179,143,193,0.35); margin-bottom:40px; border:1px solid rgba(194,124,221,0.3); } .hero-left h1{ font-size:2.1rem; margin-bottom:10px; } .hero-highlight{ font-size:0.95rem; text-transform:uppercase; letter-spacing:0.18em; color:var(–accent-soft); margin-bottom:6px; } .hero-sub{ color:var(–text-muted); margin-bottom:18px; max-width:460px; } .hero-bullets{ list-style:none; margin-bottom:20px; color:var(–text-muted); } .hero-bullets li{ margin-bottom:4px; font-size:0.95rem; } .hero-bullets li::before{ content:»✶»; margin-right:8px; color:var(–accent); } .btn-row{ display:flex; flex-wrap:wrap; gap:12px; align-items:center; margin-bottom:4px; } .btn-primary{ background:var(–btn-bg); color:var(–btn-text); padding:10px 20px; border-radius:999px; font-weight:600; font-size:0.95rem; border:1px solid rgba(0,0,0,0.05); cursor:pointer; display:inline-block; } .btn-primary:hover{ background:#cf8de8; } .btn-ghost{ background:var(–btn-bg-alt); color:var(–accent); padding:9px 18px; border-radius:999px; border:1px solid rgba(194,124,221,0.6); font-size:0.9rem; cursor:pointer; display:inline-block; } .btn-ghost:hover{ background:#f8e4ff; } .hero-note{ font-size:0.8rem; color:var(–text-muted); } .hero-right{ border-radius:16px; border:1px solid rgba(194,124,221,0.35); padding:18px 18px 20px; background:radial-gradient(circle at top,#ffeefe 0%,#fff9ff 60%,#fbefff 100%); position:relative; overflow:hidden; } .hero-card-title{ font-size:0.9rem; color:var(–accent-soft); letter-spacing:0.16em; text-transform:uppercase; margin-bottom:6px; } .hero-card-main{ font-size:1.05rem; margin-bottom:6px; } .hero-card-text{ font-size:0.85rem; color:var(–text-muted); margin-bottom:10px; } .hero-tag{ font-size:0.75rem; color:var(–accent); background:#fff9ff; border-radius:999px; padding:3px 10px; border:1px solid rgba(194,124,221,0.4); display:inline-block; margin-bottom:6px; } section{ margin-bottom:44px; padding:24px 20px; border-radius:18px; background:var(–bg-section); border:1px solid rgba(194,124,221,0.28); } section h2{ font-size:1.3rem; margin-bottom:12px; } section p{ font-size:0.95rem; color:var(–text-muted); margin-bottom:10px; } .three-cols{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:12px; } .card{ background:#fffafc; border-radius:14px; padding:14px 14px 16px; border:1px solid rgba(194,124,221,0.22); } .card h3{ font-size:1rem; margin-bottom:6px; color:var(–accent); } .card p{ font-size:0.9rem; margin-bottom:4px; } .service-meta{ font-size:0.83rem; color:var(–text-muted); margin-bottom:8px; } .testimonials{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:10px; } .testimonial{ font-size:0.9rem; color:var(–text-muted); background:#fff9fd; padding:12px 14px; border-radius:12px; border:1px dashed rgba(194,124,221,0.5); } .testimonial span{ display:block; margin-top:6px; font-size:0.8rem; color:var(–accent); } .faq-item{ margin-bottom:10px; } .faq-item h3{ font-size:0.95rem; margin-bottom:3px; color:var(–accent); } .faq-item p{ font-size:0.9rem; } .cta-center{ text-align:center; } .cta-center p{ max-width:540px; margin:0 auto 12px; } footer{ text-align:center; font-size:0.8rem; color:var(–text-muted); margin-top:8px; padding-bottom:20px; } @media(max-width:860px){ .hero{ grid-template-columns:1fr; } .hero-right{order:-1;} .three-cols{ grid-template-columns:1fr; } .testimonials{ grid-template-columns:1fr; } nav{display:none;} } document.getElementById(‘year’).textContent = new Date().getFullYear();