:root{--white-color:#fff;--black-color:#000}.expand-card-container{flex-direction:column;row-gap:1.5rem;width:100%;height:600px;margin-top:1.5rem;margin-bottom:2rem;display:flex}.card__article{cursor:pointer;background:#1a1a1a;border-radius:2rem;flex:1;transition:flex .7s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.card__img,.card__shadow{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.card__img{object-fit:cover;object-position:center;opacity:.6;transition:transform .8s,opacity .4s}.card__shadow{background:linear-gradient(#0000 50%,#000000b3 100%)}.card__data{opacity:0;pointer-events:none;align-items:center;column-gap:1rem;transition:opacity .5s,transform .5s;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;transform:translateY(1.5rem)}.card__icon{background-color:var(--white-color);width:48px;height:48px;color:var(--black-color);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.5rem;display:grid}.card__title{color:var(--white-color);text-shadow:0 4px 8px #0009;margin:0;font-size:1.25rem;font-weight:800}.card__article.is-active{flex:8}.card__article.is-active .card__img{opacity:1}.card__article.is-active .card__data{opacity:1;transform:translateY(0)}.card__article:hover .card__img{transform:scale(1.1)}@media (min-width:768px){.expand-card-container{flex-direction:row;column-gap:1.5rem;height:500px}}
:root{--header-height:3.5rem;--first-color:#0f0;--black-color:#000;--white-color:#fff;--nav-shadow:0 4px 16px #0000004d;--body-font:"Montserrat", sans-serif;--normal-font-size:.938rem;--small-font-size:.813rem}@media screen and (min-width:1150px){:root{--normal-font-size:1rem;--small-font-size:.875rem}}.header-nav{z-index:1000;width:calc(100% - 2rem);max-width:1200px;transition:transform .4s,opacity .4s;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.nav--hidden{opacity:0;transform:translate(-50%,-200%)}.nav{height:var(--header-height);background-color:var(--black-color);box-shadow:var(--nav-shadow);border:1px solid #0f03;border-radius:4rem;justify-content:space-between;align-items:center;padding:.5rem 1rem .5rem .5rem;display:flex}.nav__logo{background-color:var(--white-color);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.nav__logo i{color:#000;font-size:1.5rem;transition:transform .6s}.nav__logo:hover i{transform:rotateY(-360deg)}.nav__buttons{flex-shrink:0;align-items:center;column-gap:.5rem;display:flex}.nav__email{background-color:var(--white-color);color:var(--black-color);font:500 var(--small-font-size) var(--body-font);cursor:pointer;border-radius:4rem;place-items:center;padding:.75rem 1rem;display:grid;position:relative;overflow:hidden}.nav__email span{transition:transform .2s}.nav__email span:nth-child(2){position:absolute;transform:translateY(200%)}.nav__email:hover span:first-child{transform:translateY(-200%)}.nav__email:hover span:nth-child(2){transform:translateY(0)}.nav__toggle{width:32px;height:32px;color:var(--white-color);cursor:pointer;background:0 0;border:none;place-items:center;font-size:1.5rem;display:grid;position:relative}.nav__burger,.nav__close{transition:opacity .3s,transform .4s;position:absolute}.nav__close{opacity:0}@media screen and (max-width:1150px){.nav__menu{background-color:var(--black-color);box-shadow:var(--nav-shadow);opacity:0;pointer-events:none;border:1px solid #0f03;border-radius:2rem;margin-inline:1rem;padding-block:4rem;transition:transform .4s,opacity .3s;position:fixed;top:1.5rem;left:0;right:0;transform:translateY(-20%)}}.nav__list{text-align:center;flex-direction:column;align-items:center;row-gap:1.5rem;list-style:none;display:flex}.nav__link{color:var(--white-color);place-items:center;font-weight:600;display:grid;position:relative;overflow:hidden}.nav__link span{transition:transform .4s}.nav__link span:nth-child(2){position:absolute;transform:translateY(150%)}.nav__link:hover span:first-child{transform:translateY(-150%)}.nav__link:hover span:nth-child(2){transform:translateY(0)}.nav__menu.show-menu{opacity:1;pointer-events:initial;transform:translateY(5rem)}.nav__toggle.show-icon .nav__burger{opacity:0;transform:rotate(-90deg)}.nav__toggle.show-icon .nav__close{opacity:1;transform:rotate(-90deg)}@media screen and (min-width:1150px){.header-nav{max-width:1300px;top:2.5rem}.nav{height:calc(var(--header-height) + 1.5rem);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.nav__logo{width:56px;height:56px}.nav__logo i{font-size:2rem}.nav__menu{justify-content:center;width:auto;display:flex;position:absolute;left:50%;transform:translate(-50%)}.nav__list{flex-direction:row;column-gap:2rem}.nav__email{font-size:var(--normal-font-size)}.nav__toggle{display:none}}