@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');
:root {

    /* Colors: */
    ---7e64a5: #7E64A5;
    ---006a94: #006A94;
    
    /* Font/text values */
    --unnamed-font-family-roboto: Roboto;
    --unnamed-font-style-normal: normal;
    --unnamed-font-weight-normal: normal;
    --unnamed-font-size-40-2962303161621: 40.2962303161621px;
    --unnamed-character-spacing-0: 0px;
    --unnamed-line-spacing-53: 53px;
    }
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: var(--unnamed-font-family-roboto);
    
}
body{
    font-size: 12px;
}
a{
    text-decoration: none;
}


.title__section{
    /*transform: matrix(0, -1, 1, 0, 0, 0);*/
    color: #7E64A5;
    font-size: 3.2rem;
}

.principal__back{
    background: linear-gradient(rgba(255,255,255,.6), rgba(255,255,255,.6)),
    url(../images/fondo\ unicare.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.second__back{
    background: rgba(255,255,255,.6);
}
@media (min-width: 768px) {
    body{
        font-size: 16px;
    }
 }
 @media (min-width: 1024px) {
    .title__section{
        transform: matrix(0, -1, 1, 0, 0, 0);
    }
    .container{
        padding-right: 10rem;
    }
  }
  .second__section{
    display: none;
  }
.noshow{
	color: rgba(0,0,0,0.0)
}