/*
Theme Name:  Enfold Child — Aguayos Dark
Description: Child theme de Enfold para Aguayos Propiedades. Aplica la paleta oscura/dorada coherente con la sección Remates.
Template:    enfold
Version:     1.0.0
Author:      Aguayos Propiedades
*/

/* ═══════════════════════════════════════════════════════════════
   TOKENS DE DISEÑO — espejo exacto de remates.html
   ═══════════════════════════════════════════════════════════════ */
:root {
  --ag-gold:    #C9A84C;
  --ag-gold-lt: #E8C97A;
  --ag-gold-dim: rgba(201, 168, 76, 0.15);
  --ag-dark:    #0D0D0D;
  --ag-dark2:   #141414;
  --ag-dark3:   #1E1C18;
  --ag-cream:   #F5F0E8;
  --ag-cream2:  #EDE7D9;
  --ag-muted:   #8A8070;
  --ag-accent:  #2B4A3F;
}

/* ═══════════════════════════════════════════════════════════════
   SOBRESCRITURA DE VARIABLES ENFOLD
   Enfold lee estas variables en casi todos sus componentes —
   cambiarlas aquí es suficiente para la mayoría de elementos.
   ═══════════════════════════════════════════════════════════════ */
:root {
  /* ── Zona de contenido principal ── */
  --enfold-main-color-bg:             var(--ag-dark2);
  --enfold-main-color-bg2:            var(--ag-dark3);
  --enfold-main-color-color:          var(--ag-muted);
  --enfold-main-color-heading:        var(--ag-cream);
  --enfold-main-color-primary:        var(--ag-gold);
  --enfold-main-color-secondary:      var(--ag-gold-lt);
  --enfold-main-color-border:         rgba(201, 168, 76, 0.18);
  --enfold-main-color-meta:           var(--ag-muted);
  --enfold-main-color-button-font:    var(--ag-dark);
  --enfold-main-color-button-border:  var(--ag-gold);
  --enfold-main-color-button-border2: var(--ag-gold-lt);
  --enfold-main-color-masonry:        var(--ag-dark3);
  --enfold-main-color-stripe:         var(--ag-gold);
  --enfold-main-color-stripe2:        #A88838;
  --enfold-main-color-stripe2nd:      var(--ag-gold-lt);
  --enfold-main-color-iconlist:       rgba(201, 168, 76, 0.25);
  --enfold-main-color-timeline:       rgba(201, 168, 76, 0.2);
  --enfold-main-color-timeline-date:  var(--ag-muted);
  --enfold-main-color-constant-font:  var(--ag-dark);

  /* ── Header ── */
  --enfold-header-color-bg:             var(--ag-dark);
  --enfold-header-color-bg2:            var(--ag-dark2);
  --enfold-header-color-color:          var(--ag-cream);
  --enfold-header-color-heading:        var(--ag-cream);
  --enfold-header-color-primary:        var(--ag-gold);
  --enfold-header-color-secondary:      var(--ag-gold-lt);
  --enfold-header-color-border:         rgba(201, 168, 76, 0.15);
  --enfold-header-color-meta:           var(--ag-muted);
  --enfold-header-color-button-font:    var(--ag-dark);
  --enfold-header-color-button-border:  var(--ag-gold);
  --enfold-header-color-button-border2: var(--ag-gold-lt);
  --enfold-header-color-iconlist:       rgba(201, 168, 76, 0.2);
  --enfold-header-color-stripe:         var(--ag-gold);
  --enfold-header-color-stripe2:        #A88838;
  --enfold-header-color-stripe2nd:      var(--ag-gold-lt);
  --enfold-header-color-masonry:        var(--ag-dark2);
  --enfold-header-color-constant-font:  var(--ag-dark);

  /* ── Secciones alternas ── */
  --enfold-alternate-color-bg:             var(--ag-dark3);
  --enfold-alternate-color-bg2:            var(--ag-dark2);
  --enfold-alternate-color-color:          var(--ag-muted);
  --enfold-alternate-color-heading:        var(--ag-cream);
  --enfold-alternate-color-primary:        var(--ag-gold);
  --enfold-alternate-color-secondary:      var(--ag-gold-lt);
  --enfold-alternate-color-border:         rgba(201, 168, 76, 0.15);
  --enfold-alternate-color-meta:           var(--ag-muted);
  --enfold-alternate-color-button-font:    var(--ag-dark);
  --enfold-alternate-color-button-border:  var(--ag-gold);
  --enfold-alternate-color-button-border2: var(--ag-gold-lt);
  --enfold-alternate-color-iconlist:       rgba(201, 168, 76, 0.2);
  --enfold-alternate-color-stripe:         var(--ag-gold);
  --enfold-alternate-color-stripe2:        #A88838;
  --enfold-alternate-color-stripe2nd:      var(--ag-gold-lt);
  --enfold-alternate-color-masonry:        var(--ag-dark3);
  --enfold-alternate-color-constant-font:  var(--ag-dark);

  /* ── Footer ── */
  --enfold-footer-color-bg:             var(--ag-dark);
  --enfold-footer-color-bg2:            var(--ag-dark2);
  --enfold-footer-color-color:          var(--ag-muted);
  --enfold-footer-color-heading:        var(--ag-cream);
  --enfold-footer-color-primary:        var(--ag-gold);
  --enfold-footer-color-secondary:      var(--ag-cream2);
  --enfold-footer-color-border:         rgba(201, 168, 76, 0.2);
  --enfold-footer-color-meta:           var(--ag-muted);
  --enfold-footer-color-button-font:    var(--ag-dark);
  --enfold-footer-color-button-border:  var(--ag-gold);
  --enfold-footer-color-button-border2: var(--ag-gold-lt);
  --enfold-footer-color-iconlist:       rgba(201, 168, 76, 0.2);
  --enfold-footer-color-stripe:         var(--ag-gold);
  --enfold-footer-color-stripe2:        var(--ag-gold);
  --enfold-footer-color-stripe2nd:      var(--ag-gold-lt);
  --enfold-footer-color-masonry:        var(--ag-dark2);
  --enfold-footer-color-constant-font:  var(--ag-dark);
  --enfold-footer-color-timeline:       rgba(201, 168, 76, 0.2);
  --enfold-footer-color-timeline-date:  var(--ag-muted);

  /* ── Socket (banda inferior del footer) ── */
  --enfold-socket-color-bg:             var(--ag-dark);
  --enfold-socket-color-bg2:            var(--ag-dark2);
  --enfold-socket-color-color:          var(--ag-muted);
  --enfold-socket-color-heading:        var(--ag-cream);
  --enfold-socket-color-primary:        var(--ag-gold);
  --enfold-socket-color-secondary:      var(--ag-cream2);
  --enfold-socket-color-border:         rgba(201, 168, 76, 0.15);
  --enfold-socket-color-iconlist:       rgba(201, 168, 76, 0.2);
  --enfold-socket-color-stripe:         var(--ag-gold);
  --enfold-socket-color-constant-font:  var(--ag-dark);

  /* ── Tipografía ── */
  --enfold-font-family-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --enfold-font-family-body:    'DM Sans', 'Open Sans', Helvetica, Arial, sans-serif;
}

