/* Macsen · Inicio (home en código). Solo piezas nuevas; el resto usa los componentes .mxl-* de landing.css. */

/* Hero: selector «¿Qué necesitas?» con precios */
.mxh-hero .mxl-ctas{margin-top:clamp(22px,3.2vh,32px)}
.mxh-micro{margin:16px 0 0;font-size:14px;line-height:1.45;color:var(--on-ink-2)}
.mxh-micro b{color:var(--on-ink);font-weight:700}
.mxh-pick__list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.mxh-pick__row{display:grid;grid-template-columns:44px minmax(0,1fr) auto 18px;align-items:center;gap:6px 14px;padding:13px 16px 13px 13px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--text);text-decoration:none;
  transition:border-color .25s var(--ease),background-color .25s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease)}
.mxh-pick__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--orange-soft);color:var(--orange-t);transition:background-color .25s,color .25s}
.mxh-pick__ico svg{width:22px;height:22px}
.mxh-pick__t b{display:block;font:600 16px/1.2 var(--display);letter-spacing:-.005em}
.mxh-pick__t small{display:block;margin-top:2px;font-size:12.5px;line-height:1.35;color:var(--muted)}
.mxh-pick__p{font-size:12.5px;line-height:1.2;color:var(--muted);text-align:right;white-space:nowrap}
.mxh-pick__p strong{display:block;font:600 16px/1.15 var(--display);color:var(--text);margin-top:1px}
.mxh-pick__row>svg{width:18px;height:18px;color:var(--muted);transition:transform .3s var(--ease),color .25s}
.mxh-pick__row--soft{background:var(--paper);border-style:dashed}
@media(hover:hover){
  .mxh-pick__row:hover{border-color:var(--orange);transform:translateY(-2px);box-shadow:0 14px 28px -18px rgba(254,53,1,.55)}
  .mxh-pick__row:hover .mxh-pick__ico{background:var(--orange);color:#fff}
  .mxh-pick__row:hover>svg{color:var(--orange);transform:translateX(3px)}
}
.mxh-pick__row:focus-visible{outline:3px solid var(--orange);outline-offset:2px}

/* Servicios: 4 tarjetas con precio de entrada */
.mxh-grid4{grid-template-columns:repeat(4,1fr)}
.mxh-from{display:block;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);font:600 15px/1.2 var(--display);color:var(--text)}
.mxh-more{margin-top:clamp(24px,3vw,36px);text-align:center}
@media(max-width:1180px){.mxh-grid4{grid-template-columns:1fr 1fr}}
@media(max-width:640px){
  .mxh-grid4{grid-template-columns:1fr}
  .mxh-pick__row{grid-template-columns:40px minmax(0,1fr) 16px;padding:12px}
  .mxh-pick__ico{width:40px;height:40px}
  .mxh-pick__p{grid-column:2;grid-row:2;text-align:left;margin-top:-2px}
  .mxh-pick__p strong{display:inline;margin-left:4px}
  .mxh-pick__row>svg{grid-column:3;grid-row:1/3}
}
@media(prefers-reduced-motion:reduce){.mxh-pick__row,.mxh-pick__ico,.mxh-pick__row>svg{transition:none}}

