@import url("https://use.typekit.net/osx3dvd.css");
* {
    font-family:acumin-pro,sans-serif;
    font-style:normal;
    font-weight:400
}
h1,h2,h3,h4,h5,h6 {
    font-family:interstate-condensed,sans-serif;
    font-size:large;
    font-style:normal;
    font-weight:500;
    font-weight:700
}
h1 {
    color:#fff
}
strong {
    font-weight:700
}
em {
    font-weight:400
}
.strong__em {
    font-style:italic;
    font-weight:700
}
* {
    max-width: 100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box
    
}
body {
    color:#0c0c0c
}
blockquote,body,figure,h1,li,p,ul {
    margin:0;
    padding:0
}
h1 {
    font-size:clamp(1em,2em + 1vw,4em)
}
h2 {
    font-size:clamp(2em,2em + 1vw,1em)
}
h1,h2 {
    line-height:1em;
    text-transform:uppercase
}
strong {
    font-weight:600
}
em {
    font-style:italic
}
header {
    align-items:center
}
.header__cc,header {
    display:flex;
    height:10rem;
    width:100%
}
.header__cc {
    align-items:flex-end;
    background-position:50%;
    background-repeat:no-repeat
}
.header__cc:before {
    content:url(../image/header-circuito.svg);
    margin-left:-17.25rem;
    opacity:.3;
    position:absolute;
    width:32rem
}
@media screen and (max-width:1024px) {
    .header__cc:before {
        margin-left:-19.25rem
    }
}
@media screen and (max-width:760px) {
    .header__cc:before {
        margin-left:-21.25rem
    }
}
@media screen and (max-width:562px) {
    .header__cc:before {
        margin-left:-23.25rem
    }
}
header img {
    width:12rem
}
header h1 {
    align-self:flex-end;
    margin:0 14%
}
.header__cc___content {
    display:flex;
    height:100%;
    width:100%
}
main p {
    background:#fff;
    border-radius:.625rem;
    margin:1rem auto;
    max-width:45rem;
    padding:20px;
    width:100%
}
p~p {
    padding-top:0
}
p+ul,p~p {
    padding-bottom:0
}
ul+ul {
    padding-bottom:1rem
}
ul {
    margin-left:1rem
}
.container {
    height:100%;
    width:100%
}
.container__content {
    margin:auto;
    max-width:76.875rem;
    padding:1rem;
    width:100%
}
.container__content div.cards div.card {
    align-items:center;
    border-radius:1.2rem;
    border-style:solid;
    border-width:.125rem;
    display:flex;
    flex-direction:column;
    margin:2%;
    max-width:30rem;
    min-width:15rem;
    padding:1% 2%;
    width:100%
}
.footer__copyright {
    font-size:small;
    text-align:center
}
.hidden {
    display:none!important
}
a {
    text-decoration:none
}
a :hover {
    text-decoration:underline
}
.btn__container {
    width:100%
}
.btn,.btn__container {
    display:flex;
    justify-content:center
}
.btn {
    border-radius:.5rem;
    color:#fff;
    font-weight:600;
    line-height:2rem;
    margin:2%;
    max-width:12rem;
    padding:2% 3%
}
.btn__back:before,.btn__next:after {
    height:2rem;
    width:2rem
}
.btn__back:before {
    content:url(../image/arrow_back_FILL0_wght400_GRAD0_opsz48.svg)
}
.btn__next:after {
    content:url(../image/arrow_forward_FILL0_wght400_GRAD0_opsz48.svg)
}
@media screen and (min-width:0px) {
    .container.template__pdf .header__cc___content {
        background-size:40%
    }
}
@media screen and (min-width:761px) {
    .container.template__pdf .header__cc___content {
        background-size:25rem
    }
}
.container.template__pdf .header__cc___content {
    background-image:url(../image/header-pdf.svg);
    background-position-x:center;
    background-position-y:top;
    background-repeat:no-repeat
}
.container.template__pdf figure {
    padding:5% 0
}
.container.template__pdf video {
    margin:5% 0
}
.container.template__pdf .img__red,.container.template__pdf .video__red {
    border-radius:1rem;
    width:100%
}
.container.template__pdf .video__red___container {
    width:100%
}
@media screen and (min-width:0px) {
    .container.template__om .header__cc___content {
        background-size:35%
    }
}
@media screen and (min-width:761px) {
    .container.template__om .header__cc___content {
        background-size:15rem
    }
}
.container.template__om .header__cc___content {
    background-image:url(../image/header-om.svg);
    background-position-x:90%;
    background-position-y:top;
    background-repeat:no-repeat
}
.container.template__om figure {
    padding:5% 0
}
.container.template__om video {
    margin:5% 0
}
.container.template__om .img__red,.container.template__om .video__red {
    border-radius:1rem;
    width:100%
}
.container.template__om .video__red___container {
    width:100%
}
@media screen and (min-width:0px) {
    .container.template__video .header__cc___content {
        background-size:32%
    }
}
@media screen and (min-width:761px) {
    .container.template__video .header__cc___content {
        background-size:15rem
    }
}
.container.template__video .header__cc___content {
    background-image:url(../image/header-video.svg);
    background-position-x:75%;
    background-position-y:center;
    background-repeat:no-repeat
}
.container.template__video .container__content div.cards div.card {
    max-width:45rem
}
.container.template__video figure {
    padding:5% 0
}
.container.template__video video {
    margin:5% 0
}
.container.template__video .img__red,.container.template__video .video__red {
    border-radius:1rem;
    width:100%
}
.container.template__video .video__red___container {
    width:100%
}
button.on-off {
    border-style:solid;
    bottom:0;
    cursor:pointer;
    font-size:x-large;
    padding:.2rem 2rem .2rem 1rem;
    right:-1%;
    z-index:2
}
.copyright,button.on-off {
    border-bottom-left-radius:1rem;
    border-top-left-radius:1rem;
    color:#fff;
    position:fixed
}
.copyright {
    bottom:3rem;
    max-height:80%;
    max-width:20rem;
    overflow:auto;
    padding:1rem;
    right:-160%;
    text-transform:none;
    transition:right 1s;
    z-index:1
}
.open {
    right:0
}
.copyright ul {
    list-style:none;
    margin:0 1rem
}
.slide-top {
    animation:slide-top .5s ease-in-out .2s both
}
@keyframes slide-top {
    0% {
        opacity:0;
        transform:translateY(100%)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
.slide-left {
    animation:slide-left .5s ease-in-out .5s both
}
@keyframes slide-left {
    0% {
        opacity:0;
        transform:translateX(100%)
    }
    to {
        opacity:1;
        transform:translateX(0)
    }
}
.slide-right {
    animation:slide-right .5s ease-in-out both
}
@keyframes slide-right {
    0% {
        opacity:0;
        transform:translateX(-100%)
    }
    to {
        opacity:1;
        transform:translateX(0)
    }
}
.slide-bottom {
    animation:slide-bottom .5s ease-in-out both
}
@keyframes slide-bottom {
    0% {
        opacity:0;
        transform:translateY(-200%)
    }
    to {
        opacity:1;
        transform:translateY(0)
    }
}
.slide-opacity {
    animation:effect-opacity .5s ease-in-out 1s both
}
@keyframes effect-opacity {
    0% {
        opacity:0
    }
    to {
        opacity:1
    }
}
.card figure {
    text-align:center
}
.container__content div.cards {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%
}
.svg-pdf {
    height:8rem;
    width:6.25rem
}
.card__content {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    width:100%
}
.card__content a {
    display:flex;
    margin:10%
}
.theme__edf .header__cc {
    animation:AnimationName 11s ease infinite;
    background:linear-gradient(270deg,#8a2d85,#d9485b);
    background-size:400% 400%
}
.theme__edf button.on-off {
    background:#8a2d85;
    border-color:#8a2d85
}
.theme__edf a,.theme__edf figcaption {
    color:#8a2d85
}
.theme__edf a :hover {
    text-decoration:underline
}
.theme__edf .copyright {
    background:#8a2d85
}
.theme__edf .container__content main div.card {
    border-color:#d9485b
}
.theme__edf .btn {
    background:#8a2d85
}
.theme__ing .header__cc {
    animation:AnimationName 11s ease infinite;
    background:linear-gradient(270deg,#744593,#51af53);
    background-size:400% 400%
}
.theme__ing button.on-off {
    background:#744593;
    border-color:#744593
}
.theme__ing a,.theme__ing figcaption {
    color:#744593
}
.theme__ing a :hover {
    text-decoration:underline
}
.theme__ing .copyright {
    background:#744593
}
.theme__ing .container__content main div.card {
    border-color:#51af53
}
.theme__ing .btn {
    background:#744593
}
.theme__art .header__cc {
    animation:AnimationName 11s ease infinite;
    background:linear-gradient(270deg,#418ccb,#d94880);
    background-size:400% 400%
}
.theme__art button.on-off {
    background:#418ccb;
    border-color:#418ccb
}
.theme__art a,.theme__art figcaption {
    color:#418ccb
}
.theme__art a :hover {
    text-decoration:underline
}
.theme__art .copyright {
    background:#418ccb
}
.theme__art .container__content main div.card {
    border-color:#d94880
}
.theme__art .btn {
    background:#418ccb
}
.theme__geo .header__cc {
    animation:AnimationName 11s ease infinite;
    background:linear-gradient(270deg,#605f9e,#4db0c1);
    background-size:400% 400%
}
.theme__geo button.on-off {
    background:#605f9e;
    border-color:#605f9e
}
.theme__geo a,.theme__geo figcaption {
    color:#605f9e
}
.theme__geo a :hover {
    text-decoration:underline
}
.theme__geo .copyright {
    background:#605f9e
}
.theme__geo .container__content main div.card {
    border-color:#4db0c1
}
.theme__geo .btn {
    background:#605f9e
}
.theme__his .header__cc {
    animation:AnimationName 11s ease infinite;
    background:linear-gradient(270deg,#2db5bb,#ef8061);
    background-size:400% 400%
}
.theme__his button.on-off {
    background:#2db5bb;
    border-color:#2db5bb
}
.theme__his a,.theme__his figcaption {
    color:#2db5bb
}
.theme__his a :hover {
    text-decoration:underline
}
.theme__his .copyright {
    background:#2db5bb
}
.theme__his .container__content main div.card {
    border-color:#ef8061
}
.theme__his .btn {
    background:#2db5bb
}
.theme__cie .header__cc {
    animation:AnimationName 11s ease infinite;
    background:linear-gradient(270deg,#39ab55,#dd4384);
    background-size:400% 400%
}
.theme__cie button.on-off {
    background:#39ab55;
    border-color:#39ab55
}
.theme__cie a,.theme__cie figcaption {
    color:#39ab55
}
.theme__cie a :hover {
    text-decoration:underline
}
.theme__cie .copyright {
    background:#39ab55
}
.theme__cie .container__content main div.card {
    border-color:#dd4384
}
.theme__cie .btn {
    background:#39ab55
}
.theme__mat .header__cc {
    animation:AnimationName 11s ease infinite;
    background:linear-gradient(270deg,#3394d2,#9ac449);
    background-size:400% 400%
}
.theme__mat button.on-off {
    background:#3394d2;
    border-color:#3394d2
}
.theme__mat a,.theme__mat figcaption {
    color:#3394d2
}
.theme__mat a :hover {
    text-decoration:underline
}
.theme__mat .copyright {
    background:#3394d2
}
.theme__mat .container__content main div.card {
    border-color:#9ac449
}
.theme__mat .btn {
    background:#3394d2
}
.theme__por .header__cc {
    animation:AnimationName 11s ease infinite;
    background:linear-gradient(270deg,#e84a58,#5dc2d9);
    background-size:400% 400%
}
@keyframes AnimationName {
    0% {
        background-position:0 50%
    }
    50% {
        background-position:100% 50%
    }
    to {
        background-position:0 50%
    }
}
.theme__por button.on-off {
    background:#e84a58;
    border-color:#e84a58
}
.theme__por a,.theme__por figcaption {
    color:#e84a58
}
.theme__por a :hover {
    text-decoration:underline
}
.theme__por .copyright {
    background:#e84a58
}
.theme__por .container__content main div.card {
    border-color:#5dc2d9
}
.theme__por .btn {
    background:#e84a58
}
/*# sourceMappingURL=main.min.css.map */