/*!
Theme Name: Boskery Child
Theme URI: https://bracketweb.com/boskerywp/
Template: boskery
Author: Layerdrops
Author URI: https://themeforest.net/user/layerdrops
Description: This is a Child theme for Boskery WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: boskery-child
*/

@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,500;1,300;1,500&family=Inter:wght@400;500;600&family=Manrope:wght@500;600;700;800&display=swap");

/* ============================================================
   DJ SKIN MUEBLES  —  Distribuciones Javier · Línea Muebles (B2B)
   Mix referencias La Premier + Nicoletti Home.
   Aplica a la página /muebles/ (id 3538) y a cualquier hija futura.
   ============================================================ */

body.page-id-3538,
body.parent-pageid-3538 {
  --dj-color-primary:    #8a7359;
  --dj-color-primary-d:  #6f5b46;
  --dj-color-secondary:  #d6cdbf;
  --dj-color-accent:     #1f1c19;
  --dj-color-bg:         #ffffff;
  --dj-color-bg-soft:    #fafaf7;
  --dj-color-text:       #4a4744;
  --dj-color-muted:      #8a8580;
  --dj-color-border:     #ece7df;
  --dj-font-display: "Cormorant Garamond", Georgia, serif;
  --dj-font-heading: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --dj-font-body:    "Inter", "Helvetica Neue", Arial, sans-serif;

  background-color: var(--dj-color-bg) !important;
  color: var(--dj-color-text);
  font-family: var(--dj-font-body);
  font-weight: 400;
  letter-spacing: 0.01em;
}

body.page-id-3538 h1, body.parent-pageid-3538 h1,
body.page-id-3538 h2, body.parent-pageid-3538 h2,
body.page-id-3538 h3, body.parent-pageid-3538 h3,
body.page-id-3538 h4, body.parent-pageid-3538 h4 {
  font-family: var(--dj-font-heading);
  font-weight: 700;
  color: var(--dj-color-accent);
  letter-spacing: -0.01em;
}

body.page-id-3538 h1 { font-size: clamp(2.2rem, 4vw, 3.6rem); line-height: 1.1; }
body.page-id-3538 h2 { font-size: clamp(1.8rem, 3vw, 2.6rem); line-height: 1.15; }
body.page-id-3538 h3 { font-size: clamp(1.4rem, 2vw, 1.8rem); line-height: 1.2; }

body.page-id-3538 .dj-display,
body.page-id-3538 h1.dj-display {
  font-family: var(--dj-font-display) !important;
  font-weight: 300;
  font-style: italic;
  letter-spacing: 0;
}

body.page-id-3538 p { line-height: 1.65; }

body.page-id-3538 a,
body.parent-pageid-3538 a {
  color: var(--dj-color-primary);
  transition: color .2s ease;
}
body.page-id-3538 a:hover { color: var(--dj-color-primary-d); }

/* Botones (Gutenberg + Elementor + genéricos) */
body.page-id-3538 .wp-block-button__link,
body.page-id-3538 .button,
body.page-id-3538 .btn,
body.page-id-3538 .elementor-button {
  background-color: var(--dj-color-primary) !important;
  color: #ffffff !important;
  border: 1px solid var(--dj-color-primary) !important;
  border-radius: 2px !important;
  padding: 14px 28px !important;
  font-family: var(--dj-font-heading) !important;
  font-weight: 600 !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease !important;
}
body.page-id-3538 .wp-block-button__link:hover,
body.page-id-3538 .button:hover,
body.page-id-3538 .elementor-button:hover {
  background-color: var(--dj-color-accent) !important;
  border-color: var(--dj-color-accent) !important;
}

/* Header en la zona muebles: limpio, sin top-bar carnicero */
body.page-id-3538 .header-top,
body.page-id-3538 .top-bar,
body.parent-pageid-3538 .header-top,
body.parent-pageid-3538 .top-bar { display: none !important; }

body.page-id-3538 .site-header,
body.page-id-3538 header.header,
body.page-id-3538 .header {
  background-color: var(--dj-color-bg) !important;
  border-bottom: 1px solid var(--dj-color-border);
  box-shadow: none !important;
}

body.page-id-3538 .site-header a,
body.page-id-3538 nav a,
body.page-id-3538 .menu a {
  color: var(--dj-color-accent) !important;
  font-family: var(--dj-font-heading);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 0.82rem;
}
body.page-id-3538 .site-header a:hover,
body.page-id-3538 nav a:hover { color: var(--dj-color-primary) !important; }

/* Footer */
body.page-id-3538 .site-footer,
body.page-id-3538 footer.footer,
body.page-id-3538 .footer {
  background-color: var(--dj-color-accent) !important;
  color: #d8d4cf;
}
body.page-id-3538 footer a { color: var(--dj-color-secondary) !important; }
body.page-id-3538 footer a:hover { color: #ffffff !important; }

/* Tarjetas catálogo (clase .dj-card en el contenido) */
body.page-id-3538 .dj-card {
  border-radius: 2px;
  transition: transform .25s ease, box-shadow .25s ease;
}
body.page-id-3538 .dj-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(31, 28, 25, 0.08);
}

