/*
Theme Name:   Aura Elite Child
Theme URI:    https://revdev.mx
Description:  Aura Elite - Luxury Dark Theme (Child de Astra)
Author:       RevDev México
Author URI:   https://revdev.mx
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  aura-elite-child
*/

/* ============================================================
   AURA ELITE — Sistema de diseño luxury dorado
   Compatible con: Astra + Elementor Free/Pro
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=Montserrat:wght@200;300;400;500&display=swap');

/* ── Variables globales ── */
:root {
  --gold-light:    #FCF6BA;
  --gold-mid:      #C9A84C;
  --gold-dark:     #B38728;
  --gold-deep:     #AA771C;
  --gold-muted:    rgba(201, 168, 76, 0.65);
  --gold-subtle:   rgba(201, 168, 76, 0.2);
  --black-primary: #0a0a0a;
  --black-rich:    #0d0d0d;
  --black-card:    #111111;
  --black-border:  #1a1a1a;
  --font-serif:    'Cormorant Garamond', Georgia, serif;
  --font-sans:     'Montserrat', sans-serif;
}

/* ── Reset global para modo luxury ── */
body {
  background-color: var(--black-primary) !important;
  color: var(--gold-muted) !important;
  font-family: var(--font-sans) !important;
}

/* ── Scrollbar dorada ── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--black-primary); }
::-webkit-scrollbar-thumb { background: var(--gold-dark); }

/* ============================================================
   NAVEGACIÓN
   ============================================================ */
.main-header-bar,
.ast-primary-header-bar {
  background: rgba(10, 10, 10, 0.95) !important;
  border-bottom: 0.5px solid var(--gold-subtle) !important;
  backdrop-filter: blur(8px) !important;
}

.main-header-bar .site-title a,
.ast-site-identity .site-title a {
  font-family: var(--font-serif) !important;
  font-weight: 600 !important;
  font-size: 1.6rem !important;
  letter-spacing: 0.15em !important;
  text-transform: uppercase !important;
  background: linear-gradient(135deg, #BF953F 0%, #FCF6BA 40%, #AA771C 100%);
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  text-decoration: none !important;
}

.main-navigation .menu > li > a,
#site-navigation .menu > li > a {
  font-family: var(--font-sans) !important;
  font-size: 9px !important;
  font-weight: 400 !important;
  letter-spacing: 0.3em !important;
  text-transform: uppercase !important;
  color: var(--gold-muted) !important;
  transition: color 0.3s ease !important;
}

.main-navigation .menu > li > a:hover,
#site-navigation .menu > li > a:hover {
  color: var(--gold-mid) !important;
}

/* ============================================================
   HEADINGS GLOBALES (Elementor widget Heading)
   ============================================================ */

