/*
Theme Name: Boxhaus Landing
Theme URI: https://boxhaus.com.ar
Author: OpenAI / ChatGPT
Description: Landing page responsive para Boxhaus - Experiencia Modular. Catálogo cotizable, segmentos de mercado, sucursales y CTA a WhatsApp.
Version: 5.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: boxhaus
*/

:root{
  --bh-orange:#f37021;
  --bh-orange-2:#ff7a1a;
  --bh-black:#080b0d;
  --bh-ink:#101316;
  --bh-muted:#5f666d;
  --bh-line:#e6e8eb;
  --bh-soft:#f5f6f7;
  --bh-white:#fff;
  --bh-radius:16px;
  --bh-shadow:0 16px 45px rgba(0,0,0,.10);
  --bh-max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--bh-ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.container{max-width:var(--bh-max);margin:0 auto;padding:0 24px}
.eyebrow{color:var(--bh-orange);font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;margin-bottom:6px}.section-title{font-weight:950;line-height:.95;text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(30px,4vw,46px);margin:0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head.center{display:block;text-align:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:1.5px solid var(--bh-ink);font-weight:900;text-transform:uppercase;font-size:13px;letter-spacing:.01em;transition:.2s ease;background:#fff;color:var(--bh-ink)}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.12)}.btn-orange{border-color:var(--bh-orange);background:var(--bh-orange);color:#fff}.btn-dark{background:#101316;color:#fff;border-color:#101316}.btn-ghost-dark{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.btn-small{min-height:42px;padding:0 16px;font-size:12px}.arrow{font-size:18px;line-height:1}.topbar{background:#07090b;color:#fff;font-size:13px}.topbar .container{height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.top-items{display:flex;gap:26px;align-items:center}.top-item{display:flex;gap:8px;align-items:center;color:#d8dde2;white-space:nowrap;transition:.2s ease}.top-item:hover{color:#fff}.top-item svg{width:19px;height:19px;color:var(--bh-orange);flex:0 0 19px}.top-social{display:flex;gap:14px;align-items:center;color:#fff}.top-social a{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;color:#fff;opacity:.9;transition:.2s ease}.top-social a:hover{color:var(--bh-orange);opacity:1}.top-social svg{width:20px;height:20px}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}body.admin-bar .site-header{top:32px}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.brand img{width:178px;height:auto}.main-nav{display:flex;align-items:center;gap:22px;font-size:12px;text-transform:uppercase;font-weight:900}.main-nav a{position:relative;padding:28px 0}.main-nav a:hover,.main-nav a.is-active{color:var(--bh-orange)}.main-nav a.is-active:after,.main-nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:3px;background:var(--bh-orange)}.header-actions{display:flex;align-items:center;gap:12px}.menu-toggle{display:none;background:#111;color:#fff;border:0;width:44px;height:44px;font-size:22px}.hero{position:relative;min-height:620px;background:#090c0f;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,12,.94) 0%,rgba(7,10,12,.82) 28%,rgba(7,10,12,.28) 55%,rgba(7,10,12,.05) 100%),url('assets/img/hero-wood.webp') center right/cover no-repeat}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:13px;background:repeating-linear-gradient(135deg,#fff 0 10px,var(--bh-orange) 10px 18px,#111 18px 26px,#fff 26px 36px)}.hero .container{position:relative;z-index:2;min-height:620px;display:flex;align-items:center}.hero-content{max-width:545px;color:#fff;padding-top:16px}.hero h1{font-size:clamp(44px,6.2vw,76px);line-height:.93;margin:0 0 16px;text-transform:uppercase;letter-spacing:-.052em;font-weight:1000}.hero h1 span{color:var(--bh-orange);display:block}.hero p{font-size:17px;max-width:460px;color:#eef1f2;margin:0 0 28px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:0}.hero-dots{position:absolute;z-index:3;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.hero-dots span{width:10px;height:10px;border-radius:99px;background:#fff;opacity:.9}.hero-dots span:first-child{width:22px;background:var(--bh-orange)}.hero-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);color:#fff;font-size:42px;opacity:.85}.hero-arrow.left{left:20px}.hero-arrow.right{right:20px}.benefit-strip{background:#fff;border-bottom:1px solid var(--bh-line);position:relative;z-index:5}.benefit-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;padding:28px 0}.benefit{display:flex;gap:14px;align-items:flex-start}.benefit svg{width:38px;height:38px;flex:0 0 38px}.benefit strong{display:block;text-transform:uppercase;font-size:12px;line-height:1.1;margin-bottom:4px}.benefit p{margin:0;color:var(--bh-muted);font-size:13px}.section{padding:62px 0}.segments{background:linear-gradient(#fff,#fafafa)}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.segment-card,.model-card,.branch-card{background:#fff;border:1px solid var(--bh-line);box-shadow:0 6px 18px rgba(0,0,0,.04);overflow:hidden;transition:.2s ease}.segment-card:hover,.model-card:hover,.branch-card:hover{transform:translateY(-3px);box-shadow:var(--bh-shadow)}.segment-card .media,.model-card .media{height:190px;position:relative;overflow:hidden}.segment-card img,.model-card img{width:100%;height:100%;object-fit:cover}.icon-badge{width:46px;height:46px;border-radius:10px;background:#fff;border:1px solid var(--bh-line);display:flex;align-items:center;justify-content:center;color:var(--bh-orange);box-shadow:0 8px 18px rgba(0,0,0,.1);margin:0 0 14px}.icon-badge svg{width:25px;height:25px}.card-body{padding:20px 16px 16px}.segment-card h3,.model-card h3{margin:0 0 8px;text-transform:uppercase;font-size:19px;letter-spacing:-.02em}.segment-card p,.model-card p{margin:0;color:#4f575f;font-size:13px}.card-link{display:flex;justify-content:flex-end;color:var(--bh-orange);font-size:24px;margin-top:16px}.models{padding-top:28px}.models-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.model-card .media{height:170px}.model-card .card-body{padding:14px}.model-card h3{font-size:17px}.model-card h3 span{color:var(--bh-orange)}.model-meta{font-weight:900;margin:0 0 6px;font-size:13px}.model-card .btn{width:100%;margin-top:16px}.quality-band{background:#080b0d;color:#fff;padding:46px 0;position:relative;overflow:hidden}.quality-band:after{content:"";position:absolute;right:60px;top:10px;width:190px;height:190px;background:url('assets/img/mark-orange.png') center/contain no-repeat;opacity:.12}.quality-inner{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:26px;align-items:center;position:relative;z-index:2}.quality-copy h2{margin:0;text-transform:uppercase;font-size:clamp(26px,3vw,38px);line-height:.98}.quality-copy p{color:#d8dde2;margin:12px 0 0;max-width:440px}.quality-item{display:flex;gap:12px;align-items:flex-start}.quality-item svg{width:42px;height:42px;color:var(--bh-orange);flex:0 0 42px}.quality-item strong{display:block;text-transform:uppercase;font-size:12px}.quality-item p{margin:3px 0 0;color:#d8dde2;font-size:13px}.video-info{padding:56px 0 0}.video-panel{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:0;background:#0a0d0f;box-shadow:var(--bh-shadow)}.video-thumb{min-height:280px;background:url('assets/img/hero-wood.webp') center/cover no-repeat;display:flex;align-items:center;justify-content:center;position:relative}.video-thumb:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18)}.play{position:relative;z-index:2;width:90px;height:90px;border-radius:999px;border:4px solid #fff;background:rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center}.play:after{content:"";border-left:25px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:6px}.info-copy{padding:44px 46px;color:#fff}.info-copy h2{margin:0 0 12px;text-transform:uppercase;font-size:clamp(26px,3vw,42px);line-height:1}.info-copy p{color:#dce1e4;max-width:520px}.mini-features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.mini{border-left:2px solid var(--bh-orange);padding-left:12px;font-size:12px;text-transform:uppercase;font-weight:800}.branches-teaser{padding:42px 0 10px}.branch-teaser-inner{display:grid;grid-template-columns:1fr auto 1.4fr;gap:34px;align-items:center;background:#fff;border:1px solid var(--bh-line);padding:28px}.pin-big{width:70px;height:70px;border-radius:99px;background:var(--bh-orange);color:#fff;display:flex;align-items:center;justify-content:center}.map-lines{min-height:110px;background:radial-gradient(circle at 20% 50%, var(--bh-orange) 0 7px, transparent 8px),radial-gradient(circle at 48% 34%, var(--bh-orange) 0 7px, transparent 8px),radial-gradient(circle at 70% 60%, var(--bh-orange) 0 7px, transparent 8px),linear-gradient(135deg,transparent 48%,#e9edf0 49%,#e9edf0 51%,transparent 52%);opacity:.8}.process{padding-top:46px}.process-grid{display:grid;grid-template-columns:1fr repeat(6,1fr);gap:18px;align-items:start}.process-copy h2{margin:0;text-transform:uppercase;font-size:32px;line-height:1}.step{text-align:center;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:24px;right:-16px;width:34px;border-top:2px dotted var(--bh-orange)}.step svg{width:48px;height:48px;margin:0 auto 12px}.step-number{font-size:24px;font-weight:1000;color:var(--bh-orange);line-height:1}.step strong{display:block;text-transform:uppercase;font-size:12px;line-height:1.1}.step p{font-size:12px;color:var(--bh-muted)}.cta-band{background:#05070A;color:#fff;padding:34px 0}.cta-band .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta-band h2{margin:0;text-transform:uppercase;font-size:32px;line-height:1}.cta-band h2 span{color:var(--bh-orange)}.cta-band p{margin:6px 0 0;color:#e0e4e7}.site-footer{background:#06080a;color:#fff;padding:32px 0 24px;border-top:0.5px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}.footer-logo{width:190px;margin-bottom:16px}.footer-grid h4{margin:0 0 12px;text-transform:uppercase;font-size:12px;color:#fff}.footer-grid a,.footer-grid p{display:block;color:#cbd2d7;font-size:13px;margin:0 0 8px}.footer-branch-btn{margin-top:18px}.footer-bottom{margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);font-size:12px;color:#8f99a2;text-align:center}.wa-float{position:fixed;right:20px;bottom:20px;width:60px;height:60px;border-radius:999px;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;z-index:80;box-shadow:0 14px 34px rgba(0,0,0,.25)}.wa-float svg{width:30px;height:30px}
@media (max-width:1100px){.main-nav{gap:14px}.cards-grid,.models-grid{grid-template-columns:repeat(3,1fr)}.quality-inner{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr repeat(3,1fr)}.process-copy{grid-column:1/-1}.benefit-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){body.admin-bar .site-header{top:0}.topbar .container{height:auto;padding-top:8px;padding-bottom:8px}.top-items{gap:14px;overflow:auto}.top-social{display:none}.header-inner{height:68px}.brand img{width:154px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:68px;background:#fff;border-bottom:1px solid var(--bh-line);padding:14px 24px;box-shadow:0 20px 30px rgba(0,0,0,.08)}.main-nav.is-open{display:grid}.main-nav a{padding:12px 0}.main-nav a:after{display:none}.header-actions .btn{display:none}.hero,.hero .container{min-height:630px}.hero:before{background:linear-gradient(90deg,rgba(7,10,12,.96),rgba(7,10,12,.76)),url('assets/img/hero-wood.webp') center/cover no-repeat}.hero-content{padding-top:34px}.hero-arrow{display:none}.benefit-grid,.cards-grid,.models-grid{grid-template-columns:1fr 1fr}.section-head{display:block}.video-panel{grid-template-columns:1fr}.mini-features{grid-template-columns:1fr 1fr}.branch-teaser-inner{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr 1fr}.step:not(:last-child):after{display:none}.cta-band .container{display:block}.cta-band .btn{margin-top:18px}.footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.container{padding:0 16px}.hero h1{font-size:42px}.hero p{font-size:15px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.benefit-grid,.cards-grid,.models-grid,.process-grid{grid-template-columns:1fr}.segment-card .media,.model-card .media{height:220px}.quality-inner{grid-template-columns:1fr}.mini-features{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.section{padding:46px 0}.top-item:nth-child(n+3){display:flex}.wa-float{right:14px;bottom:14px;width:54px;height:54px}.section-title{font-size:32px}.cta-band h2{font-size:26px}}

/* Boxhaus v1.1 refinements */
@media (max-width:720px){.top-item span{font-size:12px}.top-item svg{width:17px;height:17px}.topbar .container{display:block}.top-items{padding-bottom:4px}.hero{min-height:560px}.hero .container{min-height:560px}.benefit-grid{padding:22px 0}.btn svg{width:22px;height:22px}}


/* Boxhaus v1.6 refinements */
.segment-card .card-body{min-height:190px}
.segment-card h3{font-size:18px;line-height:1.05}
@media (max-width:1100px){.cards-grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.cards-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.cards-grid{grid-template-columns:1fr}.segment-card .card-body{min-height:auto}.icon-badge{width:44px;height:44px}}





/* Clientes y usos reales */
.clients-section {
  background: #111;
  color: #fff;
  padding: clamp(56px, 7vw, 96px) 0;
  position: relative;
  overflow: hidden;
}

.clients-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(135deg, rgba(255, 106, 0, .12), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(255,255,255,.08), transparent 28%);
  pointer-events: none;
}

.clients-section .container {
  position: relative;
  z-index: 1;
}

.clients-section .section-kicker {
  color: #ff6a00;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 13px;
  margin-bottom: 12px;
}

.clients-section h2 {
  color: #fff;
  margin: 0 0 14px;
}

.clients-section .section-lead {
  max-width: 900px;
  color: rgba(255,255,255,.78);
  margin: 0 0 30px;
  line-height: 1.6;
}

.clients-grid-real {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.client-project-card {
  padding: 0;
  min-height: auto;
  overflow: hidden;
  background: #fff;
  color: #151515;
  border-radius: 22px;
  box-shadow: 0 18px 45px rgba(0,0,0,.24);
  border: 1px solid rgba(255,255,255,.12);
}

.client-project-card.featured {
  grid-column: span 2;
}

.client-image {
  aspect-ratio: 1.45 / 1;
  overflow: hidden;
  background: #eee;
}

.client-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.01);
}

.client-body {
  padding: 22px;
}

.client-label {
  display: inline-flex;
  align-items: center;
  color: #ff6a00;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 10px;
}

.client-project-card h3 {
  font-size: 22px;
  line-height: 1.1;
  margin: 0 0 10px;
  color: #111;
}

.client-project-card p {
  margin: 0;
  color: #555;
  line-height: 1.55;
}

@media (max-width: 1120px) {
  .clients-grid-real {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .client-project-card.featured {
    grid-column: span 2;
  }
}

@media (max-width: 640px) {
  .clients-section {
    padding: 52px 0;
  }

  .clients-grid-real {
    grid-template-columns: 1fr;
  }

  .client-project-card.featured {
    grid-column: span 1;
  }

  .client-body {
    padding: 20px;
  }

  .client-project-card h3 {
    font-size: 21px;
  }
}


/* Ajuste v2.1: segmentos en 8 cards, Obra + Minería/Energía combinado */
.segments-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .segments-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .segments-grid {
    grid-template-columns: 1fr;
  }
}


/* Ajuste v2.2: Depósito se integra dentro de Oficinas y apoyo operativo */
.segments-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .segments-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .segments-grid {
    grid-template-columns: 1fr;
  }
}


/* Ajuste v2.5: orden final de 7 segmentos */
.segments-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .segments-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .segments-grid {
    grid-template-columns: 1fr;
  }
}


/* Ajuste v2.6: Vivienda y Turismo unificados */
.segments-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 1100px) {
  .segments-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .segments-grid {
    grid-template-columns: 1fr;
  }
}


