/* ACTIUM MOBILE MEDIA CLEANUP — START */
@media (max-width: 980px) {
  .portfolio-artwork[aria-label="Gran industria"],
  .portfolio-artwork[aria-label="Empresas"],
  .portfolio-artwork[aria-label="Arquitectos y constructores"] {
    display: none !important;
  }

  .portfolio-mobile-reasons,
  .portfolio-mobile-capability {
    display: block !important;
  }

  .portfolio-motion {
    height: clamp(260px, 68vw, 440px);
    padding: 0 !important;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #191919;
  }

  .portfolio-motion video {
    width: 300% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
    transform: translateX(-48%) !important;
    opacity: 1 !important;
  }

  .portfolio-mobile-gran .portfolio-mobile-photo,
  .portfolio-mobile-empresas .portfolio-mobile-photo,
  .portfolio-mobile-arquitectos .portfolio-mobile-photo {
    background-size: 270% auto !important;
    background-position: left 5% center !important;
  }
}

@media (max-width: 640px) {
  .portfolio-motion {
    height: clamp(255px, 74vw, 380px);
  }

  .portfolio-motion video {
    width: 315% !important;
    transform: translateX(-49%) !important;
    opacity: 1 !important;
  }

  .portfolio-mobile-photo {
    aspect-ratio: 1.12;
    background-size: 285% auto !important;
    background-position: left 5% center !important;
  }
}
/* ACTIUM MOBILE MEDIA CLEANUP — END */


/* ACTIUM RADAR SVG (animacion vectorial, autoplay siempre) — START */
.actium-radar{display:block;width:100%;max-width:520px;margin:0 auto 6px;padding:0 12px;box-sizing:border-box}
.actium-radar svg{width:100%;height:auto;display:block}
@media (max-width: 980px) {
  .portfolio-motion { display: none !important; }   /* en movil usamos el SVG */
}
/* ACTIUM RADAR SVG — END */

/* ACTIUM MENU MOVIL: identico al de la pagina principal — START */
.mobile-menu nav a{
  font-family:'AvenirNext','Avenir Next','Axiforma',system-ui,sans-serif !important;
  font-weight:600 !important;
  font-size:clamp(1.48rem,6.55vw,1.9rem) !important;
  line-height:1.04 !important;
  letter-spacing:-.04em !important;
  padding:.32em 0 !important;
  white-space:nowrap !important;
  color:#fff !important;
  border-bottom:1px solid rgba(255,255,255,.1) !important;
}
.mobile-menu nav a.login-link{color:var(--sand)!important}
.mobile-menu nav a.portfolio-link{color:var(--sand)!important}  /* pagina actual resaltada */
.mobile-social{display:flex!important;align-items:center!important;gap:clamp(18px,6vw,30px)!important;margin-top:22px!important;color:var(--orange)!important;font-size:clamp(.95rem,3.3vw,1.1rem)!important;font-weight:600!important}
.mobile-social a{color:var(--orange)!important}
.mobile-social a:hover{color:var(--sand)!important}
/* ACTIUM MENU MOVIL — END */


/* ===== AJUSTE 1: barra de navegacion igual a la de la web (sin salto) ===== */
.brand img{transition:width .35s ease}
.header-wrap.scrolled{padding:7px 0!important}
.header-wrap.scrolled .nav-shell{min-height:58px!important}
@media(max-width:640px){
  /* en movil que NO cambie de tamano al bajar */
  .header-wrap.scrolled .nav-shell{min-height:54px!important}
  .header-wrap.scrolled .brand img{width:96px!important}
}

/* ===== AJUSTE 2: indice de Contacto consecutivo solo en movil (escritorio sin tocar) ===== */
@media(max-width:980px){
  .portfolio-contact-head .portfolio-eyebrow::after{content:"// 07 — Contacto"!important}
}

/* ===== AJUSTE INDICES ESCRITORIO: "Por que elegirnos" 04 -> 03 (cubre el rotulo del video) ===== */
@media(min-width:981px){
  .portfolio-motion-frame{position:relative;width:min(1240px,calc(100% - 32px));margin:0 auto;line-height:0}
  .portfolio-motion-frame video{width:100%!important;margin:0!important;display:block}
  .portfolio-motion-frame::after{
    content:"// 03 — POR QUÉ ELEGIRNOS";
    position:absolute;z-index:3;left:5.85%;top:9.15%;min-width:31%;
    padding:.45% 1.8% .45% 0;background:#191919;color:#f25c05;
    font-family:AvenirNext,Axiforma,Arial,sans-serif;font-weight:500;
    font-size:clamp(9px,.78vw,12px);line-height:1.25;letter-spacing:.31em;
    text-transform:uppercase;white-space:nowrap;pointer-events:none;
  }
}