/*
 * Se7en — Uplift GLOBAL (todo el sitio). Modernización 2026 segura: tipografía, botones,
 * forms, links, acento, selección, banner de cookies. NO cambia layouts/display de Elementor
 * (solo color/tipografía/espaciado/radio). Reversible: quitar el enqueue de se7en-global.
 */
:root{
  --s7g-accent:#c6ff3a;
  --s7g-accent-2:#9ee600;
  --s7g-ink:#0a0b0d;
}

/* Suavizado + base */
html{ scroll-behavior:smooth; }
body{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }
::selection{ background:var(--s7g-accent); color:var(--s7g-ink); }

/* Headings: Work Sans, más carácter (sin tocar color — respeta secciones claras/oscuras) */
h1,h2,h3,.elementor-heading-title{
  font-family:"Work Sans",system-ui,-apple-system,sans-serif !important;
  letter-spacing:-.01em;
}
h1,h2,.elementor-heading-title{ font-weight:700 !important; }

/* Links: hover de marca (no cambia el color base para no romper contraste por sección) */
a{ transition:color .15s ease, opacity .15s ease; }
a:not(.elementor-button):not(.wp-block-button__link):not(.elementor-item):hover{ color:var(--s7g-accent-2); }

/* Botones: sistema lima unificado (pop sobre claro y oscuro). Pill + uppercase técnico. */
.elementor-button,
.wp-block-button__link,
input[type="submit"],
button[type="submit"]:not(.s7-hero-button):not(.s7-btn):not([data-ab]){
  background-color:var(--s7g-accent) !important;
  background-image:none !important;
  color:var(--s7g-ink) !important;
  border:1px solid var(--s7g-accent) !important;
  border-radius:999px !important;
  letter-spacing:.04em;
  font-weight:600 !important;
  transition:filter .15s ease, box-shadow .2s ease, transform .1s ease !important;
}
.elementor-button:hover,
.wp-block-button__link:hover,
input[type="submit"]:hover,
button[type="submit"]:not(.s7-hero-button):not(.s7-btn):not([data-ab]):hover{
  filter:brightness(1.06);
  box-shadow:0 0 26px rgba(198,255,58,.35) !important;
  transform:translateY(-1px);
  color:var(--s7g-ink) !important;
}
/* Variante "outline" de Elementor: no la pintamos sólida */
.elementor-button.elementor-button-info,
.elementor-button[class*="is-type-outline"]{ background:transparent !important; color:inherit !important; }

/* Inputs/forms: prolijos y redondeados */
.elementor-field-textual,
input[type="text"],input[type="email"],input[type="search"],input[type="tel"],input[type="url"],textarea,select{
  border-radius:10px !important;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.elementor-field-textual:focus,
input[type="text"]:focus,input[type="email"]:focus,input[type="search"]:focus,textarea:focus,select:focus{
  outline:none !important;
  border-color:var(--s7g-accent) !important;
  box-shadow:0 0 0 3px rgba(198,255,58,.22) !important;
}

/* Nav: subrayado de marca en hover (sin romper el menú) */
.elementor-nav-menu .elementor-item{ transition:color .15s ease; }
.elementor-nav-menu .elementor-item:hover,
.elementor-nav-menu .elementor-item.elementor-item-active{ color:var(--s7g-accent-2) !important; }

/* Foco accesible global de marca */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{
  outline:2px solid var(--s7g-accent); outline-offset:2px;
}

/* Banner de cookies propio del sitio (#s7ac-bar / #s7ac-ok) + genéricos → on-brand */
#s7ac-bar{ background:#0a0b0d !important; border-top:1px solid #242a35 !important; color:#c9d0d8 !important; }
#s7ac-bar a{ color:var(--s7g-accent) !important; }
#s7ac-ok,
#cookie-notice .cn-button,
.cli-plugin-button,.wt-cli-accept-btn,.cookie-notice-container .button,
[id*="cookie"] a.button,[class*="cookie"] .button{
  background:var(--s7g-accent) !important; color:var(--s7g-ink) !important;
  border-radius:999px !important; border:0 !important; font-weight:600 !important;
}

/* Imágenes: sin “salto” y con esquinas suaves donde aplica el theme */
img{ height:auto; }

/* ============================================================
   HOME — re-skin oscuro vía CSS DESCARTADO (revertido 2026-06-06).
   El home de Elementor tiene estilos por capas (shape-dividers, CSS del kit,
   headings sueltos) que resisten el override por CSS y dejaban una franja
   crema con texto de bajo contraste. El home premium se hará reconstruyéndolo
   (editor Elementor o plantilla propia), no con overrides. Por ahora el home
   queda en su diseño original (consistente y legible) + el polish global de arriba.
   ============================================================ */
