/*
 Theme Name: Jupiter X Child – Live Developer
 Template: jupiterx
 Text Domain: jupiterx-child-live-developer
 Description: Child theme con header personalizado, mobile-first, accesible y optimizado.
 Author: Live Developer
 Version: 1.0.0
*/

/* ===== Variables de marca ===== */
:root{
  --ld-primary: #1FB4E6;     /* Azul Live Developer */
  --ld-primary-600: #1696c0;
  --ld-dark: #0f172a;
  --ld-text: #1f2937;
  --ld-muted: #64748b;
  --ld-bg: #ffffff;
  --ld-radius: 14px;
  --ld-shadow: 0 10px 30px rgba(0,0,0,.06);
  --ld-container: 1120px;
  --ld-leading: 1.55;
  --ld-gap: 1rem;
  --ld-border: rgba(0,0,0,.08);
}

/* ===== Reset mínimo y tipografía ===== */
*,*::before,*::after{ box-sizing: border-box; }
html,body{ margin:0; padding:0; }
html{ scroll-behavior: smooth; }
body{
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  line-height: var(--ld-leading);
  color: var(--ld-text);
  background: var(--ld-bg);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img{ max-width:100%; height:auto; display:block; }
a{ color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible{ outline: 2px solid var(--ld-primary); outline-offset: 2px; }
button{ font: inherit; }
.hidden{ display:none !important; }

/* Reduce motion accesible */
@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* Utilidades */
.u-container{ width:min(var(--ld-container), 92%); margin-inline:auto; }
.u-flex{ display:flex; align-items:center; gap:var(--ld-gap); }

/* Botón base */
.ld-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
  padding:.7rem 1rem; border-radius: 999px; font-weight:600; border:1px solid transparent;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  text-decoration:none;
}
.ld-btn--primary{ background: var(--ld-primary); color:#fff; box-shadow: var(--ld-shadow); }
.ld-btn--primary:hover{ background: var(--ld-primary-600); transform: translateY(-1px); }

/* Lugar que ocupará el header sticky (el header real se define en general.css) */
.elementor-location-header,
.site-header{ background:#fff; }