.header[data-v-0f6f18b0]{position:-webkit-sticky;position:sticky;top:0;z-index:1;width:100%;margin:2rem 0;background:var(--dark-color);box-shadow:0 0 1rem var(--dark-color)}.nav[data-v-0f6f18b0]{display:flex;flex-wrap:wrap;align-items:center;max-width:var(--max-width);margin:0 auto;padding:1rem}.nav-logo[data-v-0f6f18b0]{display:block;max-width:15rem;margin-top:.2rem;padding:.2rem}.nav>a:focus .nav-logo[data-v-0f6f18b0]{outline:2px solid var(--primary-color)}.nav-menu[data-v-0f6f18b0]{display:none;flex-wrap:wrap;margin:0 0 0 auto;padding:0;grid-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem;list-style:none}.nav-menu a[data-v-0f6f18b0]{color:#eee;white-space:nowrap;text-decoration:none}.nav-menu a[data-v-0f6f18b0]:focus,.nav-menu a[data-v-0f6f18b0]:hover{border-bottom:2px solid var(--primary-color);outline:none}.burger[data-v-0f6f18b0]{width:2rem;height:2rem;margin:0 0 0 auto;padding:.1rem;color:#fff;background:transparent;border:none}@media (min-width:50rem){.burger[data-v-0f6f18b0]{display:none}.nav-menu[data-v-0f6f18b0]{display:flex}}.hero[data-v-d1c7f2aa]{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;max-width:var(--max-width);margin:0 auto;padding:0 0 2rem;color:#fff}.hero>[data-v-d1c7f2aa]{margin:1rem}.hero-content[data-v-d1c7f2aa]{flex-basis:0;flex-grow:999;min-width:calc(48% - 2rem);padding-right:2rem}.hero-content h1[data-v-d1c7f2aa]{font-size:2.7rem}@media (min-width:32rem){.hero-content h1[data-v-d1c7f2aa]{font-size:3.2rem}}.hero-content p[data-v-d1c7f2aa]{font-size:1.5rem}.hero-figure[data-v-d1c7f2aa]{flex-basis:33rem;flex-grow:1;max-width:33rem}.hero-figure img[data-v-d1c7f2aa]{max-width:100%;margin-bottom:1rem}.card[data-v-a4144972]{min-height:10rem;background:#fff;box-shadow:0 .2rem 1rem rgba(0,0,0,.05);cursor:pointer;transition:transform .3s,box-shadow .3s}.card[data-v-a4144972]:focus,.card[data-v-a4144972]:hover{box-shadow:0 .5rem 1rem rgba(0,0,0,.15);transform:translateY(-.5rem)}.card[data-v-a4144972]:focus{outline:5px solid var(--primary-color)}.card-img[data-v-a4144972]{width:100%}.card-info[data-v-a4144972]{padding:0 1rem 1rem}.course-content[data-v-5683e74c]{max-width:90ch;margin:0 auto;padding-right:10%;font-size:1.2rem}.course-content[data-v-5683e74c]>:not(img){margin-left:10%}.course-content img[data-v-5683e74c]{float:left;max-width:32%;shape-outside:url(/css-layouts-best-practises-course/_nuxt/img/rico-sonriente-2273.2d9c279.png);shape-margin:1rem}.course-content h3[data-v-5683e74c]{font-size:1.7rem}.course-content-title[data-v-5683e74c]{font-size:2.7rem}.course-content-lead[data-v-5683e74c]{margin-bottom:4rem;padding-bottom:2rem;color:rgba(0,0,0,.7);font-size:1.5rem;font-family:var(--ff-primary);line-height:1.3;border-bottom:1px solid rgba(0,0,0,.1)}.toggle[data-v-a6d11634]{position:relative}.toggle-label[data-v-a6d11634]{display:inline-block;padding:.5rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:1.2rem;cursor:pointer;transition:background .2s,color .2s}.toggle-label[data-v-a6d11634]:hover{background:rgba(0,0,0,.1)}.toggle input[data-v-a6d11634]{position:absolute;opacity:0}.toggle input:focus+.toggle-label[data-v-a6d11634]{box-shadow:0 0 0 .2rem var(--primary-color)}.toggle input:checked+.toggle-label[data-v-a6d11634]{color:#fff;background:rgba(0,0,0,.7)}.filters[data-v-3e1aef95]{display:flex;flex-wrap:wrap;align-items:center;max-width:var(--max-width);margin:2rem auto}.filters-tags[data-v-3e1aef95]{display:flex;flex-grow:1;margin:0 auto 0 -.5rem;padding:.5rem;overflow:auto;grid-column-gap:.2rem;-moz-column-gap:.2rem;column-gap:.2rem;list-style:none;-webkit-mask-image:linear-gradient(270deg,transparent 1%,#000 13%);mask-image:linear-gradient(270deg,transparent 1%,#000 13%)}.search[data-v-3e1aef95]{flex-basis:0;flex-grow:1;padding:.3rem .5rem;font-size:1rem;border:1px solid transparent}.search[data-v-3e1aef95]:focus{border:1px solid var(--primary-color);outline:2px solid var(--primary-color)}.modal-backdrop[data-v-2a456454]{position:fixed;top:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,.7)}.modal[data-v-2a456454]{position:relative;min-width:85vw;max-height:100vh;padding:4rem 1vw;overflow:auto;background:#fff;box-shadow:0 0 1rem #000}.modal-close[data-v-2a456454]{position:absolute;top:1rem;right:1rem;margin:0;padding:0 1rem;font-size:2rem;background:transparent;border:none;cursor:pointer}.modal-close[data-v-2a456454]:focus{outline:2px solid var(--primary-color)}.block[data-v-9eef07bc]{background:#eee}.courses[data-v-9eef07bc]{max-width:var(--max-width);margin:0 auto;padding:4rem 1rem}.courses-title[data-v-9eef07bc]{font-size:2rem}.courses-collection[data-v-9eef07bc]{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));grid-gap:1.5rem;gap:1.5rem}.fade-enter-active[data-v-9eef07bc],.fade-leave-active[data-v-9eef07bc]{transition:opacity .5s}.fade-enter[data-v-9eef07bc],.fade-leave-to[data-v-9eef07bc]{opacity:0}.footer[data-v-54b74002]{background:var(--dark-color)}.footer-nav[data-v-54b74002]{display:flex;flex-wrap:wrap;max-width:var(--max-width);margin:0 auto;padding:2rem 1rem;font-size:.8rem;text-transform:uppercase;grid-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem;list-style:none}.footer-nav a[data-v-54b74002]{color:#fff;text-decoration:none}.footer-nav a[data-v-54b74002]:focus,.footer-nav a[data-v-54b74002]:hover{border-bottom:2px solid var(--primary-color);outline:none}