/* MB Aberturas · Home v2 (oscura, condensada, fotos a sangre) */
@font-face{font-family:'Barlow Condensed';font-weight:600;font-style:normal;font-display:swap;src:url('fonts-mb/barlow-condensed-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-weight:700;font-style:normal;font-display:swap;src:url('fonts-mb/barlow-condensed-700.woff2') format('woff2')}
body.mbn-home{--bg:#0E0F11;--surface:#15161A;--ink:#F2F3F5;--muted:#9EA2A8;--line:#26282D;--accent:#F0A000;--cond:'Barlow Condensed','Arial Narrow',sans-serif;--sans:Manrope,Arial,sans-serif;background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
body.mbn-home .wp-site-blocks,body.mbn-home main{background:var(--bg)}
body.mbn-home main{margin-top:0!important;padding-top:0!important}
.mbn-home .mbn-bleed{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;margin-top:0!important;margin-bottom:0!important;border-radius:0!important}
.mbn-home .mbn-sec{padding:clamp(44px,4.6vw,62px) clamp(20px,6vw,96px)!important;background:var(--bg)}
.mbn-home .mbn-sec > *{max-width:1200px;margin-left:auto!important;margin-right:auto!important}
.mbn-home h1,.mbn-home h2,.mbn-home h3{font-family:var(--cond);font-weight:700;text-transform:uppercase;color:var(--ink);letter-spacing:.01em;line-height:1}
.mbn-home p,.mbn-home li{font-size:16px;line-height:1.7;color:var(--muted);max-width:60ch}
.mbn-home a{color:var(--ink)}
.mbn-home .wp-block-button__link{font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;border-radius:0!important;padding:16px 28px!important;background:var(--accent)!important;color:#0E0F11!important;border:1px solid var(--accent)!important;box-shadow:none!important;transition:background .15s ease}
.mbn-home .wp-block-button__link:hover{background:#FFB31F!important}
.mbn-home .is-style-outline .wp-block-button__link{background:transparent!important;color:var(--ink)!important;border-color:rgba(242,243,245,.4)!important}
.mbn-home .is-style-outline .wp-block-button__link:hover{border-color:var(--accent)!important;color:var(--accent)!important}
/* HERO */
.mbn-home .mbn-hero{min-height:88vh!important;padding:120px clamp(20px,6vw,96px) 0!important;align-items:center!important}
.mbn-home .mbn-hero .wp-block-cover__background{background:linear-gradient(90deg,rgba(14,15,17,.88) 0%,rgba(14,15,17,.55) 45%,rgba(14,15,17,.25) 100%)!important;opacity:1!important}
.mbn-home .mbn-hero .wp-block-cover__inner-container{max-width:1200px;width:100%;margin:0 auto}
.mbn-home .mbn-hero h1{font-size:clamp(44px,5.6vw,84px);max-width:15ch;margin:0 0 22px}
body.mbn-home .wp-block-post-title{display:none!important}
.mbn-home .mbn-hero p{color:#D3D6DA;font-size:17px;max-width:42ch;margin:0 0 30px}
/* barra info */
.mbn-home .mbn-bar{background:var(--bg)!important;border-bottom:1px solid var(--line);padding:18px clamp(20px,6vw,96px)!important}
.mbn-home .mbn-bar p{margin:0;max-width:none;font-size:13px;letter-spacing:.04em;color:var(--muted)}
.mbn-home .mbn-bar strong{color:var(--ink);font-weight:600}
/* NOSOTROS */
.mbn-home .mbn-num{font-family:var(--cond)!important;font-weight:700;font-size:20px!important;color:var(--accent)!important;margin:0 0 6px!important;letter-spacing:.06em}
.mbn-home .mbn-ghost{position:relative}
.mbn-home .mbn-ghost h2{position:relative;font-size:clamp(28px,3vw,40px);margin:0 0 28px;z-index:1}
.mbn-home .mbn-ghost h2::after{content:attr(data-ghost);content:var(--ghost);position:absolute;left:clamp(40px,6vw,90px);top:50%;transform:translateY(-58%);font-size:clamp(70px,9vw,140px);color:rgba(242,243,245,.06);z-index:-1;white-space:nowrap;pointer-events:none}
.mbn-home .g-nosotros{--ghost:'NOSOTROS'}
.mbn-home .g-contacto{--ghost:'CONTACTO'}
.mbn-home .mbn-about .wp-block-columns{gap:clamp(32px,6vw,96px);align-items:center!important}
.mbn-home .mbn-about .mbn-img img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block;border-radius:0}
.mbn-home .mbn-img{margin:0!important}
.mbn-home .mbn-stats{margin-top:clamp(36px,4vw,56px)!important;border-top:1px solid var(--line);padding-top:40px;gap:24px!important}
.mbn-home .mbn-stat{display:flex;align-items:center;gap:14px}
.mbn-home .mbn-stat .mbn-big{font-family:var(--cond);font-weight:700;font-size:clamp(44px,5vw,64px);line-height:1;color:var(--ink);margin:0;max-width:none}
.mbn-home .mbn-stat .mbn-small{font-size:14px;line-height:1.3;color:var(--muted);margin:0;max-width:none;white-space:nowrap}
/* TIRAS */
.mbn-home .mbn-strips{gap:0!important;margin-bottom:0!important}
.mbn-home .mbn-strips > .wp-block-column{flex-basis:25%!important;margin:0!important}
.mbn-home .mbn-strip{min-height:min(78vh,640px)!important;padding:32px 28px!important;align-items:stretch!important;border-right:1px solid rgba(255,255,255,.08)}
.mbn-home .mbn-strip .wp-block-cover__background{background:linear-gradient(180deg,rgba(14,15,17,.85) 0%,rgba(14,15,17,.45) 45%,rgba(14,15,17,.85) 100%)!important;opacity:1!important;transition:opacity .3s ease}
.mbn-home .mbn-strip:hover .wp-block-cover__background{opacity:.55!important}
.mbn-home .mbn-strip .wp-block-cover__inner-container{display:flex;flex-direction:column;height:100%;min-height:calc(min(78vh,640px) - 64px)}
.mbn-home .mbn-strip h3{font-size:clamp(22px,2vw,30px);margin:0;max-width:12ch}
.mbn-home .mbn-strip .mbn-link{margin-top:auto!important;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600}
.mbn-home .mbn-strip .mbn-link a{color:var(--accent)!important;text-decoration:none}
.mbn-home .mbn-after{padding:40px clamp(20px,6vw,96px)!important;border-bottom:1px solid var(--line)}
.mbn-home .mbn-after .wp-block-buttons{justify-content:center}
/* CONTACTO */
.mbn-home .mbn-contact .wp-block-columns{gap:clamp(32px,6vw,96px)}
.mbn-home .mbn-phone{font-family:var(--cond)!important;font-weight:700;font-size:clamp(34px,4vw,52px)!important;line-height:1.05!important;color:var(--ink)!important;margin:0 0 18px!important;max-width:none!important}
.mbn-home .mbn-phone a{color:var(--ink)!important;text-decoration:none}
.mbn-home .mbn-phone a:hover{color:var(--accent)!important}
.mbn-home .mbn-info{font-size:15px!important;margin:0 0 6px!important}
/* v3: secciones con el contenido del sitio actual */
.mbn-home .g-medida{--ghost:'A MEDIDA'}
.mbn-home .g-precision{--ghost:'PRECISIÓN'}
.mbn-home .g-obras{--ghost:'OBRAS'}
.mbn-home .g-confianza{--ghost:'CONFIANZA'}
.mbn-home .g-cotiza{--ghost:'COTIZÁ'}
.mbn-home .mbn-why{margin-top:clamp(36px,4vw,56px)!important;border-top:1px solid var(--line);padding-top:40px}
.mbn-home .mbn-why h3{font-size:clamp(28px,3vw,40px);margin:0 0 28px}
.mbn-home .mbn-why-list{gap:24px!important;margin-bottom:32px!important}
.mbn-home .mbn-why-list p{color:var(--ink);font-size:16px;font-weight:500;border-left:2px solid var(--accent);padding-left:16px;margin:0;line-height:1.45}
.mbn-home .mbn-why .mbn-lead{color:var(--muted);margin:0 0 24px}
.mbn-home .mbn-alt2{background:var(--surface)!important}
.mbn-home .mbn-intro{margin-bottom:48px!important}
.mbn-home .mbn-prec-cols{gap:0!important;border-top:1px solid var(--line)}
.mbn-home .mbn-prec-cols > .wp-block-column{padding:32px 32px 8px 0;border-right:1px solid var(--line);margin:0!important}
.mbn-home .mbn-prec-cols > .wp-block-column + .wp-block-column{padding-left:32px}
.mbn-home .mbn-prec-cols > .wp-block-column:last-child{border-right:0}
.mbn-home .mbn-prec-cols h3{font-size:24px;margin:0 0 12px;color:var(--ink)}
.mbn-home .mbn-prec-cols p{font-size:15px}
.mbn-home .mbn-eyebrow{font-size:13px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)!important;font-weight:600;margin:0 0 10px!important}
.mbn-home .mbn-strip .mbn-cap{margin-top:auto!important;font-size:14px;color:var(--ink)!important;font-weight:500;max-width:none}
.mbn-home .mbn-quotes{gap:20px!important;margin-bottom:36px!important}
.mbn-home .mbn-quote{background:var(--surface)!important;border:1px solid var(--line);padding:36px!important;height:100%}
.mbn-home .mbn-quote .mbn-q{font-family:var(--cond);font-size:clamp(22px,2.2vw,28px);line-height:1.25;color:var(--ink);text-transform:none;margin:0 0 20px;max-width:none}
.mbn-home .mbn-quote .mbn-q::before{content:'“';color:var(--accent);margin-right:2px}
.mbn-home .mbn-quote .mbn-who{font-size:14px;color:var(--accent)!important;font-weight:600;margin:0}
@media (max-width:781px){.mbn-home .mbn-prec-cols > .wp-block-column{border-right:0;border-bottom:1px solid var(--line);padding:24px 0!important}}
/* Animaciones */
.mbn-js .mbn-anim{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.mbn-js .mbn-anim.is-in{opacity:1;transform:none}
.mbn-home .mbn-ghost h2::after{transform:translate(var(--gx,0px),-58%)!important;transition:transform .2s linear}
@keyframes mbnZoom{from{transform:scale(1)}to{transform:scale(1.08)}}
@keyframes mbnUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
.mbn-home .mbn-hero .wp-block-cover__image-background{animation:mbnZoom 18s ease-out both}
.mbn-home .mbn-hero .wp-block-cover__inner-container > *{animation:mbnUp .9s cubic-bezier(.2,.7,.2,1) both}
.mbn-home .mbn-hero .wp-block-cover__inner-container > *:nth-child(2){animation-delay:.15s}
.mbn-home .mbn-hero .wp-block-cover__inner-container > *:nth-child(3){animation-delay:.3s}
.mbn-home .mbn-hero .wp-block-cover__inner-container > *:nth-child(4){animation-delay:.45s}
.mbn-home .mbn-strip{overflow:hidden}
.mbn-home .mbn-strip .wp-block-cover__image-background{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.mbn-home .mbn-strip:hover .wp-block-cover__image-background{transform:scale(1.07)}
.mbn-home .mbn-img{overflow:hidden}
.mbn-home .mbn-img img{transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.mbn-home .mbn-img:hover img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.mbn-home .mbn-hero .wp-block-cover__image-background,.mbn-home .mbn-hero .wp-block-cover__inner-container > *{animation:none!important}.mbn-js .mbn-anim{opacity:1!important;transform:none!important}}
/* Catálogo */
body.mbn-home .wp-block-post-content > .alignfull.mbn-first:not(.x){padding-top:160px!important}
.mbn-home .mbn-first h1{font-size:clamp(40px,5.2vw,76px);line-height:1.02;margin:0 0 22px}
.mbn-home .mbn-lines{display:grid!important;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:8px!important}
.mbn-home .mbn-line{background:var(--surface)!important;border:1px solid var(--line);padding:clamp(26px,3vw,40px)!important;margin:0!important;display:flex;flex-direction:column}
.mbn-home .mbn-line:last-child:nth-child(odd){grid-column:1 / -1}
.mbn-home .mbn-line:last-child:nth-child(odd) ul{columns:2;column-gap:40px}
.mbn-home .mbn-line h2{font-size:clamp(22px,2.2vw,30px)!important;line-height:1.1;margin:0 0 16px;color:var(--ink)}
.mbn-home .mbn-line p{margin:0 0 18px}
.mbn-home .mbn-line ul{list-style:none;padding:18px 0 0!important;margin:auto 0 0!important;border-top:1px solid var(--line)}
.mbn-home .mbn-line li{position:relative;padding-left:20px;margin:0 0 8px;color:var(--ink);font-size:15px;line-height:1.45;break-inside:avoid}
.mbn-home .mbn-line li::before{content:'';position:absolute;left:0;top:.55em;width:8px;height:8px;background:var(--accent)}
.mbn-home .mbn-help{background:var(--surface)!important;border:1px solid var(--line);padding:clamp(28px,4vw,48px)!important;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.mbn-home .mbn-help h2{font-size:clamp(24px,2.6vw,34px)!important;margin:0 0 8px}
.mbn-home .mbn-help p{margin:0}
@media (max-width:781px){.mbn-home .mbn-lines{grid-template-columns:1fr}.mbn-home .mbn-line:last-child:nth-child(odd) ul{columns:1}body.mbn-home .wp-block-post-content > .alignfull.mbn-first:not(.x){padding-top:130px!important}}
/* Fotos de obras que pasan solas */
.mb-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.mb-track{display:flex;gap:12px;width:max-content;animation:mbScroll var(--dur,60s) linear infinite;will-change:transform}
.mb-marquee:hover .mb-track{animation-play-state:paused}
.mb-mq-item{margin:0;flex:0 0 auto;height:clamp(300px,36vw,460px);aspect-ratio:3/4;overflow:hidden;background:var(--surface)}
.mb-mq-item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.mb-mq-item:hover img{transform:scale(1.05)}
@keyframes mbScroll{to{transform:translateX(calc(-50% - 6px))}}
.mbn-home .mbn-mq-sec{padding:0!important;margin-top:0!important;margin-bottom:0!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;width:100vw!important;max-width:100vw!important}
.mbn-home .mbn-mq-sec .wp-block-shortcode,.mbn-home .mbn-mq-sec > *{max-width:none!important}
.mbn-home .mbn-sub{font-size:clamp(20px,2vw,26px)!important;margin:40px 0 16px!important}
@media (prefers-reduced-motion:reduce){.mb-track{animation:none}.mb-marquee{overflow-x:auto}}
/* Obras y Cúbico */
.mbn-home .g-impacto{--ghost:'MONTAJE'}
.mbn-home .g-resid{--ghost:'RESIDENCIAL'}
.mbn-home .g-comer{--ghost:'COMERCIAL'}
.mbn-home .g-lineas{--ghost:'LÍNEAS'}
.mbn-home .g-mayor{--ghost:'MAYORISTA'}
.mbn-home .mbn-stats .mbn-small{font-size:15px!important}
.mbn-home .mbn-lines-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mbn-home .mbn-lines-3 .wp-block-button__link{white-space:normal!important;padding-left:18px!important;padding-right:18px!important}
.mbn-home .mbn-lines-3 .mbn-line:last-child:nth-child(odd){grid-column:auto}
.mbn-home .mbn-line .wp-block-buttons{margin-top:auto!important;padding-top:8px}
.mbn-home .mbn-line .wp-block-button__link{white-space:nowrap}
.mbn-home .mbn-help-mt{margin-top:20px!important}
.mbn-home .mbn-intro{margin-bottom:32px!important}
.mbn-home .mbn-cubico-logo{margin:0 0 20px!important}
.mbn-home .mbn-cubico-logo img{width:88px!important;height:auto}
.mbn-home .mbn-works-head{padding-bottom:28px!important}
.mbn-home .mbn-works-head.mbn-tight{padding-top:36px!important}
.mbn-home .mbn-works-head .mbn-sub{margin-top:28px!important;margin-bottom:0!important}
.mbn-home .mbn-works-head.mbn-tight .mbn-sub{margin-top:0!important}
.mbn-home .mbn-stats .mbn-stat{flex-direction:column;align-items:flex-start;gap:6px}
@media (max-width:1000px){.mbn-home .mbn-lines-3{grid-template-columns:1fr}.mbn-home .mbn-line .wp-block-button__link{white-space:normal}}
/* Contacto */
.mbn-home .mbn-hero .mbn-eyebrow{margin-bottom:14px!important}
.mbn-home .mb-form-card{background:var(--surface)!important;border:1px solid var(--line);border-radius:0!important;padding:clamp(24px,3.5vw,40px)!important}
.mbn-home .mb-form-card input[type=text],.mbn-home .mb-form-card input[type=email],.mbn-home .mb-form-card input[type=tel],.mbn-home .mb-form-card textarea{border-radius:0!important;background:var(--bg)!important;border-color:var(--line)!important}
.mbn-home .mb-form-card label{font-family:var(--sans);font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)!important}
.mbn-home .mb-form-card .wpcf7-submit{border-radius:0!important;text-transform:uppercase;letter-spacing:.06em;font-size:14px!important}
.mbn-home .mb-map{border-radius:0!important;border:1px solid var(--line)!important;margin:0!important;height:100%}
.mbn-home .mb-map iframe{height:100%;min-height:420px;filter:grayscale(.2) contrast(1.05)}
.mbn-home .mbn-split .wp-block-columns{gap:clamp(32px,6vw,96px);align-items:center!important}
.mbn-home .mbn-split.mbn-stretch .wp-block-columns{align-items:stretch!important}
.mbn-home .mbn-addr{color:var(--ink)!important;font-weight:600;margin:20px 0 24px!important}
.mbn-home .mbn-split .mbn-img img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}
.mbn-home .g-proyecto{--ghost:'PROYECTO'}
.mbn-home .g-oficina{--ghost:'OFICINA'}
.mbn-home .g-taller{--ghost:'TALLER'}
@media (max-width:781px){.mbn-home .mb-map iframe{min-height:300px}}

/* Escala tipográfica (Inicio y Contacto) */
.mbn-home p,.mbn-home li{font-size:clamp(16px,calc(14.4px + .3vw),17px)}
.mbn-home .mbn-hero .mbn-eyebrow{font-size:13px!important}
.mbn-home .mbn-ghost h2{font-size:clamp(28px,3.2vw,42px)!important}
.mbn-home .mbn-why h3{font-size:clamp(24px,2.4vw,32px)!important}
.mbn-home .mbn-phone{font-size:clamp(32px,3.6vw,48px)!important}
.mbn-home .mbn-info{font-size:16px!important}
.mbn-home .mbn-cap{font-size:15px!important}
@media (max-width:600px){.mbn-home .mbn-hero h1{font-size:40px!important}.mbn-home .mbn-hero p{font-size:16px!important}.mbn-home .mbn-why-list p{font-size:15px!important}}
/* móvil */
@media (max-width:900px){
.mbn-home .mbn-strips{flex-wrap:wrap!important}
.mbn-home .mbn-strips > .wp-block-column{flex-basis:50%!important}
.mbn-home .mbn-strip{min-height:420px!important}
.mbn-home .mbn-strip .wp-block-cover__inner-container{min-height:356px}
}
@media (max-width:781px){
.mbn-home .mbn-stats{flex-wrap:wrap!important}
.mbn-home .mbn-stats > .wp-block-column{flex-basis:45%!important}
.mbn-home .mbn-hero{min-height:80vh!important}
}
@media (max-width:781px){
body.mbn-home .wp-block-post-content > .alignfull.mbn-hero:not(.x){padding:150px 20px 56px!important}
body.mbn-home .wp-block-post-content > .alignfull.mbn-bar:not(.x){padding:16px 20px!important}
body.mbn-home .wp-block-post-content > .alignfull.mbn-sec:not(.x){padding:36px 20px!important}
body.mbn-home .wp-block-post-content > .alignfull.mbn-after:not(.x){padding:32px 20px!important}
body.mbn-home .wp-block-post-content > .alignfull.mbn-strips:not(.x){padding:0!important}
}
@media (max-width:600px){
.mbn-home .mbn-hero{min-height:auto!important}
.mbn-home .mbn-hero h1{font-size:44px}
.mbn-home .wp-block-button__link{letter-spacing:.03em;font-size:13px;padding:15px 18px!important}
.mbn-home .mbn-bar p{font-size:12px}
.mbn-home .mbn-ghost h2::after{font-size:64px;left:24px}
}
@media (max-width:520px){
.mbn-home .mbn-strips > .wp-block-column{flex-basis:100%!important}
.mbn-home .mbn-strip{min-height:300px!important}
.mbn-home .mbn-strip .wp-block-cover__inner-container{min-height:236px}
}
@media (prefers-reduced-motion:reduce){.mbn-home *{transition:none!important}}

/* Primera sección debajo del encabezado fijo (al final para que gane) */
body.mbn-home .wp-block-post-content > .alignfull.mbn-sec.mbn-first:not(.x){padding-top:160px!important}
@media (max-width:781px){body.mbn-home .wp-block-post-content > .alignfull.mbn-sec.mbn-first:not(.x){padding-top:128px!important}}
