/*
 Theme Name: ListingHive Child – BoomEvent Digital
 Template: listinghive
 Theme URI: https://boomevent.es
 Description: Tema hijo personalizado de ListingHive para misprofesionales.com
 Author: BoomEvent Digital
 Author URI: https://boomevent.es
 Template: listinghive
 Version: 1.0
 License: GPL-3.0-or-later
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
 Text Domain: listinghive-child
*/

/* --- CSS personalizado --- *//* === ESTILO PARA EL HEADER HERO CON OVERLAY Y TEXTO LEGIBLE === */
.header-hero {
  position: relative;
  background-size: cover;
  background-position: center;
  color: #fff;
  text-align: center;
  padding: 4rem 2rem;
}

.header-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.45); /* Overlay oscuro */
  z-index: 1;
}

.header-hero__content {
  position: relative;
  z-index: 2;
}


/* Detectamos específicamente la página de anuncios por el contenedor layout */
.hp-row:has(> aside.hp-page__sidebar) {
  display: flex;
  flex-direction: row-reverse;
  gap: 2rem;
}

/* El contenido principal ocupa el espacio restante */
.hp-row:has(> aside.hp-page__sidebar) .hp-page__content {
  flex: 1 1 70%;
}

/* Sidebar visualmente más limpio */
.hp-row:has(> aside.hp-page__sidebar) .hp-page__sidebar {
  flex: 0 0 28%;
  padding: 1.5rem;
  background: #f9f9f9;
  border: 1px solid #eee;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

/* Responsive en móvil */
@media (max-width: 768px) {
  .hp-row:has(> aside.hp-page__sidebar) {
    flex-direction: column;
  }

  .hp-row:has(> aside.hp-page__sidebar) .hp-page__sidebar {
    order: 2;
    margin-top: 2rem;
  }
}




}