/* Galería de trabajos del inicio (mosaico) */
.mxh-works{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(190px,19vw,280px);gap:14px;margin-top:clamp(28px,4vw,48px)}
.mxh-work{position:relative;display:block;overflow:hidden;border-radius:18px;background:var(--ink-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);isolation:isolate}
.mxh-work--big{grid-column:span 2;grid-row:span 2}
.mxh-work--wide{grid-column:span 2}
.mxh-work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}
.mxh-work::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to top,rgba(12,12,12,.82),rgba(12,12,12,0) 55%);opacity:.85;transition:opacity .4s;z-index:1}
.mxh-work__cap{position:absolute;left:18px;right:60px;bottom:16px;z-index:2;display:grid;gap:2px;color:#fff;transform:translateY(6px);transition:transform .45s var(--ease)}
.mxh-work__cap b{font:600 clamp(16px,.6vw + 13px,20px)/1.15 var(--display)}
.mxh-work__cap small{font:500 12.5px/1.3 var(--body);color:rgba(255,255,255,.75)}
.mxh-work__go{position:absolute;right:14px;bottom:14px;z-index:2;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--orange);color:#fff;opacity:0;transform:translateY(8px) scale(.8);transition:opacity .35s,transform .45s var(--ease)}
.mxh-work__go svg{width:17px;height:17px}
.mxh-work:hover img,.mxh-work:focus-visible img{transform:scale(1.07)}
.mxh-work:hover .mxh-work__cap,.mxh-work:focus-visible .mxh-work__cap{transform:none}
.mxh-work:hover .mxh-work__go,.mxh-work:focus-visible .mxh-work__go{opacity:1;transform:none}
.mxh-work:hover{box-shadow:inset 0 0 0 1px var(--orange)}
@media (max-width:900px){.mxh-works{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(150px,34vw,230px);gap:10px}.mxh-work--big{grid-row:span 2}}
@media (max-width:560px){.mxh-work--wide{grid-column:span 2}.mxh-work__go{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.mxh-work img,.mxh-work__cap,.mxh-work__go{transition:none}}

/* Inicio v2: «Problema» editorial */
.mxh-pain__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.mxh-pain__head{position:sticky;top:110px}
.mxh-pain__head .mxl-h2 em{font-style:normal;color:var(--orange)}
.mxh-pain__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.mxh-pain__item{display:grid;grid-template-columns:clamp(64px,8vw,120px) 1fr;gap:clamp(14px,2vw,28px);padding:clamp(22px,3vw,40px) 0;border-bottom:1px solid var(--line);transition:padding-left .5s var(--ease)}
.mxh-pain__item:hover{padding-left:12px}
.mxh-pain__n{font:600 clamp(48px,6vw,92px)/.9 var(--display);color:transparent;-webkit-text-stroke:1.5px var(--orange);letter-spacing:-.02em;transition:color .4s}
.mxh-pain__item:hover .mxh-pain__n{color:var(--orange)}
.mxh-pain__k{font:700 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--orange);margin:0 0 10px}
.mxh-pain__item .mxl-h3{margin:0 0 8px}
.mxh-pain__item p:last-child{margin:0;color:var(--muted);max-width:52ch}
@media (max-width:900px){.mxh-pain__grid{grid-template-columns:1fr}.mxh-pain__head{position:static}}

/* Inicio v2: servicios en carrusel de pantalla completa */
.mxh-sl{position:relative;background:var(--ink);color:var(--on-ink);display:flex;flex-direction:column;min-height:100svh;padding-block:clamp(72px,9vh,112px) clamp(20px,3vh,36px);overflow:hidden}
@media (min-width:1200px){.mxh-sl{min-height:calc(100svh / var(--mx-z,.9))}}
.mxh-sl__top{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap}
.mxh-sl__top .mxl-h2{color:#fff;max-width:20ch;margin:10px 0 0;font-size:clamp(28px,3.2vw,48px)}
.mxh-sl__top .mxl-h2 em{font-style:normal;color:var(--orange)}
.mxh-sl__ctrl{display:flex;align-items:center;gap:10px}
.mxh-sl__count{font:600 15px/1 var(--display);color:var(--on-ink-2);margin-right:8px}
.mxh-sl__count b{color:#fff;font-weight:600}
.mxh-sl__btn{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:0;cursor:pointer;background:transparent;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);transition:background-color .3s,box-shadow .3s,transform .3s var(--ease)}
.mxh-sl__btn svg{width:20px;height:20px}
.mxh-sl__btn[data-sl-prev] svg{transform:scaleX(-1)}
.mxh-sl__btn:hover,.mxh-sl__btn:focus-visible{background:var(--orange);box-shadow:none}
.mxh-sl__btn:active{transform:scale(.94)}
.mxh-sl__track{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;cursor:grab;outline-offset:-4px}
.mxh-sl__track::-webkit-scrollbar{display:none}
.mxh-sl__track.is-drag{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.mxh-slide{flex:0 0 100%;scroll-snap-align:start;display:flex;align-items:center;position:relative;min-height:0}
.mxh-slide__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,80px);align-items:center;width:min(100%,var(--wrap));box-sizing:border-box}
.mxh-slide__k{display:flex;align-items:center;gap:12px;font:700 12.5px/1 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-2);margin:0 0 18px}
.mxh-slide__k span{color:var(--orange);font-family:var(--display);font-size:15px}
.mxh-slide__h{font:600 clamp(36px,5vw,82px)/.98 var(--display);letter-spacing:-.02em;color:#fff;margin:0 0 20px;text-wrap:balance}
.mxh-slide__lead{font-size:clamp(16px,.5vw + 13px,19px);line-height:1.55;color:var(--on-ink-2);max-width:46ch;margin:0 0 22px}
.mxh-slide__list{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.mxh-slide__list li{padding:8px 14px;border-radius:999px;font:600 13.5px/1 var(--body);color:#fff;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.mxh-slide__cta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.mxh-slide__price{font:700 15px/1.2 var(--body);color:#fff}
.mxh-slide__art{position:relative;display:grid;place-items:center;aspect-ratio:1;max-height:min(62vh,640px);justify-self:center;width:100%}
.mxh-slide__art::before{content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle,rgba(254,53,1,.5),rgba(254,53,1,0) 68%);filter:blur(20px);opacity:.55;transition:opacity .8s}
.mxh-slide__big{position:absolute;inset:auto 0 0 auto;font:600 clamp(160px,22vw,380px)/.8 var(--display);color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.14);letter-spacing:-.04em;user-select:none;pointer-events:none}
.mxh-slide__art img{position:relative;width:min(100%,560px);height:auto;max-height:100%;object-fit:contain;filter:drop-shadow(0 40px 40px rgba(0,0,0,.6));transition:transform 1s var(--ease),opacity .8s;opacity:0;transform:translateY(40px) scale(.9) rotate(-4deg)}
.mxh-slide.is-active .mxh-slide__art img{opacity:1;transform:none;animation:mxh-float 6s var(--ease-in-out) infinite alternate 1s}
.mxh-slide.is-active .mxh-slide__art::before{opacity:1}
@keyframes mxh-float{to{transform:translateY(-14px) rotate(2deg)}}
.mxh-slide__copy>*{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .8s var(--ease)}
.mxh-slide.is-active .mxh-slide__copy>*{opacity:1;transform:none}
.mxh-slide.is-active .mxh-slide__copy>*:nth-child(2){transition-delay:.06s}.mxh-slide.is-active .mxh-slide__copy>*:nth-child(3){transition-delay:.12s}.mxh-slide.is-active .mxh-slide__copy>*:nth-child(4){transition-delay:.18s}.mxh-slide.is-active .mxh-slide__copy>*:nth-child(5){transition-delay:.24s}
.mxh-sl__tabs{display:flex;gap:8px;margin-top:clamp(16px,3vh,32px);overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.mxh-sl__tabs::-webkit-scrollbar{display:none}
.mxh-sl__tab{flex:1 0 auto;display:flex;align-items:center;gap:10px;padding:14px 16px;border:0;border-top:2px solid rgba(255,255,255,.14);background:transparent;color:var(--on-ink-2);font:600 13.5px/1.2 var(--body);text-align:left;cursor:pointer;white-space:nowrap;transition:color .3s,border-color .3s}
.mxh-sl__tab span{font-family:var(--display);color:rgba(255,255,255,.4);transition:color .3s}
.mxh-sl__tab:hover{color:#fff}
.mxh-sl__tab.is-active{color:#fff;border-top-color:var(--orange)}
.mxh-sl__tab.is-active span{color:var(--orange)}
.mxh-sl .mxh-more{text-align:center;margin:clamp(12px,2vh,20px) 0 0}
@media (max-width:900px){
  .mxh-sl{padding-top:72px}
  .mxh-slide{align-items:flex-start}
  .mxh-slide__in{grid-template-columns:1fr;gap:12px;padding-top:12px}
  .mxh-slide__art{order:-1;max-height:34vh;aspect-ratio:auto;height:34vh}
  .mxh-slide__art img{max-height:34vh;width:auto}
  .mxh-slide__big{font-size:34vh}
  .mxh-slide__h{font-size:clamp(32px,9vw,46px)}
  .mxh-slide__list{margin-bottom:20px}
  .mxh-sl__btn{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){.mxh-slide__art img,.mxh-slide__copy>*{transition:none;opacity:1;transform:none;animation:none}}
.mxh-sl>.mxl-wrap{width:100%;box-sizing:border-box}
/* Aire entre el título del carrusel y las diapositivas */
.mxh-sl__top{margin-bottom:clamp(28px,5vh,56px)}
.mxh-sl__top .mxl-h2{line-height:1.1}
.mxh-slide__in{padding-block:clamp(8px,2vh,24px)}
.mxh-slide__h{line-height:1.04}
@media (max-width:900px){.mxh-sl__top{margin-bottom:28px}.mxh-slide__in{padding-top:20px}.mxh-slide__k{margin-bottom:14px}.mxh-slide__h{margin-bottom:16px}.mxh-slide__lead{margin-bottom:20px}}

/* Inicio: notas del blog */
.mxh-blog__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,48px)}
.mxh-blog__head .mxl-h2{margin:10px 0 0;max-width:22ch}
.mxh-blog__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,24px)}
.mxh-post{position:relative;display:flex;flex-direction:column;grid-column:span 4;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--text);text-decoration:none;transition:transform .45s var(--ease),box-shadow .35s}
.mxh-post:hover,.mxh-post:focus-visible{transform:translateY(-6px);box-shadow:0 0 0 1px var(--orange),0 30px 50px -34px rgba(254,53,1,.5)}
.mxh-post__img{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--ink-2)}
.mxh-post__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.mxh-post:hover .mxh-post__img img{transform:scale(1.06)}
.mxh-post__body{display:flex;flex-direction:column;gap:10px;padding:clamp(18px,2vw,26px);flex:1}
.mxh-post__k{font:700 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}
.mxh-post__t{font:600 clamp(18px,.7vw + 14px,24px)/1.18 var(--display);letter-spacing:-.01em;text-wrap:balance}
.mxh-post__x{font-size:15px;line-height:1.5;color:var(--muted)}
.mxh-post__m{margin-top:auto;padding-top:6px;display:flex;justify-content:space-between;align-items:center;font:600 13px/1 var(--body);color:var(--muted)}
.mxh-post__go{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line);transition:background-color .3s,color .3s,box-shadow .3s}
.mxh-post__go svg{width:15px;height:15px}
.mxh-post:hover .mxh-post__go{background:var(--orange);color:#fff;box-shadow:none}
.mxh-post--big{grid-column:span 6;grid-row:span 3}
.mxh-post--big .mxh-post__img{aspect-ratio:auto;flex:1;min-height:260px}
.mxh-post--big .mxh-post__t{font-size:clamp(24px,1.6vw + 14px,38px)}
.mxh-post--side{grid-column:span 6;flex-direction:row}
.mxh-post--side .mxh-post__img{aspect-ratio:16/9;width:46%;flex:none;align-self:flex-start}
@media (max-width:900px){.mxh-post,.mxh-post--big,.mxh-post--side{grid-column:1/-1;grid-row:auto;flex-direction:column}.mxh-post--side .mxh-post__img,.mxh-post--big .mxh-post__img{width:100%;aspect-ratio:16/10;min-height:0;flex:none}}
@media (prefers-reduced-motion:reduce){.mxh-post,.mxh-post__img img{transition:none}.mxh-post:hover{transform:none}}

.mxh-post--side .mxh-post__body{gap:6px;padding:clamp(14px,1.4vw,20px)}
.mxh-post--side .mxh-post__t{font-size:clamp(16px,.5vw + 13px,20px)}
.mxh-post--side .mxh-post__x{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px}
.mxh-post--big .mxh-post__img img{object-position:left center}

/* Blog del inicio: 2 columnas x 2 filas, portadas completas (sin recortes) */
.mxh-post,.mxh-post--big,.mxh-post--side{grid-column:span 6;grid-row:auto;flex-direction:column}
.mxh-post .mxh-post__img,.mxh-post--big .mxh-post__img,.mxh-post--side .mxh-post__img{width:100%;aspect-ratio:16/9;min-height:0;flex:none;align-self:auto}
.mxh-post__img img,.mxh-post--big .mxh-post__img img{object-position:center}
.mxh-post .mxh-post__body,.mxh-post--side .mxh-post__body{gap:8px;padding:clamp(16px,1.8vw,24px)}
.mxh-post .mxh-post__t,.mxh-post--big .mxh-post__t,.mxh-post--side .mxh-post__t{font-size:clamp(18px,.7vw + 14px,24px)}
.mxh-post .mxh-post__x,.mxh-post--side .mxh-post__x{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:15px}
@media (max-width:760px){.mxh-post,.mxh-post--big,.mxh-post--side{grid-column:1/-1}}

/* Logos de clientes del inicio: más grandes */
.mxl-logos{padding-block:clamp(36px,4.5vw,60px)}
.mxl-logos img{height:clamp(72px,7vw,108px);opacity:.72}
.mxl-logos li{padding-inline:clamp(10px,1.6vw,24px)}
@media (max-width:1024px){.mxl-logos img{height:clamp(64px,12vw,88px)}}

/* Inicio v3: portada centrada con tarjetas visuales */
.mxh-hero--c{display:flex;flex-direction:column;justify-content:center;gap:clamp(28px,5vh,56px);text-align:center}
@media (min-width:1025px) and (min-height:640px){.mxh-hero--c{min-height:calc(100svh - 72px)}}
.mxh-hero__c{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}
.mxh-hero__c .mxl-h1{max-width:19ch;margin-inline:auto}
.mxh-hero__c .mxl-lead{max-width:60ch;margin-inline:auto}
.mxh-hero__c .mxl-ctas{justify-content:center}
.mxh-hero--c .mxl-hero__mark{right:50%;translate:50% 0;bottom:-18vw;opacity:.06}
.mxh-picks{position:relative;z-index:1}
.mxh-picks__t{margin:0 0 14px;font-size:15px;color:var(--on-ink-2)}
.mxh-picks__t b{color:#fff;font:600 17px/1 var(--display);margin-right:8px}
.mxh-picks__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;text-align:left}
.mxh-pc{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"i i" "t g";align-items:end;gap:8px 10px;height:100%;padding:16px 18px 18px;border-radius:20px;background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);color:var(--on-ink);text-decoration:none;overflow:hidden;isolation:isolate;backdrop-filter:blur(8px);transition:transform .4s var(--ease),box-shadow .35s,background-color .35s}
.mxh-pc::before{content:"";position:absolute;right:-20%;top:-30%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(254,53,1,.4),rgba(254,53,1,0) 70%);opacity:.3;z-index:-1;transition:opacity .45s}
.mxh-pc:hover,.mxh-pc:focus-visible{transform:translateY(-6px);background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px var(--orange),0 26px 50px -30px rgba(254,53,1,.6)}
.mxh-pc:hover::before,.mxh-pc:focus-visible::before{opacity:1}
.mxh-pc__img{grid-area:i;display:block;height:clamp(76px,7vw,104px)}
.mxh-pc__img img{height:100%;width:auto;display:block;filter:drop-shadow(0 12px 12px rgba(0,0,0,.5));transition:transform .55s var(--ease)}
.mxh-pc:hover .mxh-pc__img img{transform:translateY(-4px) rotate(-6deg) scale(1.1)}
.mxh-pc__t{grid-area:t;display:grid;gap:3px;min-width:0}
.mxh-pc__t b{font:600 clamp(17px,.5vw + 13px,20px)/1.15 var(--display);color:#fff}
.mxh-pc__t small{font-size:13px;line-height:1.4;color:var(--on-ink-2)}
.mxh-pc__go{grid-area:g;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);color:#fff;transition:background-color .3s,box-shadow .3s,transform .4s var(--ease)}
.mxh-pc__go svg{width:16px;height:16px}
.mxh-pc:hover .mxh-pc__go{background:var(--orange);box-shadow:none;transform:translateX(3px)}
.mxh-pc--soft{background:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1),inset 0 0 0 1px transparent}
.mxh-proof{justify-content:center;margin-top:clamp(20px,3.5vh,34px)}
@media (max-width:1024px){.mxh-picks__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.mxh-picks__grid{gap:10px}.mxh-pc{padding:12px 12px 14px}.mxh-pc__img{height:64px}.mxh-pc__t small{display:none}.mxh-pc__go{width:30px;height:30px}.mxh-picks__t{text-align:center}}
@media (prefers-reduced-motion:reduce){.mxh-pc,.mxh-pc__img img,.mxh-pc__go{transition:none}.mxh-pc:hover{transform:none}}