/* ═══════════════════════════════════════════════════════════════
   TIPOGRAFÍA GLOBAL
   ═══════════════════════════════════════════════════════════════ */
body,
#top,
.main_color,
.header_color,
.alternate_color,
.footer_color {
  font-family: 'DM Sans', 'Open Sans', Helvetica, Arial, sans-serif;
  font-weight: 300;
  color: var(--ag-muted);
}

h1, h2, h3, h4, h5, h6,
#top h1, #top h2, #top h3, #top h4, #top h5, #top h6,
.title_container .main-title,
.av-special-heading-tag,
.portfolio-title {
  font-family: 'Playfair Display', Georgia, 'Times New Roman', serif !important;
  color: var(--ag-cream);
}

/* ═══════════════════════════════════════════════════════════════
   FONDOS GLOBALES
   ═══════════════════════════════════════════════════════════════ */
body,
html {
  background-color: var(--ag-dark2);
}

#wrap_all,
#main,
.template-blog #main,
.av-content-full,
.main_color {
  background-color: var(--ag-dark2);
}

/* ═══════════════════════════════════════════════════════════════
   HEADER Y NAVEGACIÓN
   ═══════════════════════════════════════════════════════════════ */
#header,
#header .container,
.header_color,
.html_header_sticky #header {
  background-color: var(--ag-dark) !important;
  border-bottom-color: var(--ag-gold-dim) !important;
}

