/* =====================================================
   ELEUVENTUR – CSS BASE PARA DIVI (Child Theme / Plugin)
   Autor: Creativo Team
   Notas:
   - Namespaced con .eleu
   - Ajusta :root para calzar el PDF
===================================================== */

/* Variables */
:root{
  --eleu-green:#00a870;
  --eleu-cream:#faf8f0;
  --eleu-blue:#0000c4;
  --eleu-blue-300:#5e6ff7;
  --eleu-ink:#0f172a;
  --eleu-body:#1e293b;
  --eleu-muted:#64748b;
  --eleu-line:#e2e8f0;

  --eleu-radii:18px;
  --eleu-gap:28px;
  --eleu-maxw:1180px;

  --eleu-h1:clamp(36px,4.5vw,64px);
  --eleu-h2:clamp(28px,3.2vw,44px);
  --eleu-h3:clamp(22px,2.4vw,28px);
  --eleu-lead:clamp(18px,1.6vw,20px);
}

/* Reset y tipografía */
.eleu *{box-sizing:border-box}
.eleu{font-family:"Inter","Poppins",system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--eleu-body);line-height:1.6}
.eleu h1,.eleu h2,.eleu h3{color:var(--eleu-ink);line-height:1.15;margin:0 0 .6em}
.eleu p{margin:0 0 1em}

/* Utilidades */
.eleu-wrap{max-width:var(--eleu-maxw);margin-inline:auto;padding-inline:clamp(16px,3vw,28px)}
.eleu-gradient{background:linear-gradient(90deg,var(--eleu-blue),var(--eleu-blue-300));-webkit-background-clip:text;background-clip:text;color:transparent}
.eleu-badge{display:inline-block;font-weight:600;letter-spacing:.4px;background:rgba(0,0,0,.04);border:1px solid var(--eleu-line);padding:.35rem .6rem;border-radius:999px}

/* HERO */
.eleu-hero{background:var(--eleu-cream);padding:clamp(48px,6vw,96px) 0;position:relative;overflow:hidden}
.eleu-hero::after{content:"";position:absolute;inset:auto -10% -12% -10%;height:42%;background:radial-gradient(80% 80% at 50% 0%,rgba(94,111,247,.18),transparent 60%), linear-gradient(135deg,rgba(0,168,112,.12),rgba(0,0,196,.08));filter:blur(18px)}
.eleu-hero__title{font-size:var(--eleu-h1);font-weight:800;letter-spacing:-.02em;margin-bottom:.35em}
.eleu-hero__lead{font-size:var(--eleu-lead);max-width:62ch;color:var(--eleu-muted)}

/* Botones */
.eleu .et_pb_button,.eleu-btn{appearance:none;display:inline-flex;align-items:center;gap:.6em;font-weight:700;border-radius:12px;border:2px solid transparent;padding:.9rem 1.2rem;cursor:pointer;text-decoration:none}
.eleu .et_pb_button.primary,.eleu-btn.primary{background:var(--eleu-green);color:#fff}
.eleu .et_pb_button.primary:hover,.eleu-btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 18px rgba(0,168,112,.25)}
.eleu .et_pb_button.secondary,.eleu-btn.secondary{background:#fff;border-color:var(--eleu-blue);color:var(--eleu-blue)}
.eleu .et_pb_button.secondary:hover,.eleu-btn.secondary:hover{background:var(--eleu-blue);color:#fff}

/* Tarjetas */
.eleu-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--eleu-gap);margin-top:36px}
.eleu-card{background:#fff;border:1px solid var(--eleu-line);border-radius:var(--eleu-radii);padding:28px;box-shadow:0 6px 20px rgba(2,6,23,.06)}
.eleu-card h3{font-size:var(--eleu-h3);margin-bottom:.4em}
.eleu-card p{color:var(--eleu-body)}
.eleu-card .price{margin-top:14px;font-weight:800;color:var(--eleu-blue)}
.eleu-card.is-group{border-top:4px solid var(--eleu-blue)}
.eleu-card.is-private{border-top:4px solid var(--eleu-green)}

/* Chips de niveles */
.eleu-levels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:42px}
.eleu-chip{display:flex;align-items:center;gap:.7rem;border:1px dashed var(--eleu-line);border-radius:12px;padding:12px 14px;background:linear-gradient(0deg,#fff,#fff),linear-gradient(90deg,#ffffff,rgba(94,111,247,.06))}
.eleu-chip .tag{font-weight:800;color:var(--eleu-blue)}

/* Pasos */
.eleu-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--eleu-gap);margin-top:48px;counter-reset:step}
.eleu-step{background:#fff;border:1px solid var(--eleu-line);border-radius:16px;padding:22px 20px;position:relative}
.eleu-step::before{counter-increment:step;content:counter(step);position:absolute;top:-14px;left:-14px;height:42px;width:42px;border-radius:10px;background:linear-gradient(135deg,var(--eleu-blue),var(--eleu-blue-300));color:#fff;display:grid;place-items:center;font-weight:800;box-shadow:0 10px 22px rgba(0,0,0,.12)}

/* Testimonios */
.eleu-testimonials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--eleu-gap);margin-top:56px}
.eleu-titulo-testi{font-size:var(--eleu-h2);margin-bottom:.2em}
.eleu-testi{background:#fff;border:1px solid var(--eleu-line);border-radius:16px;padding:22px;box-shadow:0 8px 30px rgba(2,6,23,.06)}
.eleu-testi .name{font-weight:800;margin-top:8px}
.eleu-testi .quote{font-style:italic;color:var(--eleu-muted)}

/* Pie/Síguenos */
.eleu-follow{margin-top:64px;padding:24px;border-top:1px solid var(--eleu-line);display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}
.eleu-follow .claim{font-weight:800}
.eleu-social{display:flex;gap:12px}
.eleu-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:var(--eleu-cream);border:1px solid var(--eleu-line)}
.eleu-social a:hover{background:linear-gradient(180deg,var(--eleu-blue-300),var(--eleu-blue));color:#fff;border-color:transparent}

/* Responsive */
@media (max-width:980px){
  .eleu-cards{grid-template-columns:1fr}
  .eleu-levels{grid-template-columns:1fr}
  .eleu-steps{grid-template-columns:1fr 1fr}
  .eleu-testimonials{grid-template-columns:1fr}
}
@media (max-width:767px){
  .eleu-hero{padding:48px 0}
  .eleu-steps{grid-template-columns:1fr}
}

/* Ajustes para módulos Divi */
.eleu .et_pb_text_inner h1{font-size:var(--eleu-h1)}
.eleu .et_pb_text_inner h2{font-size:var(--eleu-h2)}
.eleu .et_pb_text_inner p{font-size:16px}
