.projects,.certificates{& .section__filter{font-size:1.2rem}& .section__filter input[type="checkbox"]{accent-color:var(--principal-color);width:1.1rem;height:1.1rem}& .empty{grid-column:1/-1}}.about img,.projects .icon-language,.services .section__icons img{filter:invert(1);-webkit-filter:invert(1)}.about{display:flex;justify-content:center;align-items:center;& .section__box{max-width:450px;min-height:200px!important;height:fit-content;margin:0 auto;font-size:clamp(1rem,2.5vw,1.5rem)}& .section__box:hover p:first-of-type{display:none}& .section__box:hover .hidden{display:block}& img{width:3rem;height:3rem}& .container__buttons{font-weight:700;display:grid;grid-template-columns:repeat(2,1fr);place-items:center;gap:1rem;margin:0 auto}& .section__button{padding:.5rem;font-size:2rem;grid-column:1 span;text-align:center}& #radioContainer{grid-column:1/3;grid-row:1/1;display:flex;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap}& input[type="radio"],#grillAboutCheckbox{accent-color:var(--principal-color)}}@media (min-width:596px){.about{& .container__buttons{grid-template-columns:repeat(3,1fr)}& .section__button{padding:1rem}& #radioContainer{grid-column:2/3}& input[type="radio"],#grillAboutCheckbox{width:1.5rem;height:1.5rem}}}.projects{& .icon-language{width:2rem;height:2rem}& .section__box{grid-template-columns:repeat(2,1fr)}& .section__box>*:not(.chevron-top-left,.chevron-top-right){grid-column:1 / 3}& .section__button{padding:1rem 0}}@media (min-width:476px){.projects{grid-template-columns:1fr;grid-template-rows:auto;grid-auto-rows:minmax(auto,300px);& .section__box{grid-template-columns:repeat(2,1fr);grid-template-areas:"img img" "title title" "para para" "date date" "btn1 btn2";& .section__box__img{height:100%;grid-area:img}& .section__title{grid-area:title}& .section__date{grid-area:date}& .section__description{grid-area:para}& .section__button{grid-column:1 span}}}}@media (min-width:768px){.projects{padding:2rem;& .section__box{grid-template-columns:2fr 1fr 1fr;grid-template-areas:"img title title" "img para para" "img date date" "img btn1 btn2";& .section__box__img{mask-image:linear-gradient(to right,var(--black)90%,transparent)}}}}@media (min-width:1140px){.projects{grid-template-columns:1fr 1fr;& .section__filter{grid-column:1/3}}}.certificates{grid-template-columns:minmax(150px,250px);& .section__filter{grid-column:1/-1}& ul{list-style:none;padding:0}& details{width:100%;text-align:center}& .section__box{grid-template-columns:repeat(2,1fr);&>*{grid-column:2 span}& a{grid-column:2 span;padding:.5rem 0}}}@media (min-width:768px){.certificates{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.services{& .services__subtitle{grid-column:1/-1;text-align:center}& .section__icons img{width:2.5rem;height:2.5rem}}.modalUp{font-size:1.2rem;position:absolute!important;z-index:1;width:100%;min-height:50%;left:50%!important;top:0!important;transform:translate(-50%)!important;-webkit-transform:translate(-50%)!important;-moz-transform:translate(-50%)!important;-ms-transform:translate(-50%)!important;-o-transform:translate(-50%)!important;& img{width:4.5rem!important}}.hoverCard:hover::after{cursor:pointer;content:"Ver mas";position:absolute;color:gray;font-size:1.5rem;width:100%;text-align:center}.closeCardService{all:unset;position:absolute;cursor:pointer;z-index:2;top:1rem;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:var(--principal-color);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}@media (min-width:576px){.services{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.modalUp{max-width:450px}}.contact{& p{word-break:break-all}& .socials svg{width:2rem;height:2rem}& input,textarea{background-color:var(--white,white);color:var(--black,black)}}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border:1px solid var(--lighGray);-webkit-text-fill-color:var(--lighGray);-webkit-box-shadow:0 0 0 1000px var(--black) inset;transition:background-color 5000s ease-in-out 0s;-webkit-transition:background-color 5000s ease-in-out 0s;-moz-transition:background-color 5000s ease-in-out 0s;-ms-transition:background-color 5000s ease-in-out 0s;-o-transition:background-color 5000s ease-in-out 0s}