/* Inicio v3: frase «nacen juntas» con imágenes a los lados */
.mxh-bridge{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr) minmax(0,1fr);align-items:center;gap:clamp(12px,3vw,48px);margin-top:clamp(48px,7vw,96px)}
.mxh-bridge .mxl-bridge{margin:0;position:relative;z-index:1}
.mxh-bridge__side{display:block;position:relative;z-index:1}
.mxh-bridge__side img{width:100%;height:auto;max-height:340px;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(12,12,12,.28));animation:mxh-float 7s var(--ease-in-out) infinite alternate}
.mxh-bridge__side--r img{animation-delay:-3.5s;animation-direction:alternate-reverse}
.mxh-bridge__line{position:absolute;left:8%;right:8%;top:50%;height:2px;z-index:0;background:repeating-linear-gradient(90deg,rgba(254,53,1,.55) 0 8px,transparent 8px 18px);opacity:.55}
.mxh-bridge__line::after{content:"";position:absolute;top:-4px;left:0;width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 18px 4px rgba(254,53,1,.6);animation:mxh-run 5s var(--ease-in-out) infinite alternate}
@keyframes mxh-run{to{left:calc(100% - 10px)}}
@media (max-width:760px){.mxh-bridge{grid-template-columns:1fr 1fr;grid-template-areas:"l r" "p p"}.mxh-bridge__side--l{grid-area:l}.mxh-bridge__side--r{grid-area:r}.mxh-bridge .mxl-bridge{grid-area:p}.mxh-bridge__side img{max-height:180px}.mxh-bridge__line{top:90px}}
@media (prefers-reduced-motion:reduce){.mxh-bridge__side img,.mxh-bridge__line::after{animation:none}}

