/*
Theme Name: Ramozzi Innova
Theme URI: 
Author: Que Buena Idea by: Alex Salazar
Author URI: 
Description: Tema hijo de Hello Elementor optimizado para Ramozzi Innova. Diseño elegante con estética premium negra, blanca y roja, listo para diplomas, especializaciones y capacitaciones.
Version: 1.1.0
Template: hello-elementor
Text Domain: ramozzi-innova
*/

/* =====================================================
   PALETA + TIPOGRAFÍA (inspirado en el logotipo oficial)
   ===================================================== */
:root{
  /* Marca Yajaira Eventos (Dorado + Grafito) */
  --brand-primary:#b91c1c;           /* rojo principal */
  --brand-primary-dark:#7f1d1d;
  --brand-secondary:#111827;         /* negro profundo */
  --brand-secondary-dark:#1f2937;
  --brand-accent:#ef4444;            /* rojo brillante */
  --brand-accent-soft:#fecaca;
  --brand-accent-glow:rgba(185,28,28,.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(127,29,29,.14), transparent 60%),
    radial-gradient(820px 520px at 85% 10%, rgba(185,28,28,.10), transparent 62%),
    radial-gradient(1000px 760px at 60% 120%, rgba(239,68,68,.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:#ffffff; }

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, #7f1d1d 0%, #b91c1c 52%, #ef4444 100%);
  color:#ffffff;
  border:1px solid rgba(127,29,29,.55);
  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, #641414 0%, #991b1b 45%, #dc2626 100%);
  border-color:rgba(185,28,28,.65);
  box-shadow:0 22px 60px rgba(127,29,29,.28);
  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:#fecaca !important;
  border:1px solid rgba(185,28,28,.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(239,68,68,.08) !important;
  border-color:rgba(185,28,28,.55) !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:#fecaca !important;
  background:rgba(239,68,68,.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(185,28,28,.65);
  box-shadow:0 0 0 4px rgba(185,28,28,.14);
  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(239,68,68,.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(127,29,29,.14);
  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);
}


/* Ramozzi Innova final branding overrides */
:root{--brand-primary:#b91c1c;--brand-primary-dark:#7f1d1d;--brand-secondary:#111827;--brand-secondary-dark:#1f2937;--brand-accent:#ef4444;--brand-accent-soft:#fecaca;}
.elementor-button, .button, button, input[type="submit"], .wp-block-button__link{background:linear-gradient(135deg, #7f1d1d 0%, #b91c1c 52%, #ef4444 100%) !important;color:#fff !important;border-color:rgba(127,29,29,.8) !important;}
.elementor-button:hover, .button:hover, button:hover, input[type="submit"]:hover, .wp-block-button__link:hover{background:linear-gradient(135deg, #641414 0%, #991b1b 46%, #dc2626 100%) !important;color:#fff !important;}
.main-navigation a:hover, .main-navigation .current-menu-item > a, .main-navigation .current_page_item > a{color:#ef4444 !important;}