.elementor-37 .elementor-element.elementor-element-e66fdaf{--display:flex;--min-height:327px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-37 .elementor-element.elementor-element-e66fdaf:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-e66fdaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ataqroo.org/wp-content/uploads/2026/05/jaiEnKY_adPOWWtgoi98XbgPMOFDsVc-xBz9Q_LqlET-zkTt-9xmF5iPxnGh10mU-keRJeNlMAdFC_dHY4_olY0-A411IEI2Mar2uL0wg8PnzWysUBbtoVBOyLsDMHT1fq8idorG-3d4U7Ibp3g8TqG48hn28aMd9LDKtdZ_8N6GLHICyAOcBp2uXOq3nSH-.jpg");background-position:0px -124px;background-size:100% auto;}.elementor-37 .elementor-element.elementor-element-e66fdaf::before, .elementor-37 .elementor-element.elementor-element-e66fdaf > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-e66fdaf > .e-con-inner > .elementor-background-video-container::before, .elementor-37 .elementor-element.elementor-element-e66fdaf > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-e66fdaf > .e-con-inner > .elementor-background-slideshow::before, .elementor-37 .elementor-element.elementor-element-e66fdaf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-37 .elementor-element.elementor-element-f6c69cb{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-f26a379{text-align:center;}.elementor-37 .elementor-element.elementor-element-f26a379 .elementor-heading-title{font-family:"Roboto Condensed", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-37 .elementor-element.elementor-element-78c199a{font-family:"Roboto", Sans-serif;font-weight:400;color:#000000;}.elementor-37 .elementor-element.elementor-element-39fb86c{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-37 .elementor-element.elementor-element-e66fdaf:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-e66fdaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(min-width:768px){.elementor-37 .elementor-element.elementor-element-e66fdaf{--width:100%;}}@media(max-width:767px){.elementor-37 .elementor-element.elementor-element-e66fdaf{--min-height:298px;}.elementor-37 .elementor-element.elementor-element-e66fdaf:not(.elementor-motion-effects-element-type-background), .elementor-37 .elementor-element.elementor-element-e66fdaf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-257px 0px;background-size:895px auto;}}/* Start custom CSS for html, class: .elementor-element-c8186ea *//* =====================================================
   ATAQROO - METAL SURFACE + GOLD DETAIL LAYER
   (acabado visual premium)
===================================================== */

/* =========================
   🧱 FONDO METÁLICO REAL
========================= */

body {
  background:
    radial-gradient(circle at 20% 10%, rgba(212,175,55,0.08), transparent 40%),
    radial-gradient(circle at 80% 30%, rgba(255,255,255,0.05), transparent 45%),
    linear-gradient(180deg, #0b0f14 0%, #111722 40%, #0a0d12 100%);
}

/* textura metálica sutil */
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background:
    repeating-linear-gradient(
      45deg,
      rgba(255,255,255,0.02) 0px,
      rgba(255,255,255,0.02) 1px,
      transparent 1px,
      transparent 6px
    );
  pointer-events: none;
  z-index: 0;
  opacity: 0.4;
}

/* =========================
   ✨ GLOW AMBIENTAL DORADO
========================= */

.glow-gold {
  position: relative;
}

.glow-gold::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(212,175,55,0.15), transparent 60%);
  filter: blur(40px);
  z-index: -1;
}

/* =========================
   🧠 HEADER METÁLICO REAL
========================= */

header {
  background: linear-gradient(
    180deg,
    rgba(20,25,32,0.85),
    rgba(10,12,16,0.7)
  );
  backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(212,175,55,0.15);
}

/* línea dorada inferior suave */
header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(212,175,55,0.5),
    transparent
  );
}

/* =========================
   🚀 HERO - PROFUNDIDAD REAL
========================= */

.hero {
  position: relative;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at center, transparent 30%, rgba(0,0,0,0.85) 100%);
}

