/*
Theme Name: Paco de Lola
Theme URI: https://example.com/paco-de-lola
Description: Tema hijo de Hello Elementor para Estudio de Arquitectura Paco de Lola.
Author: Sexta Dimensión
Author URI: https://example.com
Template: hello-elementor
Version: 1.3.2
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: paco-de-lola
*/

/* Tokens — espejo del prototipo HTML (web/assets/css/main.css) */
:root {
  --pdl-bg: #fafafa;
  --pdl-bg-soft: #f3f3f1;
  --pdl-surface: #ffffff;
  --pdl-ink: #1a1a1a;
  --pdl-ink-soft: #4a4a4a;
  --pdl-muted: #7a7a7a;
  --pdl-line: #e2e2de;
  --pdl-font-display: "Syne", sans-serif;
  --pdl-font-body: "Manrope", sans-serif;
  --pdl-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

body.theme-paco-de-lola,
.theme-paco-de-lola {
  font-family: var(--pdl-font-body);
  color: var(--pdl-ink);
  background: var(--pdl-bg);
  -webkit-font-smoothing: antialiased;
}

.pdl-display,
h1.pdl-display,
h2.pdl-display {
  font-family: var(--pdl-font-display);
  font-weight: 700;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  line-height: 1.1;
}

.pdl-eyebrow {
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--pdl-muted);
}

.pdl-link-arrow {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 0.8rem;
  font-weight: 650;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  border-bottom: 1px solid currentColor;
  padding-bottom: 0.15rem;
  transition: gap 0.35s var(--pdl-ease);
}

.pdl-link-arrow:hover {
  gap: 0.85rem;
}

.pdl-link-arrow::after {
  content: "→";
}

/* Portfolio filters (Elementor Loop / archive) */
.pdl-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.5rem 0 2rem;
}

.pdl-filters a,
.pdl-filters button {
  border: 1px solid var(--pdl-line);
  background: transparent;
  padding: 0.55rem 1rem;
  cursor: pointer;
  font-size: 0.75rem;
  font-weight: 650;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-decoration: none;
  color: inherit;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.pdl-filters a:hover,
.pdl-filters a.is-active,
.pdl-filters a[aria-current="page"],
.pdl-filters button.is-active {
  background: var(--pdl-ink);
  border-color: var(--pdl-ink);
  color: var(--pdl-surface);
}

.pdl-project-card__media img,
.elementor-widget-image img {
  transition: transform 0.7s var(--pdl-ease);
}

.pdl-project-card:hover .pdl-project-card__media img {
  transform: scale(1.04);
}

.pdl-meta-list,
.meta-list {
  display: block;
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--pdl-line, #e2e2de);
}

.pdl-meta-list > div,
.meta-list > div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1rem;
  padding: 0.85rem 0;
  border-bottom: 1px solid var(--pdl-line, #e2e2de);
  font-size: 0.95rem;
}

.pdl-meta-list dt,
.meta-list dt {
  font-size: 0.72rem;
  font-weight: 650;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--pdl-muted, #6b6b66);
  margin: 0;
  flex-shrink: 0;
}

.pdl-meta-list dd,
.meta-list dd {
  margin: 0;
  text-align: right;
}

.pdl-quote {
  font-family: var(--pdl-font-display);
  font-size: clamp(1.25rem, 2.4vw, 1.75rem);
  line-height: 1.35;
  font-weight: 600;
}

/* Cookie banner placeholder styles */
#pdl-cookie-banner {
  position: fixed;
  inset: auto 1rem 1rem 1rem;
  z-index: 9999;
  max-width: 420px;
  background: var(--pdl-surface);
  border: 1px solid var(--pdl-line);
  padding: 1.25rem;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
}

#pdl-cookie-banner[hidden] {
  display: none !important;
}

#pdl-cookie-banner p {
  margin: 0 0 1rem;
  font-size: 0.9rem;
  color: var(--pdl-ink-soft);
}

#pdl-cookie-banner .pdl-cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

#pdl-cookie-banner button {
  border: 1px solid var(--pdl-ink);
  background: var(--pdl-ink);
  color: var(--pdl-surface);
  padding: 0.55rem 0.9rem;
  font-size: 0.75rem;
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  cursor: pointer;
}

#pdl-cookie-banner button.pdl-cookie-reject {
  background: transparent;
  color: var(--pdl-ink);
}