/* H1 — Título hero principal */
.elementor-widget-heading h1.elementor-heading-title {
  font-family: var(--font-serif) !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  line-height: 0.95 !important;
  background: linear-gradient(
    135deg,
    #BF953F 0%,
    #FCF6BA 25%,
    #B38728 50%,
    #FBF5B7 75%,
    #AA771C 100%
  ) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* H2 — Nombre de perfil */
.elementor-widget-heading h2.elementor-heading-title {
  font-family: var(--font-serif) !important;
  font-weight: 300 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  line-height: 1.1 !important;
  background: linear-gradient(
    180deg,
    #e8d48a 0%,
    #c9a84c 60%,
    #a0742a 100%
  ) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* H3 — Subtítulos / descriptores */
.elementor-widget-heading h3.elementor-heading-title {
  font-family: var(--font-sans) !important;
  font-weight: 300 !important;
  font-size: clamp(0.6rem, 1.2vw, 0.8rem) !important;
  letter-spacing: 0.4em !important;
  text-transform: uppercase !important;
  color: var(--gold-muted) !important;
  -webkit-text-fill-color: var(--gold-muted) !important;
}

/* H4 / H5 — Labels y etiquetas */
.elementor-widget-heading h4.elementor-heading-title,
.elementor-widget-heading h5.elementor-heading-title {
  font-family: var(--font-sans) !important;
  font-weight: 400 !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: var(--gold-dark) !important;
  -webkit-text-fill-color: var(--gold-dark) !important;
  border-bottom: 0.5px solid var(--gold-subtle) !important;
  padding-bottom: 6px !important;
  display: inline-block !important;
}

/* H6 — Micro labels */
.elementor-widget-heading h6.elementor-heading-title {
  font-family: var(--font-sans) !important;
  font-weight: 300 !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.35em !important;
  text-transform: uppercase !important;
  color: rgba(201, 168, 76, 0.4) !important;
  -webkit-text-fill-color: rgba(201, 168, 76, 0.4) !important;
}

/* ============================================================
   TEXTOS Y PÁRRAFOS
   ============================================================ */
.elementor-widget-text-editor p,
.elementor-widget-text-editor li {
  font-family: var(--font-sans) !important;
  font-weight: 300 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.04em !important;
  color: rgba(201, 168, 76, 0.6) !important;
  line-height: 1.9 !important;
}

/* ============================================================
   BOTONES
   ============================================================ */
.elementor-widget-button .elementor-button,
.elementor-button-wrapper .elementor-button {
  font-family: var(--font-sans) !important;
  font-weight: 500 !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.25em !important;
  text-transform: uppercase !important;
  color: #0a0a0a !important;
  background: linear-gradient(135deg, #BF953F, #FCF6BA, #AA771C) !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 14px 36px !important;
  transition: opacity 0.3s ease !important;
}

.elementor-widget-button .elementor-button:hover,
.elementor-button-wrapper .elementor-button:hover {
  opacity: 0.85 !important;
  color: #0a0a0a !important;
}

/* Botón outline / secundario */
.elementor-widget-button.btn-outline .elementor-button {
  background: transparent !important;
  border: 0.5px solid var(--gold-mid) !important;
  color: var(--gold-mid) !important;
  -webkit-text-fill-color: var(--gold-mid) !important;
}

.elementor-widget-button.btn-outline .elementor-button:hover {
  background: var(--gold-subtle) !important;
  opacity: 1 !important;
}

/* ============================================================
   DIVISORES / SEPARADORES
   ============================================================ */
.elementor-widget-divider .elementor-divider-separator {
  border-color: var(--gold-subtle) !important;
}

/* ============================================================
   IMÁGENES
   ============================================================ */
.elementor-widget-image img {
  filter: brightness(0.92) contrast(1.05) !important;
}

/* ============================================================
   SECCIONES Y COLUMNAS
   ============================================================ */
.elementor-section,
.e-con {
  background-color: transparent !important;
}

/* Sección con borde dorado inferior */
.elementor-section.gold-border-bottom {
  border-bottom: 0.5px solid var(--gold-subtle) !important;
}

/* Card de perfil */
.elementor-section.profile-card,
.e-con.profile-card {
  background: var(--black-card) !important;
  border: 0.5px solid var(--gold-subtle) !important;
}

/* ============================================================
   DECORADORES — Esquinas doradas
   ============================================================ */
.gold-corners {
  position: relative !important;
}

.gold-corners::before,
.gold-corners::after {
  content: '' !important;
  position: absolute !important;
  width: 20px !important;
  height: 20px !important;
  border-color: rgba(201, 168, 76, 0.4) !important;
  border-style: solid !important;
}

.gold-corners::before {
  top: 12px !important;
  left: 12px !important;
  border-width: 1px 0 0 1px !important;
}

.gold-corners::after {
  bottom: 12px !important;
  right: 12px !important;
  border-width: 0 1px 1px 0 !important;
}

/* ============================================================
   GALERÍA DE MINIATURAS (sección Verified Moments)
   ============================================================ */
.elementor-widget-image-gallery .gallery-item img,
.elementor-widget-gallery .elementor-gallery-item__image {
  filter: brightness(0.85) sepia(0.2) !important;
  transition: filter 0.4s ease !important;
}

.elementor-widget-image-gallery .gallery-item img:hover,
.elementor-widget-gallery .elementor-gallery-item__image:hover {
  filter: brightness(1) sepia(0) !important;
}

/* ============================================================
   FORMULARIOS (Members Club)
   ============================================================ */
.elementor-form .elementor-field-group input,
.elementor-form .elementor-field-group textarea {
  background: rgba(201, 168, 76, 0.05) !important;
  border: 0.5px solid var(--gold-subtle) !important;
  border-radius: 0 !important;
  color: var(--gold-mid) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.75rem !important;
  letter-spacing: 0.1em !important;
  padding: 14px 16px !important;
  transition: border-color 0.3s !important;
}

.elementor-form .elementor-field-group input:focus,
.elementor-form .elementor-field-group textarea:focus {
  border-color: var(--gold-mid) !important;
  outline: none !important;
  box-shadow: 0 0 0 1px rgba(201, 168, 76, 0.15) !important;
}

.elementor-form .elementor-field-group input::placeholder {
  color: rgba(201, 168, 76, 0.3) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer,
#colophon {
  background: var(--black-rich) !important;
  border-top: 0.5px solid var(--gold-subtle) !important;
  color: rgba(201, 168, 76, 0.4) !important;
  font-family: var(--font-sans) !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.2em !important;
  text-transform: uppercase !important;
}

.site-footer a {
  color: var(--gold-muted) !important;
  text-decoration: none !important;
  transition: color 0.3s !important;
}

.site-footer a:hover {
  color: var(--gold-mid) !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
  .elementor-widget-heading h1.elementor-heading-title {
    font-size: clamp(2.5rem, 12vw, 4rem) !important;
  }

  .elementor-widget-heading h2.elementor-heading-title {
    font-size: clamp(1.8rem, 8vw, 3rem) !important;
  }
}