:root{--page-width:1170px;--default-font:"Inter", sans-serif;--headings-font:"Space Grotesk",
        sans-serif;--black:#000;--white:#fff;--grey:#393C4B;--grey-400:#868DA0;--green:#5BD604;--skyblue:#08A8EA;--fz-display-1:48px;--fw-display-1:400;--fz-h1:48px;--fw-h1:700;--lh-h1:1.208;--fz-h2:40px;--fw-h2:700;--lh-h2:1.2;--fz-h5:20px;--fw-h5:700;--lh-h5:1.2;--fz-h6:18px;--fw-h6:700;--lh-h6:1.166}*{box-sizing:border-box}body{margin:0}ul{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}img{height:auto}img,video{max-width:100%}figure{margin:0;padding:0}.navigation{&.pagination{.screen-reader-text{display:none}.nav-links{text-align:center;margin:30px 0;display:flex;gap:10px;justify-content:center}.page-numbers{height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:solid 1px #000;transition:all 300ms;&:hover{background-color:#000;color:#fff}&.prev,&.next{font-size:0;background-size:20px auto;background-repeat:no-repeat;background-position:center center;border-color:#fff;filter:invert(10);&:hover{filter:invert(0);background-color:#000}}&.prev{background-image:url(/wp-content/themes/xfitnex/images/icon-arrow-left-carousel.svg)}&.next{background-image:url(/wp-content/themes/xfitnex/images/icon-arrow-right-carousel.svg)}&.current{background-color:#000;color:#fff}}}}.fade-in{@supports (animation-timeline:view()){filter:grayscale(1);transform:scale(.7);animation:appear 1s ease forwards;animation-timeline:view(0% -110%);animation-range:contain;animation-fill-mode:forwards}}@keyframes appear{100%{filter:grayscale(0);transform:scale(1)}}.search-class-form{display:flex;align-items:end;justify-content:space-between;@media (width < 768px){flex-direction:column;align-items:stretch;gap:10px}label{display:block;color:#494C62;font-size:12px;line-height:21px;padding-left:30px}>div{&:first-child{width:40%;@media (width < 768px){width:auto}}&:nth-child(2),&:nth-child(3){width:20%;@media (width < 768px){width:auto}}}input,select{width:100%;background-color:#fff0;border:none;padding:5px 5px 10px 30px;border-bottom:solid 1px #666D8A;outline:none}.ubicacion{background-image:url(/wp-content/themes/xfitnex/images/icon-marker-xs.svg);background-repeat:no-repeat;background-position:6px 3px}.programa{background-image:url(/wp-content/themes/xfitnex/images/icon-thunder-xs.svg);background-repeat:no-repeat;background-position:6px 3px}.turno{background-image:url(/wp-content/themes/xfitnex/images/icon-clock-xs.svg);background-repeat:no-repeat;background-position:6px 3px}}.wp-block-gallery{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px!important;figure{aspect-ratio:1 / 1;img{width:100%;height:100%;object-fit:cover;border:solid 2px #fff0;transition:border-color 300ms;cursor:pointer;border-radius:16px;&:hover{border-color:#000}}}}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;font-family:var(--headings-font);text-transform:uppercase}.banner{position:relative;overflow:hidden;border-radius:16px;padding:64px;min-height:460px;margin:64px 0;color:var(--white);display:grid;grid-template-columns:4fr 6fr;align-items:center;background-size:cover;background-position:bottom right;&::before{content:none;display:block;position:absolute;inset:0;background:#000;opacity:.3;@media (width < 1024px){content:""}}>div{position:relative}h3{margin:0}p{margin:32px 0}@media (width < 1024px){padding:120px 32px;display:grid;grid-template-columns:1fr;text-align:center;background-position:bottom right 20%}}.archive-header{background-image:linear-gradient(118deg,#D4F4BD 1.68%,#BDF4CC 92.42%);padding-top:64px;padding-bottom:48px;margin-bottom:48px}.card-curso{border-radius:12px;border:solid 1px #D3D6DE;padding:20px;display:grid;margin-bottom:24px;align-items:center;transition:border 300ms;gap:16px;@media (width>968px){grid-template-columns:1fr 3fr 1fr;gap:0;padding:20px 64px}&:hover{border-color:#000;.cta{@media (width>968px){translate:30px}}}.cta{transition:all 300ms;@media (width <=968px){width:100%}}>div:first-child{text-align:center;@media (width <=968px){display:flex;align-items:center;justify-content:space-between;border-bottom:solid 1px #D3D6DE}}.card-curso__middle{display:flex;gap:20px;@media (width>968px){padding-left:40px;border-left:solid 1px #D3D6DE}}.card-curso__end{display:flex;justify-content:center}h2{margin:0}.card-curso__ubi{display:flex;align-items:start;gap:4px;img{position:relative;top:3px}}.avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;aspect-ratio:1}.dia{display:flex;gap:6px;margin-bottom:26px;margin-top:12px;span{border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;&.selected{background-color:#B4EC8C}}}}#modal{display:none;justify-content:center;align-items:center;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#3A3D4ACC;.close{color:#fff;float:right;font-size:28px;font-weight:700;position:absolute;right:0;bottom:100%}.close:hover,.close:focus{color:#d9d9d9;text-decoration:none;cursor:pointer}.modal-content{width:1120px;max-width:calc(100% - 30px);.modal-body{position:relative;padding-bottom:56.25%;height:0;&.modal-body--gallery{height:auto;padding:0}}iframe{border:none;display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px}img{display:block;max-width:100%;max-height:100%;margin:auto;height:auto}}}.menu-visible{@media (width < 540px){overflow:hidden}}.opinions{padding:100px 0;.container{display:flex;justify-content:space-between;align-items:center}.container-opinions{max-width:calc(var(--page-width) + calc((100vw - var(--page-width)) / 2));margin-left:auto;padding:0 0 0 15px}.swiper-slide{padding:32px;border-radius:16px;background:linear-gradient(118deg,#D4F4BD 1.68%,#BDF4CC 92.42%);blockquote{margin:0}img{display:block;margin-bottom:32px}time{color:rgb(65 152 3)}}.arrows{width:108px;justify-content:space-between;display:flex;@media (width < 540px){display:none}}.swiper-button-prev,.swiper-button-next{display:inline-flex;justify-content:center;align-items:center;height:48px;width:48px;border-radius:50%;border:solid 1px #fff;position:static;filter:invert(1);&::after{content:none}}}.course-video{.container{.video-wrapper{border:solid 1px rgb(211 214 222);padding-bottom:56.25%;position:relative;height:0;border-radius:16px;overflow:hidden}iframe{border:none;border-radius:16px;overflow:hidden;position:absolute;top:0;left:0;display:block;width:calc(100% - 80px);height:calc(100% - 80px);margin:40px;@media (width < 768px){width:calc(100% - 32px);height:calc(100% - 32px);margin:16px}}}}.course-hero{margin-bottom:100px;.container{display:flex;gap:24px;@media (width < 768px){flex-direction:column}}.course-hero__slideshow{width:57%;@media (width < 768px){width:auto}}.course-hero__content{border-radius:16px;padding:40px;border:solid 1px rgb(211 214 222)}.program{display:inline-block;background-color:#000;color:#fff;padding:10px;border-radius:6px;line-height:1;margin-bottom:20px}.metalist{display:grid;gap:32px;margin-bottom:90px;li{display:flex;align-items:start;gap:12px;div{display:flex;flex-direction:column;span:first-child{color:rgb(134 141 160);line-height:1;margin-bottom:4px}span:last-child{color:rgb(57 60 75)}}}}}.instructor-card{margin-bottom:32px;.container{.content{padding:40px;border-radius:16px;border:solid 1px rgb(211 214 222)}}.tag{display:inline-block;background-color:#000;color:#fff;padding:10px;border-radius:6px;line-height:1}.instructor-card__header{display:flex;gap:12px;margin:32px 0 42px;align-items:center;img{width:80px;height:80px;object-fit:cover;border-radius:50%}h2{margin:0}}.instructor-card__footer{display:flex;justify-content:space-between;@media (width < 540px){flex-direction:column;gap:16px}}.metalist{display:flex;align-items:center;gap:32px;@media (width < 540px){flex-direction:column;gap:16px;align-items:start}li{display:flex;align-items:center;gap:6px}}.socials{display:flex;gap:24px}}.hero{margin:0 15px;overflow:hidden;border-radius:16px;height:460px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;&::before{content:"";display:block;background-color:var(--black);opacity:.4;inset:0;position:absolute;z-index:1}img{height:100%;width:100%;object-fit:cover;object-position:top center;position:absolute;inset:0}.container{max-width:800px}.hero__body{position:relative;z-index:1;color:var(--white)}}.related-posts{padding-top:80px;h2{text-align:center}}.carousel{max-width:1800px;margin:0 auto;overflow:hidden;border-radius:10px;@media (width < 1900px){margin:0 15px}.carousel__media{position:absolute;inset:0;&::after{content:"";position:absolute;display:block;left:0;right:0;bottom:0;height:80%;background-image:linear-gradient(to top,rgba(0 0 0 /1.0),rgba(0 0 0 /0))}video,img{position:absolute;inset:0;object-fit:cover;object-position:center center;width:100%;height:100%}}.carousel__body{width:50%;height:680px;display:flex;flex-direction:column;justify-content:end;align-items:flex-start;padding:40px 64px;position:relative;z-index:1;color:#fff;transform:translateY(30%);opacity:0;transition:transform 1.2s ease-out,opacity 1.2s ease-out;@media (width < 540px){width:auto;padding:64px 40px}}.swiper-slide-active{.carousel__body{transform:translateY(0%);opacity:1}}h2{margin-bottom:0}p{margin-bottom:40px}.swiper-pagination{bottom:10px}.swiper-pagination-bullet{width:64px;height:4px;border-radius:4px;background:rgba(255 255 255 / .5);opacity:1;overflow:hidden;position:relative}.swiper-pagination-bullet::before{content:'';position:absolute;top:0;left:0;height:100%;background:#fff;width:var(--progress)}.swiper-pagination-bullet-active::before{width:var(--progress)}.arrows{position:absolute;width:108px;justify-content:space-between;display:flex;right:48px;bottom:84px;@media (width < 540px){display:none}}.swiper-pagination{text-align:right;width:auto;right:48px;bottom:48px;@media (width < 540px){bottom:24px;right:auto;width:100%;text-align:center}}.swiper-button-prev,.swiper-button-next{display:inline-flex;justify-content:center;align-items:center;height:48px;width:48px;border-radius:50%;background-color:rgba(255 255 255/0.15);position:static;&::after{content:none}}}.body-12-400{font-size:12px;line-height:1.75;font-weight:400;font-style:normal}.body-tag{font-size:16px;font-weight:600}.body-16-400{font-size:16px;line-height:1.68;font-weight:400;@media (width < 540px){font-size:14px;line-height:1.7142}}.body-16-600{font-size:16px;line-height:1.68;font-weight:600}.body-18-400{font-size:18px;line-height:1.666;font-weight:400}.body-14-400{font-size:14px;line-height:1.7142;font-weight:400;font-style:normal}.body-14-700{font-size:14px;line-height:1.714;font-weight:700;font-style:normal}.body-14-600{font-size:14px;line-height:1.714;font-weight:600;font-style:normal}.h1{font-size:var(--fz-h1);font-weight:var(--fw-h1);line-height:var(--lh-h1);@media (width < 540px){font-size:32px}}.h2{font-size:var(--fz-h2);font-weight:var(--fw-h2);line-height:var(--lh-h2);@media (width < 540px){font-size:32px}}.h6{font-size:var(--fz-h6);font-weight:var(--fw-h6);line-height:var(--lh-h6)}.display-24-400{font-size:24px;font-weight:400;line-height:1.5x}body{font-family:var(--default-font);color:var(--black)}.container{max-width:var(--page-width);margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}.cta{border:solid 1.5px;border-radius:8px;text-decoration:none;color:inherit;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;transition:background-color 300ms,color 300ms;gap:6px;cursor:pointer;img{transform:filter 300ms}&:hover{background-color:var(--black);border-color:var(--black);color:#fff;img{filter:invert(1)}}&.cta--dark{padding:18px 32px;border-radius:12px;background-color:var(--black);color:#fff;border:solid 1px var(--black);&:hover{background-color:var(--grey);img{filter:invert(0)}}&.invert{filter:invert(1)}}&.cta--carousel{background-color:var(--green);color:var(--black);border:none;padding:18px 32px;img{filter:invert(1)}&.cta--sm{padding:10px 16px}&.cta--full{width:100%}&:hover{background-color:var(--black);color:#fff;img{filter:invert(0)}}}}.post{.wp-post-image{margin:0 auto;display:block;height:auto;max-height:50vh;width:100%;object-fit:cover;object-position:top center}.post__category{margin-bottom:48px;a{background-color:rgb(232 249 220);display:inline-block;color:rgb(65 152 3);font-size:10px;font-weight:600;border-radius:100px;padding:8px 12px;text-transform:uppercase}}.post__content{max-width:822px;padding:0 15px;margin:80px auto}.post__meta{display:flex;align-items:center;gap:8px;.author{font-weight:600;display:inherit;align-items:inherit;gap:12px;img{border-radius:50%}}}.wysiwyg{.wp-block-heading{text-transform:inherit}h2{font-size:20px;line-height:1.7;font-weight:600;margin:72px 0 40px}p{font-size:16px;line-height:1.6875}.wp-block-pullquote{margin:0;border-top:solid 1px rgb(211 214 222);border-bottom:solid 1px rgb(211 214 222);blockquote{margin:48px 0;padding-left:80px;background-image:url(/wp-content/themes/xfitnex/images/icon-quotes.svg);background-repeat:no-repeat;p{font-size:24px;line-height:1.5}cite{font-size:12px;font-style:normal;display:flex;flex-direction:column;strong{display:block}}}}.wp-block-embed__wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:30px;>iframe[src*="youtube"]{position:absolute;width:100%;height:100%;left:0;top:0}}}}.header{position:sticky;top:0;z-index:10;padding:23px 0;&::before{position:absolute;content:"";background-color:#fff;inset:0}.container{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.logo{position:relative;z-index:2;width:150px;width:150px;height:46px;overflow:visible;margin-right:20px;@media (width < 540px){width:100px}svg{width:100%;height:auto;width:100%;height:100%;display:block}}nav{display:flex;align-items:center;flex-grow:1;margin-left:40px;justify-content:space-between;transition:transform 300ms;@media (width < 540px){flex-direction:column;justify-content:start;align-items:stretch;position:fixed;inset:0;margin:0;padding:15px;background-color:var(--white);transform:translateX(100%);&.visible{transform:translateX(0%)}}}.menu{display:flex;list-style:none;gap:24px;@media (width < 540px){flex-direction:column;margin:59px 0 0;gap:0}a{text-decoration:none;color:inherit;display:block;padding:3px 4px;&::after{content:"";display:block;height:2px;background-color:var(--grey);transform:scaleX(0);transform-origin:right center;transition:transform 300ms}&:hover{color:var(--grey);&::after{transform-origin:left center;transform:scaleX(1)}}@media (width < 540px){padding:14px 0;border-bottom:solid 1px var(--grey-400)!important;&::after{content:none}}}.current-menu-item{a{border-bottom-color:inherit;&::after{transform:scaleX(1)}}}}.cta--sm{display:none;margin:auto 0 10px;@media (width < 540px){display:inline-flex}}.socials{display:none;@media (width < 540px){display:flex;justify-content:center;gap:30px;padding:15px 0}}}.search-results,.tax-programa,.single-curso{.menu{.menu-item-120{a{&::after{transform:scaleX(1);@media (width < 540px){content:none}}}}}}.category,.single-post{.menu{.menu-item-14{a{&::after{transform:scaleX(1);@media (width < 540px){content:none}}}}}}.admin-bar{.visible{.menu{@media (width < 540px){margin-top:100px}}}}.programs{display:flex;padding:64px 0;@media (width < 540px){flex-direction:column-reverse}>div{width:50%;overflow:hidden;@media (width < 540px){width:auto}}#carousel-left{width:calc(var(--page-width) / 2);margin-left:auto;margin-right:0;padding:56px 64px;height:100%;@media (width < 540px){padding:56px 15px;width:100%}.swiper-slide{background-color:#fff;height:auto}.tag{background-color:var(--black);color:var(--white);border-radius:8px;padding:7px 10px;display:inline-block;margin-bottom:30px}.h2 span{color:var(--grey-400)}}.arrows{width:108px;justify-content:space-between;display:flex;@media (width < 540px){display:none}}.swiper-button-prev,.swiper-button-next{display:inline-flex;justify-content:center;align-items:center;height:48px;width:48px;border-radius:50%;border:solid 1px #fff;position:static;filter:invert(1);&::after{content:none}}#carousel-right{width:80%;margin:0;overflow:visible;@media (width < 540px){margin:0 15px}.swiper-slide{border-radius:15px;overflow:hidden;height:700px;@media (width < 540px){height:380px}&:hover{.poster{scale:1.15}button{translate:0 0}}}.poster{width:100%;height:100%;display:block;object-fit:cover;transition:scale 300ms}.logo{position:absolute;left:40px;bottom:25px}button{width:60px;height:60px;display:flex;justify-content:center;align-items:center;border:none;position:absolute;background-color:#fff0;right:15px;bottom:15px;translate:0 130%;transition:translate 300ms;cursor:pointer;color:#fff;@media (width < 540px){translate:0}&:hover{&::before,&::after{top:-10px;left:-10px}&::after{box-shadow:3px 3px 0 var(--skyblue),6px 6px 0 var(--green)}}&::before{content:"";display:block;width:0;height:0;border:solid 10px #fff0;border-left-color:#000;transform:translateX(8px) scaleY(.8);position:relative;z-index:1;top:0;left:0;transition:top 300ms,left 300ms}&::after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;border-radius:50%;background-color:#fff;border:solid 1px #000;box-shadow:0 0 0 var(--skyblue),0 0 0 var(--green);transition:top 300ms,left 300ms,box-shadow 300ms}span{position:absolute;right:120%;font-weight:700;display:block;white-space:nowrap;@media (width < 540px){display:none}}}}}.testimonials{padding:80px 0;text-align:center;.swiper{max-width:792px;margin-left:auto;margin-right:auto}blockquote{padding-bottom:60px;cite{display:flex;flex-direction:column;align-items:center;h4{margin-bottom:0}}}.swiper-pagination{bottom:0}.swiper-pagination-bullet{width:64px;height:4px;border-radius:4px;background:#D3D6DE;opacity:1;overflow:hidden;position:relative}.swiper-pagination-bullet::before{content:'';position:absolute;top:0;left:0;height:100%;background:#000;width:var(--progress)}.swiper-pagination-bullet-active::before{width:var(--progress)}}.flyer{padding:64px 0;.container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;background-image:linear-gradient(118deg,#D4F4BD 1.68%,#BDF4CC 92.42%);align-items:center;border-radius:16px;@media (width < 540px){grid-template-columns:1fr;margin:0 15px}&.error{background-color:#000;background-image:url(https://xfitnex.com/wp-content/uploads/2025/02/error_001.gif);background-size:calc(100% + 150px);background-position:center right -150px;background-repeat:no-repeat;h2,p{color:var(--white)}}}.flyer__body{padding:64px;@media (width < 540px){padding:32px 15px;6567y}}img{display:block}}.stats{padding:40px 0;.container{border-radius:16px;display:grid;grid-template-columns:repeat(5,1fr);gap:50px;@media (width < 540px){grid-template-columns:1fr;gap:32px}.stats__item{display:flex;flex-direction:column;align-items:center}.stats__number{font-size:var(--fz-display-1);font-weight:var(--fw-display-1)}}}.classes-finder{text-align:center;padding:100px 0;.classes-finder__form{display:flex;justify-content:center;gap:12px;@media (width < 540px){flex-direction:column}input{border:solid 1px;border-radius:12px;font-size:16px;line-height:27px;padding:16px 44px;width:458px;background-image:url(/wp-content/themes/xfitnex/images/icon-pin.svg);background-repeat:no-repeat;background-position:center left 15px;@media (width < 540px){width:auto}}}}.about-us{&.inner{}.container{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;align-items:center;padding-top:64px;padding-bottom:64px;@media (width < 540px){grid-template-columns:1fr}img{border-radius:16px}.about-us__body{padding:64px;@media (width < 540px){padding:0}}ul{list-style:none;padding:0;li{position:relative;padding-left:40px}img{position:absolute;left:0}}&+.container{@media (width>768px){>:first-child{order:1}}}}}.burger{position:relative;display:none;flex-direction:column;width:24px;height:20px;padding:0;background-color:#fff0;border:none;cursor:pointer;justify-content:space-around;align-items:end;@media (width < 540px){display:flex;position:relative;z-index:2}span{display:block;height:2px;background-color:var(--black);width:100%;transition:width 200ms,top 200ms,rotate 200ms;&:nth-child(2){width:80%}&:nth-child(3){width:60%}}}.menu-visible{.burger{span{&:nth-child(1){position:absolute;top:50%;rotate:-45deg}&:nth-child(2){width:0%}&:nth-child(3){position:absolute;width:100%;top:50%;rotate:45deg}}}}.doubts{padding-top:64px;padding-bottom:64px;.doubts__body{border-radius:16px;padding:117px 50px;justify-content:center;display:flex;flex-direction:column;align-items:center;text-align:center;background-image:linear-gradient(118deg,#D4F4BD 1.68%,#BDF4CC 92.42%);@media (width < 540px){padding:172px 32px}h2{margin-bottom:32px}p{margin-top:0;margin-bottom:32px}}}.faq{padding-top:64px;padding-bottom:64px;h2{text-align:center}.faq-list{display:grid;gap:20px;li{border:solid 1px #BEC3CF;border-radius:8px}h3{padding:26px 60px 26px 20px;margin:0;position:relative;cursor:pointer;&::after{content:url(/wp-content/themes/xfitnex/images/icon-chevron-down.svg);position:absolute;right:26px;transition:rotate 300ms}&.active{&::after{rotate:180deg}}}p{margin:0;max-height:0;overflow:hidden;padding:0 20px;transition:max-height 300ms,padding 300ms;&.active{padding:0 60px 20px 20px;max-height:500px}}}}.values{padding-top:64px;padding-bottom:64px;h2{text-align:center}.values-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;@media (width < 540px){grid-template-columns:1fr}li{border:solid 1px #D3D6DE;border-radius:16px;padding:32px;@media (width < 540px){padding:28px}}img{margin-bottom:32px}h3{text-transform:initial}}}.footer{.footer__top{display:grid;grid-template-columns:3fr 1fr 1fr 1fr;padding-bottom:40px;@media (width < 540px){grid-template-columns:1fr;text-align:center;gap:48px}div:first-child{padding-right:40%;@media (width < 540px){padding-right:0}}}.footer__bottom{border-top:solid 1px;display:flex;justify-content:space-between;align-items:center;@media (width < 540px){flex-direction:column-reverse;padding:26px 0;margin:0 15px}}.socials{list-style:none;margin:0;padding:0;display:flex;gap:24px}.menu{display:flex;flex-direction:column;gap:10px}}.archive-nav{display:flex;padding:0;margin:32px 0;gap:10px;list-style:none;@media (width < 1024px){margin:32px -15px 32px 0;overflow:auto}a{display:block;padding:10px 16px;border-radius:100px;text-decoration:none;color:#000;transition:background 300ms,color 300ms;&[aria-current],&:hover{color:#fff;background-color:#000}}}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0 0 64px;padding:0;list-style:none;gap:24px;@media (width < 540px){grid-template-columns:1fr}article{overflow:hidden;border-radius:12px;border:solid 1px #D3D6DE;img{width:100%;height:auto}a{text-decoration:none}div{padding:24px}span{background-color:#E8F9DC;padding:8px 12px;border-radius:16px;margin-bottom:16px;display:inline-block}}}