.elementor-10146 .elementor-element.elementor-element-6351c21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}/* Start custom CSS *//* ════════════════════════════════════════════════════════════════════
   BUNNO — CSS UNIFICADO · Hub B (mobiliario de oficina Madrid)
   Pegar completo en: Ajustes de Página > Avanzado > Custom CSS.
   Autocontenido: incluye las clases reutilizadas de A + las nuevas.
   (El mismo bloque sirve para los spokes de la Vertical B; las reglas
   de .bw-cobertura simplemente no se usan si el spoke no la lleva.)
   ════════════════════════════════════════════════════════════════════ */

/* ─── FUENTE ─────────────────────────────────────────────────────── */
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;600;700&display=swap');

/* ─── RESET ──────────────────────────────────────────────────────── */
.bw-hero, .bw-breadcrumb, .bw-marcas, .bw-servicios,
.bw-comotrabajamos, .bw-cobertura, .bw-faq, .bw-cierre {
  font-family: 'Jost', sans-serif;
  box-sizing: border-box;
}
.bw-hero *, .bw-breadcrumb *, .bw-marcas *, .bw-servicios *,
.bw-comotrabajamos *, .bw-cobertura *, .bw-faq *, .bw-cierre * {
  box-sizing: border-box;
}

/* ─── BOTONES ────────────────────────────────────────────────────── */
.bw-btn-primary, .bw-btn-primary:visited, .bw-btn-primary:hover, .bw-btn-primary:focus {
  display: inline-block !important;
  background-color: #2FB4AF !important;
  color: #FFFFFF !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  padding: 14px 28px !important;
  border-radius: 0 !important;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background-color 0.2s ease !important;
}
.bw-btn-primary:hover { background-color: #28a09b !important; }

.bw-btn-secondary, .bw-btn-secondary:visited, .bw-btn-secondary:focus, .bw-btn-secondary:hover {
  display: inline-block !important;
  background-color: transparent !important;
  color: #FFFFFF !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  padding: 13px 28px !important;
  border-radius: 0 !important;
  border: 1.5px solid rgba(255,255,255,0.6) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.bw-btn-secondary:hover { border-color: #FFFFFF !important; }

.bw-btn-white, .bw-btn-white:visited, .bw-btn-white:focus {
  display: inline-block !important;
  background-color: #FFFFFF !important;
  color: #2FB4AF !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  padding: 14px 28px !important;
  border-radius: 0 !important;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.bw-btn-white:hover { background-color: #313D4D !important; color: #FFFFFF !important; text-decoration: none !important; }

.bw-btn-outline-white, .bw-btn-outline-white:visited, .bw-btn-outline-white:focus {
  display: inline-block !important;
  background-color: transparent !important;
  color: #FFFFFF !important;
  font-family: 'Jost', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  letter-spacing: 0.3px !important;
  padding: 13px 28px !important;
  border-radius: 0 !important;
  border: 1.5px solid rgba(255,255,255,0.8) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}
.bw-btn-outline-white:hover { border-color: #FFFFFF !important; background-color: rgba(255,255,255,0.1) !important; color: #FFFFFF !important; text-decoration: none !important; }

/* ─── WIDGET 01: HERO ────────────────────────────────────────────── */
.bw-hero {
  background-color: #313D4D;
  background-image: url('https://www.bunnoestudio.com/wp-content/uploads/2026/06/mobiliario-de-oficina.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 80px 24px;
}
.bw-hero::before { content: ''; position: absolute; inset: 0; background: rgba(49,61,77,0.78); z-index: 0; }
.bw-hero__inner { position: relative; z-index: 1; max-width: 1140px; margin: 0 auto; }
.bw-hero__label { display: inline-block !important; font-size: 13px !important; font-weight: 500 !important; letter-spacing: 2px !important; text-transform: uppercase !important; color: #2FB4AF !important; margin-bottom: 20px !important; }
.bw-hero__h1 { font-family: 'Jost', sans-serif !important; font-size: clamp(28px, 4vw, 40px) !important; font-weight: 600 !important; line-height: 1.15 !important; letter-spacing: -1px !important; color: #FFFFFF !important; margin: 0 0 20px 0 !important; }
.bw-hero__desc { font-size: 16px !important; font-weight: 400 !important; line-height: 1.65 !important; color: rgba(255,255,255,0.88) !important; max-width: 680px; margin: 0 0 36px 0; }
.bw-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.bw-marcas__cta { margin-top: 40px; text-align: center; }

/* ─── WIDGET 02: BREADCRUMB ──────────────────────────────────────── */
.bw-breadcrumb { padding: 12px 24px; }
.bw-breadcrumb__inner { max-width: 1140px; margin: 0 auto; }
.bw-breadcrumb__list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.bw-breadcrumb__item { display: flex; align-items: center; gap: 4px; }
.bw-breadcrumb__link, .bw-breadcrumb__link:visited { font-family: 'Jost', sans-serif !important; font-size: 13px !important; font-weight: 400 !important; color: #484F56 !important; text-decoration: none !important; transition: color 0.15s ease !important; }
.bw-breadcrumb__link:hover { color: #2FB4AF !important; text-decoration: none !important; }
.bw-breadcrumb__sep { font-size: 13px !important; color: #BBCED5 !important; line-height: 1 !important; }
.bw-breadcrumb__current { font-family: 'Jost', sans-serif !important; font-size: 13px !important; font-weight: 500 !important; color: #2FB4AF !important; }

/* ─── WIDGET 03: MARCAS (brand wall) ─────────────────────────────── */
.bw-marcas { background-color: #FFFFFF; padding: 72px 24px; border-bottom: 1px solid #E8E8EC; }
.bw-marcas__inner { max-width: 1140px; margin: 0 auto; }
.bw-marcas__h2 { color: #2FB4AF !important; font-size: 30px !important; font-weight: 600 !important; line-height: 1.15 !important; margin: 0 0 16px 0 !important; font-family: 'Jost', sans-serif !important; }
.bw-marcas__intro { font-size: 16px !important; font-weight: 400 !important; color: #484F56 !important; line-height: 1.65 !important; max-width: 720px; margin: 0 0 40px 0; }
.bw-marcas__grid { display: grid; grid-template-columns: repeat(6, 1fr); border-top: 1px solid #E8E8EC; border-left: 1px solid #E8E8EC; }
.bw-marcas__cell { border-right: 1px solid #E8E8EC; border-bottom: 1px solid #E8E8EC; min-height: 104px; display: flex; align-items: center; justify-content: center; padding: 22px; }
.bw-marcas__cell img { max-width: 130px; max-height: 48px; width: auto; height: auto; object-fit: contain; filter: grayscale(100%); opacity: 0.72; transition: filter 0.2s ease, opacity 0.2s ease; }
.bw-marcas__cell img:hover { filter: grayscale(0); opacity: 1; }

/* ─── WIDGET 04: FAMILIAS (.bw-servicios) ────────────────────────── */
.bw-servicios { background-color: #F8F8FA; padding: 72px 24px; }
.bw-servicios__inner { max-width: 1140px; margin: 0 auto; }
.bw-servicios__h2 { color: #2FB4AF !important; font-size: 30px !important; font-weight: 600 !important; line-height: 1.15 !important; margin: 0 0 16px 0 !important; font-family: 'Jost', sans-serif !important; }
.bw-servicios__intro { font-size: 16px !important; font-weight: 400 !important; color: #484F56 !important; line-height: 1.65 !important; max-width: 720px; margin: 0 0 48px 0; }
.bw-servicios__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; }
.bw-servicios__card, .bw-servicios__card:visited, .bw-servicios__card:hover { background: #FFFFFF; padding: 32px 28px; display: flex; flex-direction: column; gap: 12px; text-decoration: none !important; transition: box-shadow 0.2s ease; border-top: 3px solid transparent; }
.bw-servicios__card:hover { box-shadow: 0 4px 20px rgba(49,61,77,0.10); border-top-color: #2FB4AF; }
.bw-servicios__card-h3 { font-size: 16px !important; font-weight: 600 !important; color: #313D4D !important; margin: 0 !important; line-height: 1.3 !important; }
.bw-servicios__card-desc { font-size: 16px !important; font-weight: 400 !important; color: #484F56 !important; line-height: 1.55 !important; margin: 0 !important; flex: 1; }
.bw-servicios__card-link { font-size: 16px !important; font-weight: 500 !important; color: #2FB4AF !important; letter-spacing: 0.5px !important; display: inline-flex !important; align-items: center !important; gap: 6px !important; margin-top: 4px !important; text-decoration: none !important; }
.bw-servicios__card-link::after { content: '→'; }
.bw-servicios__cta { margin-top: 40px; text-align: center; }

/* ─── WIDGET 05: CÓMO TRABAJAMOS (banda navy) ────────────────────── */
.bw-comotrabajamos { background-color: #313D4D; padding: 72px 24px; }
.bw-comotrabajamos__inner { max-width: 1140px; margin: 0 auto; display: grid; grid-template-columns: 1.3fr 1fr; gap: 48px; align-items: start; }
.bw-comotrabajamos__h2 { color: #FFFFFF !important; font-size: 30px !important; font-weight: 600 !important; line-height: 1.15 !important; margin: 0 0 20px 0 !important; font-family: 'Jost', sans-serif !important; }
.bw-comotrabajamos__p { font-size: 16px !important; font-weight: 400 !important; color: rgba(255,255,255,0.88) !important; line-height: 1.7 !important; margin: 0 0 18px 0 !important; }
.bw-comotrabajamos__aside { background: rgba(255,255,255,0.05); border-top: 3px solid #2FB4AF; padding: 32px 28px; }
.bw-comotrabajamos__aside-h3 { font-size: 16px !important; font-weight: 600 !important; color: #FFFFFF !important; margin: 0 0 18px 0 !important; letter-spacing: 0.5px !important; }
.bw-comotrabajamos__list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; gap: 13px; }
.bw-comotrabajamos__list li { position: relative; padding-left: 20px; font-size: 16px !important; color: rgba(255,255,255,0.88) !important; line-height: 1.5 !important; }
.bw-comotrabajamos__list li::before { content: ''; position: absolute; left: 0; top: 8px; width: 7px; height: 7px; background: #2FB4AF; }
.bw-comotrabajamos__cta { margin-top: 28px; }

/* ─── WIDGET 06: COBERTURA (acordeón por zona, sin JS) ────────────── */
.bw-cobertura { background-color: #F8F8FA; padding: 72px 24px; }
.bw-cobertura__inner { max-width: 1140px; margin: 0 auto; }
.bw-cobertura__h2 { color: #2FB4AF !important; font-size: 30px !important; font-weight: 600 !important; line-height: 1.15 !important; margin: 0 0 16px 0 !important; font-family: 'Jost', sans-serif !important; }
.bw-cobertura__intro { font-size: 16px !important; color: #484F56 !important; line-height: 1.65 !important; max-width: 720px; margin: 0 0 36px 0; }
.bw-cobertura__zonas { border-top: 2px solid #313D4D; }
.bw-cobertura__zona { border-bottom: 1px solid #E8E8EC; }
.bw-cobertura__summary { cursor: pointer; list-style: none; padding: 20px 4px; display: flex; justify-content: space-between; align-items: center; font-size: 18px !important; font-weight: 600 !important; color: #313D4D !important; font-family: 'Jost', sans-serif !important; }
.bw-cobertura__summary::-webkit-details-marker { display: none; }
.bw-cobertura__sign { color: #2FB4AF !important; font-size: 24px !important; font-weight: 400 !important; transition: transform 0.2s ease; }
.bw-cobertura__zona[open] .bw-cobertura__sign { transform: rotate(45deg); }
.bw-cobertura__links { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 4px 24px; }
.bw-cobertura__links a, .bw-cobertura__links a:visited { background: #FFFFFF; border: 1px solid #E8E8EC; padding: 9px 15px; font-size: 14px !important; color: #484F56 !important; text-decoration: none !important; transition: all 0.2s ease; }
.bw-cobertura__links a:hover { border-color: #2FB4AF !important; color: #2FB4AF !important; }

/* ─── WIDGET 07: FAQ ─────────────────────────────────────────────── */
.bw-faq { background-color: #FFFFFF; padding: 72px 24px; }
.bw-faq__inner { max-width: 1140px; margin: 0 auto; }
.bw-faq__h2 { color: #2FB4AF !important; font-size: 30px !important; font-weight: 600 !important; line-height: 1.15 !important; margin: 0 0 40px 0 !important; font-family: 'Jost', sans-serif !important; }
.bw-faq__list { display: flex; flex-direction: column; }
.bw-faq__item { border-bottom: 1px solid #E8E8EC !important; background: none !important; background-color: transparent !important; }
.bw-faq__item:first-child { border-top: 1px solid #E8E8EC !important; }
.bw-faq__question { width: 100% !important; background: none !important; background-color: transparent !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; padding: 22px 0 !important; display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 16px !important; cursor: pointer !important; text-align: left !important; font-family: 'Jost', sans-serif !important; font-size: 16px !important; font-weight: 600 !important; color: #313D4D !important; line-height: 1.35 !important; white-space: normal !important; word-break: break-word !important; }
.bw-faq__question:hover, .bw-faq__question[aria-expanded="true"] { color: #2FB4AF !important; background: none !important; background-color: transparent !important; }
.bw-faq__question span[itemprop="name"] { color: inherit !important; }
.bw-faq__icon { width: 20px !important; height: 20px !important; flex-shrink: 0 !important; color: #2FB4AF !important; transition: transform 0.2s ease !important; }
.bw-faq__question[aria-expanded="true"] .bw-faq__icon { transform: rotate(45deg); }
.bw-faq__answer { overflow: hidden !important; max-height: 0 !important; transition: max-height 0.3s ease, padding 0.2s ease !important; padding: 0 !important; }
.bw-faq__answer.is-open { max-height: 400px !important; padding-bottom: 20px !important; }
.bw-faq__answer p { font-size: 16px !important; font-weight: 400 !important; color: #484F56 !important; line-height: 1.65 !important; margin: 0 !important; font-family: 'Jost', sans-serif !important; }
.bw-faq__answer a, .bw-faq__answer a:visited { color: #2FB4AF !important; font-weight: 500 !important; text-decoration: none !important; }
.bw-faq__answer a:hover { text-decoration: underline !important; }

/* ─── WIDGET 08: CIERRE ──────────────────────────────────────────── */
.bw-cierre { background-color: #2FB4AF; padding: 72px 24px; text-align: center; }
.bw-cierre__inner { max-width: 1140px; margin: 0 auto; }
.bw-cierre__h2 { color: #FFFFFF !important; font-size: 30px !important; font-weight: 600 !important; line-height: 1.2 !important; margin: 0 0 16px 0 !important; font-family: 'Jost', sans-serif !important; }
.bw-cierre__desc { font-size: 16px !important; font-weight: 400 !important; color: #FFFFFF !important; line-height: 1.65 !important; margin: 0 0 36px 0 !important; }
.bw-cierre__ctas { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
.bw-cierre .bw-btn-outline-white, .bw-cierre .bw-btn-outline-white:visited, .bw-cierre .bw-btn-outline-white:focus { border-color: #313D4D !important; color: #FFFFFF !important; }
.bw-cierre .bw-btn-outline-white:hover { background-color: #313D4D !important; color: #FFFFFF !important; border-color: #FFFFFF !important; }
.bw-cierre__tel { margin-top: 24px !important; font-size: 16px !important; color: #FFFFFF !important; font-family: 'Jost', sans-serif !important; }
.bw-cierre__tel a, .bw-cierre__tel a:visited { color: #FFFFFF !important; font-weight: 700 !important; text-decoration: none !important; border-bottom: 1.5px solid #FFFFFF !important; padding-bottom: 1px !important; transition: color 0.2s ease, border-color 0.2s ease !important; }
.bw-cierre__tel a:hover { color: #313D4D !important; border-bottom-color: #313D4D !important; text-decoration: none !important; }

/* ─── RESPONSIVE: TABLET ─────────────────────────────────────────── */
@media (max-width: 768px) {
  .bw-marcas__grid          { grid-template-columns: repeat(3, 1fr); }
  .bw-servicios__grid       { grid-template-columns: repeat(2, 1fr); }
  .bw-comotrabajamos__inner { grid-template-columns: 1fr; gap: 28px; }
  .bw-faq                   { padding: 48px 20px !important; }
  .bw-faq__inner            { max-width: 100% !important; padding-right: 16px !important; }
  .bw-faq__question         { font-size: 16px !important; padding: 18px 0 !important; }
}

/* ─── RESPONSIVE: MOBILE ─────────────────────────────────────────── */
@media (max-width: 480px) {
  .bw-hero            { padding: 56px 20px; }
  .bw-marcas          { padding: 48px 20px; }
  .bw-servicios       { padding: 48px 20px; }
  .bw-comotrabajamos  { padding: 48px 20px; }
  .bw-cobertura       { padding: 48px 20px; }
  .bw-faq             { padding: 48px 20px; }
  .bw-cierre          { padding: 56px 20px; }

  .bw-marcas__grid    { grid-template-columns: repeat(2, 1fr); }
  .bw-servicios__grid { grid-template-columns: 1fr; }

  .bw-marcas__h2,
  .bw-servicios__h2,
  .bw-comotrabajamos__h2,
  .bw-cobertura__h2,
  .bw-faq__h2,
  .bw-cierre__h2      { font-size: 24px !important; }

  .bw-hero__ctas,
  .bw-cierre__ctas    { flex-direction: column; align-items: stretch; }

  .bw-btn-primary,
  .bw-btn-secondary,
  .bw-btn-white,
  .bw-btn-outline-white { text-align: center !important; width: 100% !important; }
}/* End custom CSS */