/* Portada: la palabra clave va dentro del H1 como línea pequeña (sin recuadro ni icono) */
.mxh-h1k{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:clamp(14px,2.2vh,22px);font:700 clamp(12px,.4vw + 10px,14px)/1 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--on-ink-2)}
.mxh-h1k::before,.mxh-h1k::after{content:none}

/* Cifras del inicio: franja propia */
.mxh-stats{background:var(--ink);border-top:1px solid rgba(255,255,255,.08);padding-block:clamp(36px,6vw,72px);position:relative;overflow:hidden}
.mxh-stats::before{content:"";position:absolute;left:50%;top:50%;width:min(900px,90%);aspect-ratio:3/1;translate:-50% -50%;background:radial-gradient(closest-side,rgba(254,53,1,.16),rgba(254,53,1,0));pointer-events:none}
.mxh-stats__in{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block:0;text-align:center}
.mxh-stats__in>div{display:flex;flex-direction:column-reverse;gap:10px;padding-inline:clamp(8px,2vw,32px)}
.mxh-stats__in>div+div{border-left:1px solid rgba(255,255,255,.12)}
.mxh-stats dd{margin:0;font:600 clamp(44px,7vw,96px)/.95 var(--display);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.mxh-stats__plus{color:var(--orange);margin-right:.04em}
.mxh-stats dt{font:600 clamp(12px,.4vw + 10px,15px)/1.3 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--on-ink-2)}
@media (max-width:560px){.mxh-stats__in>div{padding-inline:6px}.mxh-stats dt{font-size:11px;letter-spacing:.04em}.mxh-stats dd{font-size:clamp(34px,11vw,48px)}}

/* Encabezado de sección centrado */
.mxh-head--c{text-align:center;margin-inline:auto;display:flex;flex-direction:column;align-items:center}
.mxh-head--c .mxl-h2,.mxh-head--c .mxl-lead{margin-inline:auto;text-align:center;max-width:46ch}
.mxh-head--c .mxl-h2{max-width:20ch}