/* brillo dorado suave en hero */
.hero::after {
  content: "";
  position: absolute;
  top: 20%;
  left: 50%;
  width: 600px;
  height: 600px;
  transform: translateX(-50%);
  background: radial-gradient(circle, rgba(212,175,55,0.12), transparent 60%);
  filter: blur(60px);
}

/* =========================
   🪙 EFECTO METAL EN CARDS
========================= */

.card {
  background:
    linear-gradient(145deg, #1a1f27, #0f141b);
  border: 1px solid rgba(255,255,255,0.06);
  box-shadow:
    0 10px 25px rgba(0,0,0,0.5),
    inset 0 1px 0 rgba(255,255,255,0.04);
}

/* borde dorado animado */
.card:hover {
  border-color: rgba(212,175,55,0.4);
  box-shadow:
    0 0 25px rgba(212,175,55,0.2),
    0 15px 35px rgba(0,0,0,0.6);
}

/* =========================
   ✨ DETALLES DORADOS FINOS
========================= */

.gold-line {
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(212,175,55,0.7),
    transparent
  );
  margin: 40px 0;
}

/* brillo en títulos importantes */
h1, h2 {
  text-shadow: 0 0 20px rgba(212,175,55,0.08);
}

/* =========================
   ⚡ MICRO INTERACCIONES
========================= */

.btn, .card, .event-card {
  transition: all 0.3s ease;
}

/* hover lift más “premium” */
.card:hover, .event-card:hover {
  transform: translateY(-6px) scale(1.01);
}

/* =========================
   📱 PROFUNDIDAD GENERAL
========================= */

section {
  position: relative;
  z-index: 1;
}
/* =====================================================
   ATAQROO - FIX VISUAL (METAL + GOLD + WHITE HEADINGS)
===================================================== */

/* =========================
   🧱 FONDO GRIS METÁLICO REAL (SIN AZUL)
========================= */

body {
  background: linear-gradient(
    180deg,
    #0f141a 0%,
    #1a1f27 40%,
    #11161d 100%
  ) !important;
  color: #e6e9ef;
}

/* elimina cualquier overlay azul accidental */
body, html {
  background-color: #1a1f27 !important;
}

/* =========================
   🪙 TIPOGRAFÍA (TÍTULOS)
========================= */

/* H1 - DORADO PREMIUM */
h1 {
  color: #d4af37 !important;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-shadow: 0 0 18px rgba(212,175,55,0.15);
}

/* H2 - BLANCO LIMPIO */
h2 {
  color: #ffffff !important;
  font-weight: 600;
}

/* H3 - BLANCO MÁS SUAVE */
h3 {
  color: #f2f2f2 !important;
  font-weight: 500;
}

/* =========================
   🧠 TEXTO GENERAL
========================= */

p, span, li {
  color: #a7b0be;
}

/* =========================
   🧱 BLOQUES METÁLICOS CONSISTENTES
========================= */

section {
  background: transparent;
}

/* =========================
   🪙 CARDS METÁLICAS NEUTRAS
========================= */

.card, .event-card {
  background: linear-gradient(
    145deg,
    #1a1f27,
    #232a34
  ) !important;
  border: 1px solid rgba(255,255,255,0.06);
}

/* hover dorado sutil */
.card:hover, .event-card:hover {
  border-color: rgba(212,175,55,0.35);
  box-shadow: 0 0 20px rgba(212,175,55,0.18);
}

/* =========================
   ✨ BOTONES CONSISTENTES
========================= */

.btn-primary {
  background: linear-gradient(145deg, #d4af37, #a8841f);
  color: #111;
}

.btn-outline {
  color: #d4af37;
  border: 1px solid #d4af37;
}

/* =========================
   🚫 BLOQUEO DE COLORES AZULES
========================= */

/* fuerza eliminación de cualquier azul externo */
* {
  border-color: rgba(255,255,255,0.08);
}

/* links sin azul default */
a {
  color: #a7b0be;
}

a:hover {
  color: #d4af37;
}/* End custom CSS */