/* Resultados entre fases: composição exclusiva para mobile em orientação horizontal. */
@media (orientation:landscape) and (hover:none) and (pointer:coarse){
  .campaignResult.resultProfessional,
  .campaignResult.resultProfessional.resultFailure{
    box-sizing:border-box;
    inset:50% auto auto 50%;
    width:min(760px,94%);
    height:min(244px,90%);
    min-height:0;
    max-height:none;
    padding:22px 24px 20px 41%;
    overflow:hidden;
    border-radius:22px;
    transform:translate(-50%,-50%);
  }

  .campaignResult.resultProfessional:before,
  .campaignResult.resultProfessional.resultFailure:before{
    inset:0 auto 0 0;
    width:36%;
    height:auto;
    background-position:72% center;
    background-size:cover;
    box-shadow:10px 0 24px #07539425;
  }

  .campaignResult.resultProfessional:after,
  .campaignResult.resultProfessional.resultFailure:after{
    left:calc(18% - 29px);
    top:calc(50% - 29px);
    width:58px;
    height:58px;
    border-width:4px;
    font-size:29px;
  }

  .campaignResult.resultProfessional>small{
    margin:0 0 7px;
    padding:5px 9px;
    font-size:8px;
  }

  .campaignResult.resultProfessional h2,
  .campaignResult.resultProfessional.resultFailure h2{
    max-width:none;
    margin:0;
    font-size:clamp(25px,4.6vw,36px);
    line-height:.98;
  }

  .campaignResult.resultProfessional.resultFailure h2:after{
    max-width:390px;
    margin-top:5px;
    font-size:9px;
    line-height:1.25;
  }

  .campaignResult.resultProfessional p,
  .campaignResult.resultProfessional.resultFailure p{
    margin:10px 0 12px;
    padding:8px 11px;
    font-size:10px;
    line-height:1.15;
  }

  .campaignResult.resultProfessional>div:not(.failureScene){
    display:flex;
    flex-wrap:nowrap;
    gap:8px;
  }

  .campaignResult.resultProfessional button{
    min-height:36px;
    padding:0 12px;
    border-radius:11px;
    font-size:8px;
    white-space:nowrap;
  }

  .campaignResult.resultProfessional.resultFailure .failureScene{
    inset:0 auto 0 0;
    width:36%;
    height:auto;
  }

  .campaignResult.resultProfessional.resultFailure:after{
    left:calc(18% - 29px);
    top:22px;
  }

  .failureLighthouse{
    left:4%;
    bottom:-18%;
    width:55%;
    height:80%;
  }

  .failureBoat{
    right:5%;
    bottom:23%;
    width:62px;
    height:38px;
  }

  .failureScene>b{
    left:14px;
    right:auto;
    bottom:12px;
    padding:5px 8px;
    font-size:7px;
  }

  .warningHalo{
    left:calc(50% - 52px);
    top:-5px;
    width:104px;
    height:104px;
  }
}

@media (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:390px){
  .campaignResult.resultProfessional,
  .campaignResult.resultProfessional.resultFailure{
    height:min(228px,88%);
    padding:16px 20px 15px 40%;
  }

  .campaignResult.resultProfessional>small{margin-bottom:5px;padding:4px 8px}
  .campaignResult.resultProfessional h2,
  .campaignResult.resultProfessional.resultFailure h2{font-size:clamp(23px,4.2vw,31px)}
  .campaignResult.resultProfessional.resultFailure h2:after{font-size:8px}
  .campaignResult.resultProfessional p,
  .campaignResult.resultProfessional.resultFailure p{margin:7px 0 9px;padding:7px 9px}
  .campaignResult.resultProfessional button{min-height:33px;padding:0 10px;font-size:7px}
}