/* Power Ras V28 — viewport-fit heroes and mobile header cleanup.
   Goal: first screen shows the complete hero hierarchy without hiding CTA/content. */

@media (min-width:1041px){
  body.v21-site .v9-home-hero,
  body.v22-site .v9-home-hero{
    min-height:calc(100svh - 106px);
    align-items:flex-start;
  }
  body.v21-site .v9-home-hero__content,
  body.v22-site .v9-home-hero__content{
    padding:72px 0 46px;
  }

  body.v21-site .v9-pv-hero,
  body.v22-site .v9-pv-hero{
    min-height:calc(100svh - 179px);
    align-items:flex-start;
  }
  body.v21-site .v9-pv-hero__content,
  body.v22-site .v9-pv-hero__content{
    padding:46px 0 42px;
  }

  body.v21-site :is(.v9-clima-hero,.v9-electric-hero,.v9-security-hero,.v9-charge-hero,.v9-office-hero),
  body.v22-site :is(.v9-clima-hero,.v9-electric-hero,.v9-security-hero,.v9-charge-hero,.v9-office-hero){
    min-height:calc(100svh - 179px);
    display:flex;
    align-items:center;
    padding-top:34px;
    padding-bottom:34px;
  }

  body.v21-site :is(.v9-clima-hero,.v9-electric-hero,.v9-security-hero,.v9-charge-hero) img,
  body.v22-site :is(.v9-clima-hero,.v9-electric-hero,.v9-security-hero,.v9-charge-hero) img{
    height:clamp(360px,50svh,440px);
  }

  body.v21-site .v11-observer-hero,
  body.v22-site .v11-observer-hero,
  body.v21-site .v10-company-hero,
  body.v22-site .v10-company-hero{
    min-height:calc(100svh - 106px);
    display:flex;
    align-items:center;
    padding-top:44px;
    padding-bottom:44px;
  }
}

@media (max-width:1040px){
  body.v21-site .v12-header .v9-nav,
  body.v21-site .v12-header .v9-header__cta,
  body.v22-site .v12-header .v9-nav,
  body.v22-site .v12-header .v9-header__cta{
    display:none!important;
  }

  body.v21-site .v12-header .v9-mobile,
  body.v22-site .v12-header .v9-mobile{
    display:block!important;
    position:relative;
    z-index:130;
  }

  body.v21-site .v12-header .v9-header__inner,
  body.v22-site .v12-header .v9-header__inner{
    grid-template-columns:1fr auto!important;
  }

  body.v21-site .v12-header .v9-mobile summary,
  body.v22-site .v12-header .v9-mobile summary{
    display:inline-flex;
    min-width:86px;
    min-height:44px;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    border-radius:999px;
    background:#fff;
    color:var(--ink);
    list-style:none;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    cursor:pointer;
  }

  body.v21-site .v12-header .v9-mobile__panel,
  body.v22-site .v12-header .v9-mobile__panel{
    position:absolute;
    right:0;
    top:54px;
    width:min(330px,calc(100vw - 28px));
    padding:14px 18px 18px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#fff;
    box-shadow:0 22px 60px rgba(5,18,14,.14);
  }

  body.v21-site .v12-header .v9-mobile__panel>a:not(.v9-btn),
  body.v22-site .v12-header .v9-mobile__panel>a:not(.v9-btn){
    display:block;
    padding:12px 4px;
    border-bottom:1px solid var(--line);
    color:var(--ink);
    font-weight:750;
    text-decoration:none;
  }

  body.v21-site .v12-header .v9-mobile__panel .v9-btn,
  body.v22-site .v12-header .v9-mobile__panel .v9-btn{
    width:100%;
    margin-top:16px;
  }
}

/* The uploaded unifilar is a real landscape drawing: never crop it. */
body.v21-site .pr-v17-unifilare,
body.v22-site .pr-v17-unifilare{
  margin:0;
  overflow:hidden;
  border-radius:18px;
  background:#fff;
}
body.v21-site .pr-v17-unifilare img,
body.v22-site .pr-v17-unifilare img{
  display:block;
  width:100%;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1424/752;
  object-fit:contain!important;
  background:#fff;
}

@media (max-width:800px){
  body.v21-site .v9-home-hero,
  body.v22-site .v9-home-hero,
  body.v21-site .v9-pv-hero,
  body.v22-site .v9-pv-hero{
    min-height:auto;
    align-items:flex-start;
  }
  body.v21-site .v9-home-hero__content,
  body.v22-site .v9-home-hero__content,
  body.v21-site .v9-pv-hero__content,
  body.v22-site .v9-pv-hero__content{
    padding-top:64px;
    padding-bottom:54px;
  }
}

/* V30: the primary page labels use one identical brand turquoise. */
body.v21-site :is(.v9-services-hero,.v10-house-hero,.v10-business-hero) .v9-kicker,
body.v22-site :is(.v9-services-hero,.v10-house-hero,.v10-business-hero) .v9-kicker{
  color:#37ac9a!important;
}