/* Ajuste v2.7: Bases operativas */
.locations-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}

.location-card {
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 20px;
  padding: 26px;
  box-shadow: 0 18px 45px rgba(0,0,0,.08);
}

.location-card svg {
  width: 34px;
  height: 34px;
  color: #ff6a00;
  margin-bottom: 16px;
}

.location-card h3 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.15;
}

.location-card p {
  color: #5c6470;
  margin: 0 0 18px;
  line-height: 1.55;
}

@media (max-width: 760px) {
  .locations-grid {
    grid-template-columns: 1fr;
  }
}




/* Footer social icons */
.footer-social-link svg { width: 20px !important; height: 20px !important; display: block; }

/* Bases operativas - banda oscura */
.bases-operativas-band { background: #05070A; padding: 32px 0 62px; }
.bases-band-rows { max-width: 860px; margin: 0 auto; }
.bases-band-row { display: flex; align-items: center; gap: 16px; padding: 20px 0; border-bottom: 0.5px solid rgba(255,255,255,.1); }
.bases-band-row--delivery { border-bottom: none; padding-top: 24px; }
.bases-band-icon { width: 44px; height: 44px; border-radius: 10px; background: rgba(255,90,24,.12); border: 1px solid rgba(255,90,24,.25); display: flex; align-items: center; justify-content: center; flex: 0 0 44px; color: #ff5a18; overflow: hidden; }
.bases-band-icon svg { width: 22px !important; height: 22px !important; min-width: 22px; min-height: 22px; max-width: 22px; max-height: 22px; display: block; flex-shrink: 0; }
.bases-band-icon--muted { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.1); color: rgba(255,255,255,.35); }
.bases-band-info { flex: 1; min-width: 0; }
.bases-band-label { color: rgba(255,255,255,.4); font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 2px; }
.bases-band-name { color: #fff; font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: -.01em; margin-bottom: 2px; }
.bases-band-name--muted { color: rgba(255,255,255,.7); }
.bases-band-desc { color: rgba(255,255,255,.45); font-size: 12px; }
.bases-band-btn { background: #ff5a18; color: #fff; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: .04em; padding: 10px 16px; white-space: nowrap; border-radius: 4px; text-decoration: none; flex: 0 0 auto; transition: background .18s ease; }
.bases-band-btn:hover { background: #f04b0c; }
@media (max-width: 640px) { .bases-band-row { flex-wrap: wrap; } .bases-band-btn { width: 100%; text-align: center; margin-top: 8px; } }



/* v3.1 Segmentos: imagen ampliable + encabezado compacto + botón consultar */
.segment-card .segment-image {
  border: 0;
  padding: 0;
  width: 100%;
  display: block;
  cursor: zoom-in;
  position: relative;
  background: #eee;
  overflow: hidden;
  text-align: left;
}

.segment-card .segment-image img {
  width: 100%;
  height: 100%;
  display: block;
  transition: transform .25s ease, filter .25s ease;
}

.segment-card .segment-image:hover img {
  transform: scale(1.025);
  filter: brightness(.92);
}

.image-zoom-label {
  position: absolute;
  right: 14px;
  bottom: 14px;
  background: rgba(12, 14, 18, .84);
  color: #fff;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .2s ease, transform .2s ease;
}

.segment-card .segment-image:hover .image-zoom-label {
  opacity: 1;
  transform: translateY(0);
}

.segment-heading {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 24px 0 14px;
}

.segment-heading .segment-icon {
  position: static !important;
  margin: 0 !important;
  flex: 0 0 auto;
  width: 58px;
  height: 58px;
  border-radius: 15px;
  display: grid;
  place-items: center;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 12px 28px rgba(0,0,0,.08);
}

.segment-heading .segment-icon svg {
  width: 30px;
  height: 30px;
  color: #ff5a18;
}

.segment-heading h3 {
  margin: 0 !important;
  line-height: 1.1;
}

.segment-card > p {
  margin-top: 0;
}

.segment-card .text-arrow {
  display: none !important;
}

.segment-consult-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  margin-top: 22px;
  padding: 0 20px;
  border: 1px solid #111;
  background: #111;
  color: #fff !important;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: .035em;
  font-size: 13px;
  border-radius: 4px;
  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.segment-consult-btn:hover {
  background: #ff5a18;
  border-color: #ff5a18;
  transform: translateY(-1px);
}

.boxhaus-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: rgba(0,0,0,.86);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
}

.boxhaus-lightbox.is-open {
  display: flex;
}

.boxhaus-lightbox-content {
  width: min(1120px, 96vw);
  max-height: 92vh;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.boxhaus-lightbox img {
  max-width: 100%;
  max-height: 82vh;
  object-fit: contain;
  border-radius: 10px;
  box-shadow: 0 30px 80px rgba(0,0,0,.45);
  background: #111;
}

.boxhaus-lightbox-title {
  color: #fff;
  margin-top: 14px;
  font-size: 16px;
  font-weight: 800;
  text-align: center;
}

.boxhaus-lightbox-close {
  position: fixed;
  top: 18px;
  right: 18px;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 50%;
  background: rgba(0,0,0,.35);
  color: #fff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
  z-index: 100000;
}

@media (max-width: 640px) {
  .segment-heading {
    gap: 12px;
    margin-top: 22px;
  }

  .segment-heading .segment-icon {
    width: 50px;
    height: 50px;
    border-radius: 13px;
  }

  .segment-heading .segment-icon svg {
    width: 26px;
    height: 26px;
  }

  .segment-consult-btn {
    width: 100%;
  }

  .image-zoom-label {
    opacity: 1;
    transform: none;
    font-size: 11px;
    padding: 7px 10px;
  }
}


/* v3.1 Segmentos: imagen ampliable + encabezado compacto + botón consultar */
.segment-card-v31 .media {
  border: 0;
  padding: 0;
  width: 100%;
  display: block;
  cursor: zoom-in;
  position: relative;
  background: #eee;
  overflow: hidden;
  text-align: left;
}
.segment-card-v31 .media img { width:100%; height:100%; display:block; transition:transform .25s ease, filter .25s ease; }
.segment-card-v31 .media:hover img { transform:scale(1.025); filter:brightness(.92); }
.image-zoom-label{position:absolute;right:14px;bottom:14px;background:rgba(12,14,18,.84);color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;}
.segment-card-v31 .media:hover .image-zoom-label{opacity:1;transform:translateY(0);}
.segment-card-v31 .card-body{padding-top:26px;}
.segment-card-v31 .segment-heading{display:flex;align-items:center;gap:14px;margin:0 0 14px;}
.segment-card-v31 .segment-heading .icon-badge{position:static!important;margin:0!important;flex:0 0 auto;width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 12px 28px rgba(0,0,0,.08);}
.segment-card-v31 .segment-heading .icon-badge svg{width:30px;height:30px;color:#ff5a18;}
.segment-card-v31 .segment-heading h3{margin:0!important;line-height:1.1;}
.segment-card-v31 .card-link{display:none!important;}
.segment-consult-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:22px;padding:0 20px;border:1px solid #111;background:#111;color:#fff!important;text-decoration:none;text-transform:uppercase;font-weight:900;letter-spacing:.035em;font-size:13px;border-radius:4px;transition:background .18s ease,border-color .18s ease,transform .18s ease;}
.segment-consult-btn:hover{background:#ff5a18;border-color:#ff5a18;transform:translateY(-1px);}
.boxhaus-lightbox{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.86);display:none;align-items:center;justify-content:center;padding:22px;}
.boxhaus-lightbox.is-open{display:flex;}
.boxhaus-lightbox-content{width:min(1120px,96vw);max-height:92vh;display:flex;flex-direction:column;align-items:center;}
.boxhaus-lightbox img{max-width:100%;max-height:82vh;object-fit:contain;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.45);background:#111;}
.boxhaus-lightbox-title{color:#fff;margin-top:14px;font-size:16px;font-weight:800;text-align:center;}
.boxhaus-lightbox-close{position:fixed;top:18px;right:18px;width:48px;height:48px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.35);color:#fff;font-size:34px;line-height:1;cursor:pointer;z-index:100000;}
@media(max-width:640px){.segment-card-v31 .segment-heading{gap:12px}.segment-card-v31 .segment-heading .icon-badge{width:50px;height:50px;border-radius:13px}.segment-card-v31 .segment-heading .icon-badge svg{width:26px;height:26px}.segment-consult-btn{width:100%}.image-zoom-label{opacity:1;transform:none;font-size:11px;padding:7px 10px}}


/* v3.2 Lightbox con imagen grande/original */
.boxhaus-lightbox-content {
  width: min(1380px, 96vw);
}

.boxhaus-lightbox img {
  max-width: 96vw;
  max-height: 86vh;
  width: auto;
  height: auto;
  object-fit: contain;
}


/* v4.0 Video / recorrido */
.video-panel-recorrido .video-thumb {
  position: relative;
}

.video-play-label {
  position: absolute;
  left: 50%;
  top: calc(50% + 74px);
  transform: translateX(-50%);
  background: rgba(0,0,0,.72);
  color: #fff;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
  padding: 9px 16px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 12px;
  white-space: nowrap;
}

.video-panel-recorrido .mini-features {
  margin-top: 26px;
}

@media (max-width: 640px) {
  .video-play-label {
    top: calc(50% + 58px);
    font-size: 11px;
    padding: 8px 13px;
  }
}


/* v4.1 Modal de video: el play ya no va a WhatsApp */
.video-modal-trigger {
  border: 0;
  cursor: pointer;
  padding: 0;
  font: inherit;
}

.boxhaus-video-modal {
  position: fixed;
  inset: 0;
  z-index: 100000;
  background: rgba(0,0,0,.88);
  display: none;
  align-items: center;
  justify-content: center;
  padding: 22px;
}

.boxhaus-video-modal.is-open {
  display: flex;
}

.boxhaus-video-frame {
  width: min(1100px, 96vw);
  aspect-ratio: 16 / 9;
  background: #08090b;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 30px 90px rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.18);
}

.boxhaus-video-frame iframe,
.boxhaus-video-frame video {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  background: #000;
}

.boxhaus-video-placeholder {
  width: 100%;
  height: 100%;
  display: grid;
  place-content: center;
  text-align: center;
  color: #fff;
  padding: 28px;
}

.boxhaus-video-placeholder strong {
  font-size: clamp(22px, 3vw, 38px);
  text-transform: uppercase;
}

.boxhaus-video-placeholder p {
  max-width: 560px;
  margin: 14px auto 0;
  color: rgba(255,255,255,.72);
  line-height: 1.55;
}

.boxhaus-video-close {
  position: fixed;
  top: 18px;
  right: 18px;
  width: 48px;
  height: 48px;
  border: 1px solid rgba(255,255,255,.25);
  border-radius: 50%;
  background: rgba(0,0,0,.35);
  color: #fff;
  font-size: 34px;
  line-height: 1;
  cursor: pointer;
  z-index: 100001;
}

@media (max-width: 640px) {
  .boxhaus-video-modal {
    padding: 12px;
  }

  .boxhaus-video-close {
    width: 44px;
    height: 44px;
  }
}


/* v4.2 Corrección video: nunca mostrar placeholder en producción */
.boxhaus-video-placeholder {
  display: none !important;
}

.video-modal-trigger[data-video-src=""] {
  cursor: default;
}


/* v4.4 Modelos destacados: un solo modelo */
.models .models-grid {
  grid-template-columns: minmax(0, 520px);
  justify-content: center;
}

.models .model-card {
  max-width: 520px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 640px) {
  .models .models-grid {
    grid-template-columns: 1fr;
  }
}