/* Ocultar precios y carrito en zona muebles (catálogo B2B) */
body.page-id-3538 .price,
body.page-id-3538 .add_to_cart_button,
body.page-id-3538 .cart-link,
body.parent-pageid-3538 .price,
body.parent-pageid-3538 .add_to_cart_button { display: none !important; }

/* Wordmark provisional: oculta logo Boskery y muestra "DJ · Muebles" */
body.page-id-3538 .site-header img.logo,
body.page-id-3538 .site-branding img,
body.page-id-3538 header img[alt*="logo" i],
body.page-id-3538 header img[alt*="Boskery" i] { display: none !important; }

body.page-id-3538 .site-branding::before,
body.page-id-3538 .logo-wrap::before,
body.page-id-3538 .site-header .logo::before {
  content: "DJ · Muebles";
  font-family: var(--dj-font-display);
  font-weight: 500;
  font-style: italic;
  font-size: 1.6rem;
  color: var(--dj-color-accent);
  letter-spacing: 0.02em;
  display: inline-block;
}

/* Sección suave */
body.page-id-3538 .dj-section-soft { background-color: var(--dj-color-bg-soft) !important; }

/* Hero: respiración */
body.page-id-3538 .dj-hero-muebles { padding: 40px 24px !important; }

/* Aire general */
body.page-id-3538 .wp-block-group,
body.page-id-3538 .wp-block-columns { max-width: 1240px; margin-left: auto; margin-right: auto; }


/* === DJ SKIN MUEBLES v2 - overrides al tema Boskery === */

/* Ocultar page-header (banner con imagen de carne) */
body.page-id-3538 section.page-header,
body.page-id-3538 .page-header,
body.parent-pageid-3538 section.page-header { display: none !important; }

/* Ocultar topbar roja con email y direccion */
body.page-id-3538 .topbar,
body.parent-pageid-3538 .topbar { display: none !important; }

/* Ocultar boton COMPRA AHORA del header */
body.page-id-3538 .main-header__btn,
body.page-id-3538 a.boskery-btn.main-header__btn,
body.parent-pageid-3538 .main-header__btn { display: none !important; }

/* Logo: ocultar imagen y mostrar wordmark */
body.page-id-3538 .main-header img,
body.page-id-3538 .logo img,
body.page-id-3538 header img[alt*="Distribuciones" i] { display: none !important; }
body.page-id-3538 .logo a, body.page-id-3538 .main-header__logo a {
  display: inline-block;
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 500;
  font-style: italic;
  font-size: 1.7rem;
  color: #1f1c19 !important;
  letter-spacing: 0.02em;
  text-decoration: none;
}
body.page-id-3538 .logo a::after,
body.page-id-3538 .main-header__logo a::after { content: "DJ \b7  Muebles"; }

/* H1 del banner Boskery: por si reaparece, normalizar tipo */
body.page-id-3538 .page-header h1,
body.page-id-3538 .page-header .title {
  font-family: "Manrope", sans-serif !important;
  color: #1f1c19 !important;
}

/* Espaciado superior compensando el banner oculto */
body.page-id-3538 .main-content,
body.page-id-3538 main,
body.page-id-3538 #content { padding-top: 0 !important; }

/* Forzar h1 del contenido a Manrope (excepto los .dj-display) */
body.page-id-3538 .entry-content h1:not(.dj-display),
body.page-id-3538 .entry-content h2,
body.page-id-3538 .entry-content h3,
body.page-id-3538 .wp-block-cover h2,
body.page-id-3538 .wp-block-heading {
  font-family: "Manrope", "Helvetica Neue", sans-serif !important;
}


/* ============================================================
   DJ TYPOGRAPHY 2026 - Fraunces + Bricolage Grotesque + aspects
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT@0,9..144,300..700,0..100;1,9..144,300..700,0..100&family=Bricolage+Grotesque:opsz,wdth,wght@12..96,75..100,400..800&display=swap');

/* Aspect ratio helpers para imagenes uniformes */
.dj-img-portrait img,
.elementor-element.dj-img-portrait img {
  aspect-ratio: 4 / 5 !important;
  object-fit: cover !important;
  width: 100% !important;
  height: auto !important;
  display: block;
}
.dj-img-square img,
.elementor-element.dj-img-square img {
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  width: 100% !important;
  height: auto !important;
  display: block;
}
.dj-img-wide img,
.elementor-element.dj-img-wide img {
  aspect-ratio: 3 / 2 !important;
  object-fit: cover !important;
  width: 100% !important;
  height: auto !important;
  display: block;
}

