/*
Theme Name: El Divan de Wonenburger
Template: generatepress
Description: Child theme oficial
Version: 1.0.0
*/

:root {
  --dw-azul-noche: #0E2240;
  --dw-azul-medio: #13294B;
  --dw-dorado:     #C19A3D;
  --dw-blanco:     #FFFFFF;
  --dw-gris-texto: #4A5568;
  --dw-serif:      'Playfair Display', Georgia, serif;
  --dw-sans:       'Inter', Arial, sans-serif;
}

body {
  font-family: var(--dw-sans);
  color: var(--dw-azul-noche);
  font-size: 17px;
  line-height: 1.7;
}

h1, h2, h3, h4 {
  font-family: var(--dw-serif);
  color: var(--dw-azul-noche);
  font-weight: 700;
}

h1 { font-size: clamp(34px, 4.5vw, 52px); line-height: 1.1; }
h2 { font-size: clamp(26px, 3vw, 36px); }

.kicker {
  color: var(--dw-dorado);
  font-family: var(--dw-sans);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .02em;
  margin-bottom: .5em;
}

.wp-block-button__link,
.boton-dorado {
  background: var(--dw-dorado) !important;
  color: var(--dw-blanco) !important;
  border-radius: 999px !important;
  padding: 14px 30px !important;
  font-family: var(--dw-sans);
  font-weight: 600;
  font-size: 15px;
  border: none;
  transition: filter .2s;
  text-decoration: none !important;
}

.wp-block-button__link:hover { filter: brightness(1.08); }

.banda-noche {
  background: var(--dw-azul-noche);
  color: var(--dw-blanco);
  padding: 72px 24px;
}

.banda-noche h1,
.banda-noche h2,
.banda-noche h3 { color: var(--dw-blanco); }

.banda-noche .kicker,
.banda-noche em.firma { color: var(--dw-dorado); }

.banda-noche blockquote,
blockquote.manifiesto {
  border-left: 3px solid var(--dw-blanco);
  margin: 0;
  padding: 8px 0 8px 28px;
  font-family: var(--dw-serif);
  font-size: clamp(20px, 2.2vw, 26px);
  line-height: 1.6;
  font-style: normal;
}

blockquote.manifiesto cite {
  display: block;
  margin-top: 16px;
  color: var(--dw-dorado);
  font-family: var(--dw-serif);
  font-style: italic;
  font-size: 18px;
}

.wp-block-post-template .wp-block-post,
.tarjeta-articulo {
  background: var(--dw-blanco);
  border-radius: 14px;
  box-shadow: 0 6px 24px rgba(14, 34, 64, .10);
  padding: 28px;
  transition: transform .2s, box-shadow .2s;
}

.wp-block-post-template .wp-block-post:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 32px rgba(14, 34, 64, .16);
}

.wp-block-post-title a {
  color: var(--dw-azul-noche);
  text-decoration: none;
}

.wp-block-post-title a:hover { color: var(--dw-dorado); }

.wp-block-post-excerpt {
  color: var(--dw-gris-texto);
  font-size: 15px;
}

.wp-block-post-date,
.wp-block-post-terms {
  font-size: 13px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--dw-dorado);
  font-weight: 600;
}

.wp-block-post-terms a {
  color: var(--dw-dorado);
  text-decoration: none;
}

.wp-block-read-more,
.leer-mas {
  color: var(--dw-azul-noche);
  text-decoration: underline;
  text-underline-offset: 4px;
  font-weight: 600;
  font-size: 15px;
}

.single-post .entry-content {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

.single-post .entry-content p { margin-bottom: 1.5em; }

.single-post blockquote {
  background: var(--dw-azul-noche);
  color: var(--dw-blanco);
  border-left: 3px solid var(--dw-blanco);
  padding: 40px 36px;
  margin: 48px 0;
  font-family: var(--dw-serif);
  font-size: 22px;
  line-height: 1.6;
}

.share-buttons {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 48px;
  padding-top: 32px;
  border-top: 1px solid rgba(14, 34, 64, .12);
}

.share-buttons span {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--dw-gris-texto);
}

.share-buttons a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--dw-azul-noche);
  color: var(--dw-blanco) !important;
  text-decoration: none;
  transition: background .2s;
}

.share-buttons a:hover { background: var(--dw-dorado); }

.main-navigation a,
.nav-primary a {
  font-family: var(--dw-sans);
  font-size: 15px;
  font-weight: 500;
  color: var(--dw-blanco) !important;
  text-decoration: none;
}

.site-header,
.wp-block-template-part[data-slug="header"] {
  background: var(--dw-azul-noche);
}

.site-footer,
footer.wp-block-template-part {
  background: var(--dw-azul-noche);
  color: var(--dw-blanco);
}

.site-footer a { color: var(--dw-blanco); text-decoration: underline; }

.wp-block-embed.is-type-video {
  max-width: 860px;
  margin: 40px auto;
}

.wp-block-embed iframe { border-radius: 6px; }

.archive .page-header {
  padding: 60px 24px;
  background: var(--dw-azul-noche);
  margin-bottom: 48px;
}

.archive .page-header .page-title {
  font-family: var(--dw-serif);
  color: var(--dw-blanco);
  font-size: clamp(32px, 4vw, 48px);
  margin: 0;
}

.hero-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 520px;
}

@media (max-width: 768px) {
  .hero-split { grid-template-columns: 1fr; }
}

.hero-split__texto {
  padding: 64px 48px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.hero-split__imagen {
  background-size: cover;
  background-position: center;
}