/*
 * EVO-X MASTER PT-BR
 * Final responsive visual polish.
 * Visual layer only.
 */

@media (min-width:1101px){

  #hero.v12-hero{
    overflow:hidden;
  }

  #hero .v12-wrap.v12-hero-grid{
    width:min(100%,1440px);
    max-width:1440px;
  }

  #hero .v12-hero-actions,
  #hero .hero-actions{
    margin-bottom:24px;
  }

}


@media (min-width:769px) and (max-width:1100px){

  #hero .v12-wrap.v12-hero-grid{
    width:100%;
    max-width:none;
  }

}


@media (max-width:768px){

  .v12-header{
    --i9-header-h:76px !important;
    min-height:168px !important;
    height:168px !important;
  }

  body{
    padding-top:168px !important;
  }

  .v12-header .v12-brand{
    left:18px !important;
    top:43px !important;
    transform:none !important;
  }

  .v12-header .p93d-language,
  .v12-header .p93d-language-wrap{
    top:34px !important;
    right:70px !important;
    transform:none !important;
  }

  .v12-header .i9-header-journey-slot{
    left:16px !important;
    right:16px !important;
    top:104px !important;

    transform:none !important;

    width:auto !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
  }

  .v12-header .i9-header-journey-slot > nav,
  .v12-header .i9-header-journey-slot .p52-journey,
  .v12-header .i9-header-journey-slot .p93c-journey,
  .v12-header .i9-header-journey-slot .v12-journey{

    grid-template-columns:
      repeat(4,minmax(0,1fr)) !important;

    gap:6px !important;

    width:100% !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
  }

  .v12-header .i9-header-journey-slot a,
  .v12-header .i9-header-journey-slot a:hover,
  .v12-header .i9-header-journey-slot a:focus,
  .v12-header .i9-header-journey-slot a.current,
  .v12-header .i9-header-journey-slot a.i9-step-complete,
  .v12-header .i9-header-journey-slot a.i9-scroll-active{

    width:auto !important;
    min-width:0 !important;
    max-width:none !important;

    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;

    padding:0 5px !important;

    font-size:12px !important;
    line-height:1.05 !important;

    white-space:nowrap !important;
  }

  #hero.v12-hero{
    min-height:auto !important;
    height:auto !important;

    padding-top:26px !important;
    padding-bottom:32px !important;

    overflow:hidden;
  }

  #hero .v12-wrap.v12-hero-grid{
    width:100% !important;
    max-width:none !important;

    padding-left:24px !important;
    padding-right:24px !important;
  }

  #hero h1{
    font-size:
      clamp(42px,11.2vw,54px) !important;

    line-height:.96 !important;
    letter-spacing:-.045em !important;

    margin-bottom:20px !important;
  }

  #hero .v12-eyebrow{
    margin-bottom:16px !important;

    font-size:12px !important;
    line-height:1.25 !important;
    letter-spacing:.20em !important;
  }

  #hero .v12-lead,
  #hero .hero-lead,
  #hero p{
    font-size:17px !important;
    line-height:1.42 !important;
  }

  #hero .v12-hero-actions,
  #hero .hero-actions{
    margin-top:24px !important;
    margin-bottom:0 !important;

    gap:10px !important;
  }

  #hero .v12-btn{
    min-height:52px !important;

    padding:
      13px 22px !important;

    font-size:16px !important;
  }

}


@media (max-width:420px){

  .v12-header{
    --i9-header-h:76px !important;
    min-height:164px !important;
    height:164px !important;
  }

  body{
    padding-top:164px !important;
  }

  .v12-header .i9-header-journey-slot{
    top:101px !important;
  }

  #hero .v12-wrap.v12-hero-grid{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  #hero h1{
    font-size:
      clamp(40px,11vw,48px) !important;
  }

  #hero .v12-lead,
  #hero .hero-lead,
  #hero p{
    font-size:16px !important;
  }

}


@media (max-width:360px){

  .v12-header .i9-header-journey-slot a,
  .v12-header .i9-header-journey-slot a:hover,
  .v12-header .i9-header-journey-slot a:focus,
  .v12-header .i9-header-journey-slot a.current,
  .v12-header .i9-header-journey-slot a.i9-step-complete,
  .v12-header .i9-header-journey-slot a.i9-scroll-active{

    font-size:11px !important;
    padding:0 3px !important;
  }

  #hero h1{
    font-size:39px !important;
  }

}


/* ==========================================================
   EVO-X 10H-02.1
   HERO COPY SAFE POSITION
   ========================================================== */

#hero .v12-hero-copy,
#hero .hero-copy {
  position:relative !important;
  top:auto !important;
  bottom:auto !important;
  transform:none !important;
}


/* Desktop */
@media (min-width:769px){

  #hero .v12-wrap.v12-hero-grid{
    align-items:center !important;
  }

  #hero .v12-hero-copy,
  #hero .hero-copy{
    margin-top:0 !important;
    padding-top:28px !important;
    padding-bottom:36px !important;
  }

}


/* Mobile */
@media (max-width:768px){

  #hero .v12-hero-copy,
  #hero .hero-copy{
    margin-top:0 !important;
    padding-top:18px !important;
    padding-bottom:26px !important;
  }

  #hero h1{
    margin-top:0 !important;
  }

}