/* Logo y nombre del sitio */
#header .website-title a,
#header .logo-main,
.header_color .main-title a {
  color: var(--ag-cream) !important;
}

/* Menú principal — items */
#top .av-main-nav > li > a,
.main_menu > li > a,
.header_color .main_menu > li > a {
  color: var(--ag-cream) !important;
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  letter-spacing: 0.05em;
}

#top .av-main-nav > li > a:hover,
#top .av-main-nav > li.current-menu-item > a,
#top .av-main-nav > li.current_page_item > a {
  color: var(--ag-gold) !important;
}

/* Submenú desplegable */
#top .av-main-nav ul,
.header_color .av-main-nav ul {
  background-color: var(--ag-dark2) !important;
  border-color: var(--ag-gold-dim) !important;
}

#top .av-main-nav ul li a {
  color: var(--ag-cream) !important;
  border-bottom-color: rgba(201, 168, 76, 0.1) !important;
}

#top .av-main-nav ul li a:hover {
  background-color: var(--ag-dark3) !important;
  color: var(--ag-gold) !important;
}

/* Topbar */
#header_meta,
.header_color #header_meta {
  background-color: var(--ag-dark) !important;
  border-bottom-color: rgba(201, 168, 76, 0.1) !important;
  color: var(--ag-muted) !important;
}

#header_meta a {
  color: var(--ag-muted) !important;
}

#header_meta a:hover {
  color: var(--ag-gold) !important;
}

/* ═══════════════════════════════════════════════════════════════
   ENLACES
   ═══════════════════════════════════════════════════════════════ */
a,
#top a,
.main_color a {
  color: var(--ag-gold);
}

a:hover,
#top a:hover,
.main_color a:hover {
  color: var(--ag-gold-lt);
}

/* ═══════════════════════════════════════════════════════════════
   BOTONES
   ═══════════════════════════════════════════════════════════════ */
#top .avia-button,
#top .avia-button.av-button-style-flat,
input[type="submit"],
button[type="submit"],
.wpcf7-submit {
  background-color: var(--ag-gold) !important;
  color: var(--ag-dark) !important;
  border-color: var(--ag-gold) !important;
  font-family: 'DM Sans', sans-serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#top .avia-button:hover,
input[type="submit"]:hover,
button[type="submit"]:hover {
  background-color: var(--ag-gold-lt) !important;
  border-color: var(--ag-gold-lt) !important;
}

/* Botones outline / ghost */
#top .avia-button.av-button-style-bordered {
  background-color: transparent !important;
  color: var(--ag-cream) !important;
  border-color: rgba(201, 168, 76, 0.4) !important;
}

#top .avia-button.av-button-style-bordered:hover {
  background-color: var(--ag-gold) !important;
  color: var(--ag-dark) !important;
}

/* ═══════════════════════════════════════════════════════════════
   SECCIONES Y CONTENEDORES
   ═══════════════════════════════════════════════════════════════ */
.container_wrap,
.main_color.container_wrap {
  border-top-color: rgba(201, 168, 76, 0.1) !important;
}

/* Sections builder */
.avia-section,
.avia-section.main_color {
  background-color: var(--ag-dark2);
}

.avia-section.alternate_color {
  background-color: var(--ag-dark3);
}

/* Parche para el overlay blanco de la sección hero de la homepage.
   Este overlay viene del page builder (post-24.css) con background-color:#ffffff.
   Lo reemplazamos por un overlay oscuro semitransparente. */