/* Carrusel: ajuste a pantalla (sin scroll interno; todo se escala con el alto de la ventana) */
.mxh-sl{--sl-h:100svh;height:max(var(--sl-h),640px);min-height:0;padding-block:clamp(88px,12vh,108px) clamp(12px,2vh,22px)}
@media (min-width:1200px){.mxh-sl{--sl-h:calc(100svh / var(--mx-z,.9))}}
.mxh-sl__top{margin-bottom:clamp(8px,2vh,24px);align-items:center}
.mxh-sl__top .mxl-h2{margin:0;font-size:clamp(22px,2.2vw + 1vh,40px);max-width:30ch}
.mxh-sl__track{overflow-y:hidden;min-height:0}
.mxh-slide{overflow:hidden;min-height:0}
.mxh-slide__in{padding-block:0;height:100%;align-content:center}
.mxh-slide__k{margin-bottom:clamp(8px,1.6vh,16px)}
.mxh-slide__h{font-size:clamp(30px,min(4.4vw,7.2vh),68px);margin-bottom:clamp(10px,2vh,18px)}
.mxh-slide__lead{font-size:clamp(15px,.35vw + 1.5vh,18px);margin-bottom:clamp(12px,2.2vh,20px)}
.mxh-slide__list{margin-bottom:clamp(14px,2.6vh,24px)}
.mxh-slide__art{max-height:100%;height:100%;aspect-ratio:auto;align-self:stretch}
.mxh-slide__art img{height:auto;max-height:min(100%,56vh);width:auto;max-width:100%}
.mxh-slide__big{font-size:clamp(120px,min(18vw,34vh),320px)}
.mxh-sl__tabs{margin-top:clamp(6px,1.4vh,18px)}
.mxh-sl__tab{padding-block:clamp(8px,1.4vh,14px)}
.mxh-sl .mxh-more{margin:clamp(2px,.8vh,10px) 0 0;line-height:1}
@media (max-width:900px){
  .mxh-sl{height:auto;min-height:100svh}
  .mxh-slide{align-items:flex-start}
  .mxh-slide__in{height:auto;align-content:start}
  .mxh-slide__art{height:32vh;max-height:32vh;order:-1}
  .mxh-slide__art img{max-height:32vh}
}

/* Carrusel: el brillo se desvanece dentro de su caja (no se corta con el borde de la diapositiva) */
.mxh-slide__art::before{inset:0;filter:none;border-radius:0;background:radial-gradient(closest-side,rgba(254,53,1,.5),rgba(254,53,1,.18) 55%,rgba(254,53,1,0) 100%)}
.mxh-slide__art img{filter:drop-shadow(0 24px 24px rgba(0,0,0,.55))}

/* Móvil: más aire y sin la línea punteada cruzando el texto de «nacen juntas» */
@media (max-width:760px){
  .mxh-bridge__line{display:none}
  .mxh-bridge{margin-top:40px;gap:20px 12px}
  .mxh-bridge .mxl-bridge{padding-block:8px 24px}
  .mxh-sl__tabs{margin-top:14px}
  .mxh-sl .mxh-more{margin-top:14px;padding-bottom:6px}
  .mxh-slide__in{padding-inline:20px}
}

/* Cifras en móvil: 3 filas, número a la izquierda y texto a la derecha */
@media (max-width:560px){
  .mxh-stats{padding-block:28px}
  .mxh-stats__in{grid-template-columns:1fr;text-align:left}
  .mxh-stats__in>div{flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:18px;padding:16px 4px}
  .mxh-stats__in>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.12)}
  .mxh-stats dd{min-width:3.1ch;font-size:clamp(34px,10.5vw,44px)}
  .mxh-stats dt{font-size:13px;letter-spacing:.06em;max-width:18ch}
}
@media (max-width:560px){
  .mxh-stats__in{width:max-content;max-width:calc(100% - 32px);margin-inline:auto;padding-inline:0}
  .mxh-stats__in>div{gap:20px}
}
.mxh-blog__head .mxl-eyebrow+.mxl-h2{margin-top:clamp(16px,2.4vh,24px)}
.mxs-sec__head .mxl-eyebrow+.mxl-h2{margin-top:clamp(16px,2.4vh,24px)}
.mxh-pain__head .mxl-eyebrow+.mxl-h2{margin-top:clamp(18px,2.6vh,26px)}
.mxh-blog__head .mxl-eyebrow+.mxl-h2{margin-top:clamp(20px,2.8vh,28px)}
/* El número grande de fondo no se corta con el borde de la diapositiva */
.mxh-slide__big{bottom:5%;right:2%;line-height:.9}
/* Brillo del carrusel: termina antes del borde de su caja (nunca se ve un rectángulo) y la caja tiene tamaño máximo fijo */
.mxh-slide__art{width:min(100%,640px)}
.mxh-slide__art::before{inset:0;filter:none;background:radial-gradient(ellipse 46% 46% at 50% 50%,rgba(254,53,1,.5) 0,rgba(254,53,1,.2) 45%,rgba(254,53,1,0) 100%)}

