page-modalvalorizacion {
  @media screen and (max-width: 849px) {
    modal-wrapper {
      position: absolute;
      width: 100%;
      height: 100%;
    }
    @media not all and (min-height: 600px) and (min-width: 768px) {
      ion-modal ion-backdrop {
        visibility: hidden;
      }
    }
    @media only screen and (min-height: 0px) and (min-width: 0px) {
      .modal-wrapper {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }
    }
    .main-view{
      background: transparent;
    }
    .overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      opacity: .5;
      background-color: #333;
    }
    .modal_content {
      display: block;
      position: relative;
      left: 0;
      right: 0;
      width: 100%;
      padding: 10px;
      z-index: 1;
      margin: 0 auto;
      padding: 2vw;
      background: #ffffff;
      border-radius: 5px;
      //overflow: hidden;
    }
  }

  // @media not all and (min-height: 600px){
  //   .overModal{
  //     // border: 1px solid red;
  //     position: absolute;
  //     border-radius: 100%;
  //     font-size: 3rem;
  //     width: 4rem;
  //     height: 4rem;
  //     // left: calc(26rem);
  //     // top: calc(-1.2rem);
  //     right: calc(-2%);
  //     top: -1%;
  //     background: map-get($colors, bck-pink) !important; /* Old browsers */
  //     background: -moz-linear-gradient(-45deg, map-get($colors, bck-pink) 0%, map-get($colors, bck-orange) 100%) !important; /* FF3.6-15 */
  //     background: -webkit-linear-gradient(-45deg, map-get($colors, bck-pink) 0%,map-get($colors, bck-orange) 100%) !important; /* Chrome10-25,Safari5.1-6 */
  //     background: linear-gradient(135deg, map-get($colors, bck-pink) 0%,map-get($colors, bck-orange) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
    
  //   }
  // }

  .fontQuestion{
    white-space: normal;
  }
  .fontTh{
    color: #25327B;
    font-weight: bold;
    font-size: 1.2rem;
  }
  .fontTd{
    white-space: normal;
    font-size: 1.2rem;
  }
  .fontTdd{
    white-space: normal;
    font-size: 1.2rem;
  }
  .fontR{
    font-size: 1.2rem;
  }
  .destacada{
    background: #FF5E00;
  }
  .persona{
    border: 2px solid #d2d6de;
    border-radius: 5px;
    width: 85%;
    // margin-left: 3rem;
  }
  textarea{
    width: 70%;
    height: 20vh;
    border: 1px solid #FF5E00;
    border-radius: 5px;
  }
  button{
    width: 70%;
    max-width: 20rem;
  }
  ul {
    padding: 0px;
  
    &.rating li {
      padding: 5px 10px !important;
      background: none;
      color: #ffb400;
  
      ion-icon {
        font-size: 30px;
      }
    }
  }

}
