/*
Theme Name: PH Poblado
Theme URI: https://phpoblado.com
Author: PH Poblado
Description: Tema de lujo para el Penthouse más exclusivo de Medellín. Diseño elegante con soporte completo para el editor Gutenberg.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ph-poblado
Tags: luxury, real-estate, gutenberg, block-patterns, custom-colors
*/

/* ─────────────────────────────────────────────────────────
   Variables CSS globales
───────────────────────────────────────────────────────── */
:root {
  --logo-light: white;
  --logo-dark: #13322c;
  --footer: #13322c;
  --footer-font: white;
  --nav-links: white;
  --font-dark: #4d4d4d;
  --font-light: #4d4d4d;
  --gold: #13322c;
  --gold-light: #020202;
  --gold-dark: #8a6d1b;
  --black: white;
  --black-light: #141414;
  --black-card: #1a1a1a;
  --white: #f5f0e8;
  --white-muted: #b8b0a0;
  --font-display: "Cormorant Garamond", serif;
  --font-body: "Montserrat", sans-serif;
}

/* ─────────────────────────────────────────────────────────
   Reset base
───────────────────────────────────────────────────────── */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-body);
  background-color: var(--black);
  color: var(--white);
  overflow-x: hidden;
}

::selection {
  background: var(--gold);
  color: var(--black);
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: var(--black);
}
::-webkit-scrollbar-thumb {
  background: var(--gold-dark);
  border-radius: 3px;
}

img {
  max-width: 100%;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

strong {
  color: var(--gold) !important;
}

/* ─────────────────────────────────────────────────────────
   WordPress admin bar compensation
───────────────────────────────────────────────────────── */
.admin-bar .navbar {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .navbar {
    top: 46px;
  }
}