/* Display (hero, gran tipo) - Fraunces con optical sizing */
.dj-display .elementor-heading-title,
.dj-display h1, .dj-display h2,
body.page-id-3538 .dj-display .elementor-heading-title {
  font-family: 'Fraunces', 'Times New Roman', serif !important;
  font-style: italic;
  font-weight: 300 !important;
  font-variation-settings: 'opsz' 144, 'SOFT' 0 !important;
  letter-spacing: -0.02em;
  line-height: 0.95;
}

/* Titulos de seccion - Fraunces mas pequeno */
.dj-section-title .elementor-heading-title,
.dj-section-title h2, .dj-section-title h3,
body.page-id-3538 .dj-section-title .elementor-heading-title {
  font-family: 'Fraunces', serif !important;
  font-weight: 400 !important;
  font-variation-settings: 'opsz' 72, 'SOFT' 0 !important;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

/* Heading (Bricolage condensed) para titulos card y H3 */
.dj-heading .elementor-heading-title,
.dj-heading h3, .dj-heading h4,
body.page-id-3538 .dj-heading .elementor-heading-title {
  font-family: 'Bricolage Grotesque', 'Helvetica Neue', sans-serif !important;
  font-weight: 600 !important;
  font-variation-settings: 'wdth' 95, 'opsz' 96 !important;
  letter-spacing: -0.025em;
  line-height: 1.1;
}

/* Eyebrow - label peq, tracked, mayusculas */
.dj-eyebrow .elementor-heading-title,
.dj-eyebrow,
.dj-eyebrow p,
body.page-id-3538 .dj-eyebrow .elementor-heading-title {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 500 !important;
  font-variation-settings: 'wdth' 100 !important;
  font-size: 12px !important;
  letter-spacing: 0.22em !important;
  text-transform: uppercase !important;
  line-height: 1.4 !important;
}

/* Numero editorial - Fraunces italic ligero */
.dj-number .elementor-heading-title,
body.page-id-3538 .dj-number .elementor-heading-title {
  font-family: 'Fraunces', serif !important;
  font-style: italic;
  font-weight: 300 !important;
  font-variation-settings: 'opsz' 144 !important;
  letter-spacing: -0.04em;
  line-height: 1;
}

/* Body / parrafos - Bricolage normal */
.dj-body, .dj-body p,
.dj-body .elementor-widget-container,
body.page-id-3538 .dj-body p {
  font-family: 'Bricolage Grotesque', 'Helvetica Neue', sans-serif !important;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.55;
  letter-spacing: -0.005em;
}

/* Boton editorial - sin uppercase agresivo, con flecha */
.dj-btn-edit a.elementor-button,
body.page-id-3538 .dj-btn-edit a.elementor-button {
  font-family: 'Bricolage Grotesque', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  padding: 14px 26px !important;
  border-radius: 999px !important;
}
.dj-btn-edit a.elementor-button::after {
  content: '  \2192';
  display: inline-block;
  margin-left: 6px;
  transition: transform .25s ease;
}
.dj-btn-edit a.elementor-button:hover::after {
  transform: translateX(4px);
}

/* Linea separadora editorial */
.dj-rule { border: 0; border-top: 1px solid #ece7df; margin: 24px 0; }

/* Override Elementor para forzar fonts globalmente en la pagina muebles */
body.page-id-3538.elementor-page,
body.page-id-3538 .elementor-widget-text-editor,
body.page-id-3538 .elementor-widget-text-editor p {
  font-family: 'Bricolage Grotesque', 'Helvetica Neue', sans-serif !important;
}


/* === DJ TYPO v4 fix === */

/* Display gigante - clamp para responsive */
body.page-id-3538 .dj-display .elementor-heading-title,
.dj-display .elementor-heading-title {
  font-size: clamp(72px, 11vw, 180px) !important;
  line-height: 0.92 !important;
}

/* Section title - tamano correcto */
body.page-id-3538 .dj-section-title .elementor-heading-title,
.dj-section-title .elementor-heading-title {
  font-size: clamp(36px, 4vw, 56px) !important;
  line-height: 1.05 !important;
}

/* Heading H3 - tamano apropiado */
body.page-id-3538 .dj-heading .elementor-heading-title,
.dj-heading .elementor-heading-title {
  font-size: clamp(20px, 1.8vw, 24px) !important;
  line-height: 1.2 !important;
}

/* Number editorial */
body.page-id-3538 .dj-number .elementor-heading-title,
.dj-number .elementor-heading-title {
  font-size: clamp(64px, 7vw, 96px) !important;
  line-height: 0.9 !important;
}

/* Boton: flecha inline, no nueva linea */
body.page-id-3538 .dj-btn-edit a.elementor-button,
.dj-btn-edit a.elementor-button {
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center;
}
body.page-id-3538 .dj-btn-edit a.elementor-button span,
.dj-btn-edit a.elementor-button span {
  white-space: nowrap !important;
}

/* Asegura columns con vertical-align top en flex */
body.page-id-3538 .elementor-column-gap-extended > .elementor-column > .elementor-element-populated {
  padding: 0 16px;
}