.av-section-color-overlay {
  background-color: rgba(13, 13, 13, 0.65) !important;
  opacity: 1 !important;
}

/* ═══════════════════════════════════════════════════════════════
   TARJETAS DE PROPIEDADES
   ═══════════════════════════════════════════════════════════════ */
#top .av-masonry-entry,
.av-masonry-container,
.isotope,
.grid-entry {
  background-color: var(--ag-dark3) !important;
  border-color: rgba(201, 168, 76, 0.12) !important;
}

.av-masonry-entry:hover,
.grid-entry:hover {
  border-color: rgba(201, 168, 76, 0.35) !important;
}

.av-masonry-entry .av-inner-masonry-content,
.grid-entry-content {
  background-color: var(--ag-dark2) !important;
  color: var(--ag-muted) !important;
}

.av-masonry-entry .av-masonry-entry-title,
.grid-entry-content .av-masonry-entry-title {
  color: var(--ag-cream) !important;
  font-family: 'Playfair Display', serif !important;
}

/* Precio / meta de propiedades */
.av-masonry-entry .av-masonry-entry-content,
.av-masonry-entry .av-masonry-date,
.listing-price {
  color: var(--ag-muted) !important;
}

/* ═══════════════════════════════════════════════════════════════
   FORMULARIOS
   ═══════════════════════════════════════════════════════════════ */
#top input[type="text"],
#top input[type="email"],
#top input[type="tel"],
#top input[type="number"],
#top input[type="url"],
#top input[type="search"],
#top input[type="password"],
#top textarea,
#top select {
  background-color: var(--ag-dark3) !important;
  border-color: rgba(201, 168, 76, 0.2) !important;
  color: var(--ag-cream) !important;
}

#top input::placeholder,
#top textarea::placeholder {
  color: var(--ag-muted) !important;
}

#top input:focus,
#top textarea:focus {
  border-color: var(--ag-gold) !important;
  outline: none;
}

/* ═══════════════════════════════════════════════════════════════
   FOOTER
   ═══════════════════════════════════════════════════════════════ */
#footer,
.footer_color,
.container_wrap.socket_color,
.container_wrap.footer_color {
  background-color: var(--ag-dark) !important;
  border-top-color: rgba(201, 168, 76, 0.15) !important;
}

#socket,
.socket_color {
  background-color: var(--ag-dark) !important;
  border-top-color: rgba(201, 168, 76, 0.1) !important;
}

#footer a,
.footer_color a,
#socket a,
.socket_color a {
  color: var(--ag-muted) !important;
}

#footer a:hover,
.footer_color a:hover,
#socket a:hover,
.socket_color a:hover {
  color: var(--ag-gold) !important;
}

#footer h3, #footer h4,
.footer_color h3, .footer_color h4 {
  color: var(--ag-cream) !important;
  font-family: 'Playfair Display', serif !important;
  letter-spacing: 0.05em;
}

/* Separadores del footer */
#footer .widget:not(:last-child) {
  border-bottom-color: rgba(201, 168, 76, 0.12) !important;
}

/* ═══════════════════════════════════════════════════════════════
   SEPARADORES / HR
   ═══════════════════════════════════════════════════════════════ */
.hr-inner,
.hr-inner-style,
.av-hr-markup hr {
  background-color: rgba(201, 168, 76, 0.15) !important;
  border-color: rgba(201, 168, 76, 0.15) !important;
}

/* ═══════════════════════════════════════════════════════════════
   SCROLLBAR (Webkit) — detalle premium
   ═══════════════════════════════════════════════════════════════ */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: var(--ag-dark);
}

::-webkit-scrollbar-thumb {
  background: rgba(201, 168, 76, 0.3);
  border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--ag-gold);
}

/* ═══════════════════════════════════════════════════════════════
   BARRA SUPERIOR DE ADMIN (sin cambios — no tocar)
   ═══════════════════════════════════════════════════════════════ */
#wpadminbar {
  /* hereda estilos de WordPress admin, no tocar */
}