/*
Theme Name: Yajaira Eventos
Theme URI: 
Author: Que Buena Idea by: Alex Salazar
Author URI: 
Description: Tema hijo de Hello Elementor optimizado para Yajaira Eventos. Diseño elegante y moderno con estética glam (negro carbón + dorado), botones, formularios y utilidades visuales listas para Elementor.
Version: 1.0.0
Template: hello-elementor
Text Domain: yajaira-eventos
*/

/* =====================================================
   PALETA + TIPOGRAFÍA (inspirado en el logotipo oficial)
   ===================================================== */
:root{
  /* Marca Yajaira Eventos (Dorado + Grafito) */
  --brand-primary:#D4AF37;           /* dorado */
  --brand-primary-dark:#B68C2C;
  --brand-secondary:#9CA3AF;         /* plata */
  --brand-secondary-dark:#6B7280;
  --brand-accent:#F5E6A8;            /* champagne */
  --brand-accent-soft:#FFF3C4;
  --brand-accent-glow:rgba(212,175,55,.18);

  /* Neutros glam (dark) */
  --ink:#F8FAFC;        /* títulos */
  --ink-soft:#E5E7EB;   /* texto */
  --slate:#C7CBD3;      /* texto secundario */
  --muted:#9AA1AA;      /* muted */
  --bg:#0F1115;         /* negro carbón */
  --bg-deep:#0B0D10;
  --surface:rgba(18,20,25,.92);
  --surface-soft:rgba(18,20,25,.70);
  --line:rgba(255,255,255,.10);

  /* UI */
  --radius:18px;
  --radius-lg:28px;
  --radius-pill:999px;
  --shadow:0 18px 54px rgba(0,0,0,.55);
  --shadow-soft:0 12px 34px rgba(0,0,0,.42);
  --shadow-brand:0 22px 70px rgba(212,175,55,.22);

  /* Tipografías */
  --font-body: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  --font-display: Montserrat, Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* =====================================================
   BASE
   ===================================================== */
html{ scroll-behavior:smooth; }
body{
  background:
    radial-gradient(900px 520px at 15% 0%, rgba(212,175,55,.12), transparent 60%),
    radial-gradient(820px 520px at 85% 10%, rgba(156,163,175,.12), transparent 62%),
    radial-gradient(1000px 760px at 60% 120%, rgba(212,175,55,.08), transparent 55%),
    linear-gradient(180deg, var(--bg-deep), var(--bg));
  color:var(--slate);
  font-family:var(--font-body);
  line-height:1.65;
}

::selection{ background:rgba(212,175,55,.22); color:#0B0D10; }

h1,h2,h3,h4,h5,h6,
.elementor-heading-title{
  font-family:var(--font-display);
  letter-spacing:.2px;
  color:var(--ink);
}

p{ color:var(--slate); }
strong{ color:var(--ink); }

/* =====================================================
   ENLACES
   ===================================================== */
a, a:visited{ color:var(--brand-primary); text-decoration:none; }
a:hover, a:focus{ color:var(--brand-accent); text-decoration:none; }
.elementor-widget-text-editor a{ color:var(--brand-primary); }
.elementor-widget-text-editor a:hover{ color:var(--brand-accent); }

/* =====================================================
   BOTONES (global + Elementor)
   ===================================================== */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.wp-block-button__link,
.elementor-button,
.elementor-button:visited{
  background:linear-gradient(135deg, var(--brand-primary), #F0D37A);
  color:#0B0D10;
  border:1px solid rgba(212,175,55,.35);
  border-radius:var(--radius-pill);
  padding:.82em 1.95em;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease, border-color .18s ease;
  box-shadow:var(--shadow-soft);
}


button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.wp-block-button__link:hover,
.elementor-button:hover,
.elementor-button:focus{
  background:linear-gradient(135deg, var(--brand-primary-dark), var(--brand-primary));
  border-color:rgba(212,175,55,.55);
  box-shadow:var(--shadow-brand);
  transform:translateY(-1px);
  filter:saturate(1.03);
}

/* Botón outline */
.yajaira-btn-outline,
.adhamar-btn-outline,
.energy-btn-outline,
.yajaira-btn-outline.elementor-button,
.adhamar-btn-outline.elementor-button,
.energy-btn-outline.elementor-button{
  background:transparent !important;
  color:var(--brand-primary) !important;
  border:1px solid rgba(212,175,55,.35) !important;
  box-shadow:none !important;
}
.yajaira-btn-outline:hover,
.adhamar-btn-outline:hover,
.energy-btn-outline:hover,
.adhamar-btn-outline.elementor-button:hover,
.energy-btn-outline.elementor-button:hover{
  background:rgba(212,175,55,.08) !important;
  border-color:rgba(212,175,55,.60) !important;
  transform:translateY(-1px);
}

/* Botón oscuro */
.yajaira-btn-dark,
.adhamar-btn-dark,
.energy-btn-dark,
.yajaira-btn-dark.elementor-button,
.adhamar-btn-dark.elementor-button,
.energy-btn-dark.elementor-button{
  background:linear-gradient(135deg, rgba(15,23,42,.96), rgba(30,41,59,.94)) !important;
  color:#ffffff !important;
  border:1px solid rgba(15,23,42,.12) !important;
  box-shadow:none !important;
}
.yajaira-btn-dark:hover,
.adhamar-btn-dark:hover,
.energy-btn-dark:hover,
.adhamar-btn-dark.elementor-button:hover,
.energy-btn-dark.elementor-button:hover{
  background:linear-gradient(135deg, rgba(2,6,23,.96), rgba(15,23,42,.94)) !important;
  border-color:rgba(212,175,55,.28) !important;
  transform:translateY(-1px);
}

/* =====================================================
   NAVEGACIÓN
   ===================================================== */
.main-navigation a,
.site-header a,
.site-branding a{
  color:var(--ink-soft);
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a{
  color:var(--brand-primary);
}

.elementor-nav-menu--dropdown{
  background:rgba(16,18,22,.98) !important;
  border:1px solid var(--line);
  border-radius:22px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.elementor-nav-menu--dropdown .elementor-nav-menu a{
  color:var(--ink-soft) !important;
}
.elementor-nav-menu--dropdown .elementor-nav-menu a:hover{
  color:var(--brand-primary) !important;
  background:rgba(212,175,55,.08);
}

/* =====================================================
   FORMULARIOS
   ===================================================== */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea,
select{
  border-radius:var(--radius);
  border:1px solid var(--line);
  padding:.78em 1em;
  background:rgba(16,18,22,.92);
  color:var(--ink-soft);
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease, background .15s ease;
}

input:focus, textarea:focus, select:focus{
  border-color:rgba(212,175,55,.55);
  box-shadow:0 0 0 4px rgba(212,175,55,.15);
  background:rgba(16,18,22,.98);
}

::placeholder{ color:rgba(154,161,170,.85); }

/* =====================================================
   UTILIDADES VISUALES (Elementor)
   ===================================================== */
.yajaira-surface,
.adhamar-surface,
.energy-surface{
  background:var(--surface-soft);
  border:1px solid var(--line);
  border-radius:calc(var(--radius) + 8px);
  box-shadow:var(--shadow);
  backdrop-filter:blur(10px);
}

.yajaira-card,
.adhamar-card,
.energy-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
  overflow:hidden;
}

.yajaira-divider,
.adhamar-divider,
.energy-divider{
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,175,55,.70), rgba(156,163,175,.55), transparent);
}

.yajaira-chip,
.adhamar-chip,
.energy-chip{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.55rem .9rem;
  border-radius:999px;
  background:rgba(212,175,55,.08);
  border:1px solid rgba(212,175,55,.22);
  color:var(--slate);
  transition:transform .16s ease, border-color .16s ease, background .16s ease;
}
.yajaira-chip:hover,
.adhamar-chip:hover,
.energy-chip:hover{
  background:rgba(212,175,55,.12);
  border-color:rgba(212,175,55,.40);
  transform:translateY(-1px);
}

.yajaira-badge,
.adhamar-badge-organic,
.energy-badge{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.45rem .75rem;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(212,175,55,.18), rgba(156,163,175,.10));
  border:1px solid rgba(212,175,55,.22);
  color:var(--ink-soft);
  font-weight:700;
  letter-spacing:.02em;
  font-size:.92rem;
}

.yajaira-hero-overlay,
.adhamar-hero-overlay,
.energy-hero-overlay{
  position:relative;
}
.yajaira-hero-overlay:before,
.adhamar-hero-overlay:before,
.energy-hero-overlay:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(0,0,0,.78), rgba(0,0,0,.22));
  pointer-events:none;
}

/* Bloques visuales auxiliares */
.yajaira-glow,
.energy-glow{
  box-shadow:0 0 0 1px rgba(255,255,255,.06), 0 16px 44px rgba(212,175,55,.14);
}

.yajaira-accent-border,
.energy-accent-border{
  position:relative;
}
.yajaira-accent-border:after,
.energy-accent-border:after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  bottom:0;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--brand-primary), var(--brand-secondary), var(--brand-accent));
}

/* Footer */
.site-footer{
  border-top:1px solid var(--line);
}