/* Enlace a todos los servicios: discreto, junto a los controles */
.mxh-sl__all{margin-right:clamp(8px,2vw,28px);font:600 14px/1.2 var(--body);color:var(--on-ink-2);text-decoration:underline;text-decoration-color:rgba(255,255,255,.3);text-underline-offset:5px;transition:color .25s,text-decoration-color .25s}
.mxh-sl__all:hover,.mxh-sl__all:focus-visible{color:#fff;text-decoration-color:var(--orange)}
@media (max-width:560px){.mxh-sl__all{display:none}}

/* Blog del inicio: 3 tarjetas en 3 columnas */
.mxh-blog__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mxh-post,.mxh-post--big,.mxh-post--side{grid-column:auto}
@media (max-width:900px){.mxh-blog__grid{grid-template-columns:1fr}.mxh-post,.mxh-post--big,.mxh-post--side{grid-column:1/-1}}

/* Franja «#redes sociales» */
.mxh-social{background:var(--orange);color:#fff;padding-block:clamp(48px,7vw,96px);overflow:hidden}
.mxh-social__in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,72px);align-items:center}
.mxh-social__tag{font:700 clamp(14px,.5vw + 12px,18px)/1 var(--display);letter-spacing:.04em;margin:0 0 14px;opacity:.9}
.mxh-social .mxl-h2{color:#fff;margin-bottom:14px}
.mxh-social__txt p:not(.mxh-social__tag){margin:0 0 24px;max-width:44ch;color:rgba(255,255,255,.92)}
.mxh-social__row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,18px)}
.mxh-social__row img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:16px;box-shadow:0 18px 40px rgba(12,12,12,.28)}
.mxh-social__row img:nth-child(odd){translate:0 -14px}
.mxh-social__row img:nth-child(even){translate:0 14px}
@media (max-width:900px){.mxh-social__in{grid-template-columns:1fr}.mxh-social__row{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:560px){.mxh-social__row{grid-template-columns:repeat(2,minmax(0,1fr))}.mxh-social__row img:nth-child(n){translate:none}}

/* Franja de redes: celular con perfil de Instagram + posts en perspectiva 3D */
.mxh-social__in{align-items:center}
.mxh-soc3d{position:relative;height:clamp(440px,44vw,580px);perspective:1500px;display:grid;place-items:center}
.mxh-soc3d__scene{position:absolute;inset:-6% -18%;display:grid;align-content:center;gap:clamp(12px,1.6vw,20px);transform:rotateX(14deg) rotateY(-18deg) rotateZ(-6deg);transform-style:preserve-3d;mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%,#000 86%,transparent)}
.mxh-soc3d__track{display:flex;gap:clamp(12px,1.6vw,20px);width:max-content;animation:mxh-soc-l 46s linear infinite;will-change:transform}
.mxh-soc3d__track--b{animation-name:mxh-soc-r;animation-duration:54s;margin-left:-90px}
.mxh-soc3d__track--c{animation-duration:62s;margin-left:-30px}
.mxh-soc3d__track img{width:clamp(120px,12vw,168px);aspect-ratio:4/5;object-fit:cover;border-radius:14px;box-shadow:0 14px 30px rgba(12,12,12,.3);opacity:.9}
@keyframes mxh-soc-l{to{transform:translateX(-50%)}}
@keyframes mxh-soc-r{from{transform:translateX(-50%)}to{transform:none}}
.mxh-phone{position:relative;z-index:2;width:clamp(210px,19vw,258px);aspect-ratio:9/18.4;background:#0C0C0C;border-radius:36px;padding:9px;box-shadow:0 0 0 2px #2a2a2a,0 40px 80px rgba(12,12,12,.5),0 0 0 8px rgba(255,255,255,.08);transform:rotateY(-6deg) rotateZ(1.5deg)}
.mxh-phone__notch{position:absolute;z-index:3;left:50%;top:15px;translate:-50% 0;width:30%;height:14px;background:#0C0C0C;border-radius:20px}
.mxh-ig{height:100%;background:#fff;border-radius:28px;overflow:hidden;padding:30px 10px 0;color:#0C0C0C;font-family:var(--body);display:flex;flex-direction:column;gap:8px}
.mxh-ig__bar{display:flex;align-items:center;justify-content:space-between}
.mxh-ig__bar b{font-size:12px;font-weight:800}
.mxh-ig__bar i{width:14px;height:2px;background:#0C0C0C;box-shadow:0 5px #0C0C0C,0 -5px #0C0C0C;border-radius:2px}
.mxh-ig__prof{display:flex;align-items:center;gap:10px}
.mxh-ig__av{flex:none;width:46px;aspect-ratio:1;border-radius:50%;background:#0C0C0C;display:grid;place-items:center;padding:3px;box-shadow:0 0 0 2px #fff,0 0 0 4px #FE3501}
.mxh-ig__av svg{width:70%;fill:#FE3501}
.mxh-ig__prof dl{flex:1;display:grid;grid-template-columns:repeat(3,1fr);text-align:center;margin:0}
.mxh-ig__prof dd{margin:0;font-size:12px;font-weight:800}
.mxh-ig__prof dt{font-size:8px;color:#666}
.mxh-ig__bio{margin:0;font-size:9px;line-height:1.35;color:#333}
.mxh-ig__bio b{display:block;font-size:9.5px;color:#0C0C0C}
.mxh-ig__btns{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mxh-ig__btns span{text-align:center;font-size:9px;font-weight:700;padding:5px 0;border-radius:6px;background:#eee}
.mxh-ig__btns span:first-child{background:#FE3501;color:#fff}
.mxh-ig__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin:2px -10px 0;flex:1;min-height:0;overflow:hidden;align-content:start}
.mxh-ig__grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
@media (max-width:900px){.mxh-soc3d{height:clamp(420px,95vw,520px)}.mxh-soc3d__scene{inset:-6% -30%}}
@media (prefers-reduced-motion:reduce){.mxh-soc3d__track{animation:none}}

/* Franja de redes (ajustes): fondo oscuro, posts sin cortes duros, perfil enlazado a Instagram */
.mxh-social{background:var(--ink);padding-block:clamp(56px,7vw,104px);position:relative}
.mxh-social::before{content:"";position:absolute;right:-10%;top:50%;width:min(900px,80%);aspect-ratio:1;translate:0 -50%;background:radial-gradient(closest-side,rgba(254,53,1,.28),rgba(254,53,1,0));pointer-events:none}
.mxh-social__in{position:relative}
.mxh-social__txt p:not(.mxh-social__tag){color:var(--on-ink-2,rgba(255,255,255,.75))}
.mxh-social__tag{color:var(--orange);opacity:1}

.mxh-social__ig{display:inline-block;margin-top:18px;color:rgba(255,255,255,.75);font-size:15px;text-decoration:none}
.mxh-social__ig b{color:#fff;border-bottom:1px solid var(--orange)}
.mxh-social__ig:hover b{color:var(--orange)}
.mxh-soc3d{height:clamp(500px,50vw,660px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(180deg,transparent,#000 16%,#000 84%,transparent)}
.mxh-soc3d__scene{inset:0 -18%;transform:rotateX(12deg) rotateY(-16deg) rotateZ(-5deg) scale(.92)}
.mxh-phone{text-decoration:none;color:inherit;display:block;transition:transform .35s cubic-bezier(.22,.8,.24,1)}
.mxh-phone:hover{transform:rotateY(-3deg) rotateZ(0) translateY(-6px)}
.mxh-phone:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
.mxh-ig__prof dd{font-size:11px}
.mxh-ig__bio b{font-size:9px}
@media (max-width:900px){.mxh-soc3d{height:clamp(440px,100vw,540px)}}
.mxl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mxh-social .mxl-btn--trace{--bg:transparent}
.mxh-social__ig{display:block;width:max-content;margin-top:clamp(22px,2.4vw,32px)}
/* Mockup: sombra limpia (sin aro claro), pestañas y barra inferior de Instagram */
.mxh-phone{box-shadow:0 0 0 2px #2a2a2a,0 34px 60px -10px rgba(0,0,0,.7)}
.mxh-ig{gap:7px}
.mxh-ig__tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e6e6e6;margin:2px -10px 0;padding-top:5px;color:#9a9a9a}
.mxh-ig__tabs svg{width:14px;height:14px;margin:auto}
.mxh-ig__tabs svg:first-child{color:#0C0C0C}
.mxh-ig__grid{flex:1 1 0}
.mxh-ig__nav{display:flex;align-items:center;justify-content:space-around;margin:0 -10px;padding:7px 8px 9px;border-top:1px solid #e6e6e6;background:#fff;color:#0C0C0C}
.mxh-ig__nav svg{width:16px;height:16px}
.mxh-ig__me{width:16px;aspect-ratio:1;border-radius:50%;background:#FE3501;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #0C0C0C}
/* Llamada final del inicio: más baja, sin tanto protagonismo */
.mxl-final{padding-block:clamp(36px,4.2vw,60px)}
.mxl-final__grid{gap:clamp(24px,4vw,64px)}
.mxl-final__copy{gap:16px}
.mxl-final__h{font-size:clamp(26px,2.2vw + 10px,42px);max-width:20ch}
.mxl-final p{font-size:clamp(15px,.5vw + 13px,17px)}
.mxl-final__art{width:min(100%,250px)}
.mxl-final__mark{opacity:.08}
@media (max-width:900px){.mxl-final__art{width:min(60%,210px)}}
/* Llamada final del inicio: centrada, sin imagen (el checklist vive en el pie) */
.mxl-final__grid{grid-template-columns:1fr;justify-items:center;text-align:center}
.mxl-final__copy{justify-items:center}
.mxl-final__h{max-width:24ch;margin-inline:auto}
.mxl-final p{margin-inline:auto}
.mxl-final .mxl-ctas{justify-content:center}
.mxl-final__mark{right:50%;translate:50% 0;opacity:.07}
/* Trabajos: enlace al extremo del título; sin borde claro entre imagen y tarjeta */
.mxh-head--row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;max-width:none}
.mxh-head--row>div{flex:1 1 420px;max-width:62ch}
.mxh-head--row .mxl-link{flex:none;margin-bottom:6px}
.mxh-work{box-shadow:none;background:transparent}
.mxh-work img{inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);max-width:none}
.mxh-work::after{box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.mxh-work:hover{box-shadow:none}
.mxh-work:hover::after{box-shadow:inset 0 0 0 1px var(--orange)}
/* Trabajos: zoom suave al pasar el mouse (la entrada con scale no debe pisar la transición del hover) */
.mxl-js .mxh-work[data-reveal="img"] img{transition:scale 1.6s var(--ease) calc(var(--d,0) * 110ms),transform 1.4s cubic-bezier(.22,.61,.36,1) 0s,filter .6s}
.mxh-work:hover img,.mxh-work:focus-visible img{transform:scale(1.035)}

/* Enlaces internos dentro de los textos del inicio */
.mxh-tl{color:inherit;text-decoration:underline;text-decoration-color:rgba(254,53,1,.7);text-decoration-thickness:1.5px;text-underline-offset:3px;transition:color .25s,text-decoration-color .25s}
.mxh-tl:hover,.mxh-tl:focus-visible{color:var(--orange)}
.mxh-guides{margin:clamp(20px,2.4vw,30px) 0 0;text-align:center;font-size:15px;color:var(--ink-3,#555)}
.mxh-guides .mxh-tl{font-weight:600}

/* Paquetes en pestañas */
.mxh-pk__tabs{display:flex;justify-content:center;gap:8px;margin:0 auto clamp(24px,3vw,36px);padding:6px;width:max-content;max-width:100%;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(12,12,12,.1)}
.mxh-pk__tab{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 22px;border:0;border-radius:999px;background:transparent;color:var(--ink);font:600 15.5px/1 var(--display);cursor:pointer;transition:background .3s var(--ease),color .3s var(--ease),box-shadow .3s var(--ease)}
.mxh-pk__tab svg{width:20px;height:20px;flex:none}
.mxh-pk__tab:hover{background:rgba(12,12,12,.06)}
.mxh-pk__tab.is-active{background:var(--ink);color:#fff;box-shadow:0 10px 24px -12px rgba(12,12,12,.7)}
.mxh-pk__tab.is-active svg{color:var(--orange)}
.mxh-pk__tab:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.mxh-pk__panel[hidden]{display:none}
.mxh-pk__panel:not([hidden]){animation:mxh-pk-in .55s var(--ease) both}
@keyframes mxh-pk-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.mxl-plan--out{opacity:.92}
.mxl-plan__tag--out{background:var(--ink);color:#fff}
@media (max-width:560px){.mxh-pk__tabs{width:100%;gap:4px;padding:5px}.mxh-pk__tab{flex:1;justify-content:center;padding:0 8px;min-height:46px;font-size:13px;gap:6px}.mxh-pk__tab svg{width:17px;height:17px}.mxh-pk__tab span{white-space:nowrap}}
@media (prefers-reduced-motion:reduce){.mxh-pk__panel:not([hidden]){animation:none}}

/* Paquetes del inicio: nombres más grandes (siguen siendo H3) */
.mxh-pk .mxl-plan .mxl-h3{font-size:clamp(26px,1vw + 19px,34px);line-height:1.08;letter-spacing:-.015em}
.mxh-pk .mxl-plan__for{margin-top:6px}

/* Cabeceras centradas: título más ancho y texto equilibrado */
.mxh-head--c{max-width:980px}
.mxh-head--c .mxl-h2{max-width:30ch}
.mxh-head--c .mxl-lead{max-width:54ch;text-wrap:balance}
.mxh-stats dt,.mxr-roi__nums dt,.mxn-facts dt{text-wrap:balance}

/* Portada del inicio: trama tenue de cruces «+» (diagramación), más visible al centro y que se desvanece hacia los bordes */
.mxh-hero--c::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M13 10v6M10 13h6' fill='none' stroke='%23ffffff' stroke-opacity='.15' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size:26px 26px;background-position:center top;
  -webkit-mask-image:radial-gradient(ellipse 70% 62% at 50% 46%,#000 0,rgba(0,0,0,.55) 55%,transparent 100%);mask-image:radial-gradient(ellipse 70% 62% at 50% 46%,#000 0,rgba(0,0,0,.55) 55%,transparent 100%)}
@media (max-width:700px){.mxh-hero--c::before{background-size:24px 24px;opacity:.8}}

/* La trama «+» se ilumina en naranja alrededor del cursor (solo con mouse; --hx/--hy/--ha los pone inicio.js) */
.mxh-hero--c::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M13 9.5v7M9.5 13h7' fill='none' stroke='%23FE3501' stroke-opacity='.95' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size:26px 26px;background-position:center top;
  -webkit-mask-image:radial-gradient(210px circle at var(--hx,50%) var(--hy,50%),rgba(0,0,0,var(--ha,0)),transparent 100%);mask-image:radial-gradient(210px circle at var(--hx,50%) var(--hy,50%),rgba(0,0,0,var(--ha,0)),transparent 100%)}
@media (max-width:700px),(hover:none){.mxh-hero--c::after{display:none}}

/* Efecto cristal: las tarjetas «¿Qué necesitas?» y el botón de WhatsApp desenfocan fuerte lo que hay detrás (trama «+» y brillo), así el texto siempre se lee */
.mxh-hero--c .mxh-pc{background:rgba(14,14,16,.5);-webkit-backdrop-filter:blur(22px) saturate(1.15);backdrop-filter:blur(22px) saturate(1.15)}
.mxh-hero--c .mxh-pc--soft{background:rgba(14,14,16,.38)}
.mxh-hero--c .mxh-pc:hover,.mxh-hero--c .mxh-pc:focus-visible{background:rgba(14,14,16,.7)}
.mxh-hero--c .mxh-pc:hover::before,.mxh-hero--c .mxh-pc:focus-visible::before{opacity:.5}
.mxh-hero--c .mxq__wa{background:rgba(14,14,16,.5);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}
.mxh-hero--c .mxq__wa:hover{background:rgba(10,38,22,.72)}

/* 25/10/2026: en la portada del inicio se quita el brillo general que sigue al mouse; solo reacciona la trama «+» */
.mxl-glow-on .mxh-hero--c{background-image:none}

/* Más aire entre los botones de la portada y el bloque «¿Qué necesitas?» */
.mxh-hero--c .mxh-picks{margin-top:clamp(22px,4.5vh,52px)}

/* Celular: el título blanco va arriba y la frase gris debajo */
@media (max-width:700px){.mxh-picks__t{text-wrap:balance}.mxh-picks__t b{display:block;margin-bottom:6px;font-size:1.12em}}

/* Celular: los dos botones de la portada miden lo mismo (el naranja ya no ocupa todo el ancho) */
@media (max-width:700px){
  .mxh-hero--c .mxl-ctas{flex-direction:column;align-items:center}
  .mxh-hero--c .mxl-ctas .mxl-btn,.mxh-hero--c .mxq__wa{width:min(100%,264px);justify-content:center}
}

/* Trama «+» fija y muy tenue en la zona de trabajos y en la de resultados (laptop), con desvanecido arriba y abajo */
#casos,#resultados,#porque{position:relative;isolation:isolate}
#casos::before,#resultados::before,#porque::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M13 10v6M10 13h6' fill='none' stroke='%23ffffff' stroke-opacity='.13' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size:26px 26px;background-position:center var(--goy,0)}
#casos::before{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%);mask-image:linear-gradient(180deg,transparent 0,#000 16%)}
#resultados::before{-webkit-mask-image:linear-gradient(180deg,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,#000 84%,transparent 100%)}

/* Trabajos y resultados: sin el brillo general que sigue al mouse; la trama «+» se ilumina en naranja alrededor del cursor, como en la portada */
.mxl-glow-on #casos,.mxl-glow-on #resultados{background-image:none}
#casos::after,#resultados::after,#porque::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M13 9.5v7M9.5 13h7' fill='none' stroke='%23FE3501' stroke-opacity='.95' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size:26px 26px;background-position:center var(--goy,0);
  -webkit-mask-image:radial-gradient(210px circle at var(--hx,50%) var(--hy,50%),rgba(0,0,0,var(--ha,0)),transparent 100%);mask-image:radial-gradient(210px circle at var(--hx,50%) var(--hy,50%),rgba(0,0,0,var(--ha,0)),transparent 100%)}
@media (max-width:700px),(hover:none){#casos::after,#resultados::after,#porque::after{display:none}}

/* «Por qué Macsen»: misma trama «+» que reacciona al mouse, sin brillo general */
#porque::before{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
.mxl-glow-on #porque{background-image:none}

/* Resultados (laptop): un poco más de relleno abajo */
.mxl-sec.mxr-roi{padding-bottom:clamp(56px,6vw,88px)}

/* Cómo trabajamos: pestañas de proceso */
.mxh-pr__tabs{margin-top:clamp(8px,1.5vw,16px);margin-bottom:clamp(28px,4vw,48px)}
.mxh-pr__panel[hidden]{display:none}
@media (max-width:560px){.mxh-pr__tabs{overflow-x:auto;justify-content:flex-start;scrollbar-width:none}.mxh-pr__tabs::-webkit-scrollbar{display:none}.mxh-pr__tabs .mxh-pk__tab{flex:none;padding:0 16px}}

/* Tarjetas del hero: mismo fondo de antes, con el desenfoque más fuerte */
.mxh-hero--c .mxh-pc{-webkit-backdrop-filter:blur(40px) saturate(1.3);backdrop-filter:blur(40px) saturate(1.3)}
.mxh-hero--c .mxh-pc{transition:transform .35s var(--ease),background-color .35s,box-shadow .35s,-webkit-backdrop-filter .35s,backdrop-filter .35s}
.mxh-hero--c .mxh-pc:hover,.mxh-hero--c .mxh-pc:focus-visible{background:rgba(10,10,12,.8);-webkit-backdrop-filter:blur(64px) saturate(1.3);backdrop-filter:blur(64px) saturate(1.3)}