@charset "UTF-8";#article{display:grid;grid-area:main;background:var(--color-bg);margin-top:var(--height-header);padding:1rem;justify-self:center}.post-title-container{display:grid;grid-gap:1rem;text-align:center;margin:0;padding:2rem 0}.post-title{font:var(--h1);color:var(--color-text);margin:0;display:grid;width:min-content;justify-self:center}.tag-pic{border-radius:50%;justify-self:center;width:100px;height:100px}.tag-line{display:grid;grid-gap:1rem;text-align:center;color:var(--color-bg3);margin:0}#article-wrapper{display:grid;grid-template-areas:"main";background:var(--color-bg);color:var(--color-text)}#article>section a{scroll-margin-top:var(--scroll-top)}#article>section a>sup{scroll-margin-top:var(--scroll-top)}#article>section li{scroll-margin-top:var(--scroll-top)}#article>section>ul:first-of-type a{color:var(--color-text)}#article>section>ul:first-of-type>li:nth-of-type(1){margin-top:1rem}#article>section>p:first-of-type{letter-spacing:2px}#article>section>p:first-of-type::first-letter{font-size:2rem;padding:.1rem;font-family:var(--f1)}#article>section>p:not(:has(img)):first-child{letter-spacing:2px}#article>section>p>img{border-radius:.8rem}#article>section>.source-code{color:var(--color-white1);background:var(--color-grey5);padding:0;display:grid}.source-code>pre{display:flex;padding:1rem;overflow-x:auto}.source-code>pre>code{text-wrap:wrap}html[lang=es-cl] [href^="#fn"]>sup::before{content:'[nota '}html[lang=es] [href^="#fn"]>sup::before{content:'[nota '}html[lang=br-pt] [href^="#fn"]>sup::before{content:'[nota '}html[lang=en] [href^="#fn"]>sup::before{content:'[note '}html[lang=en-us] [href^="#fn"]>sup::before{content:'[note '}[href^="#fn"]>sup::after{content:']'}[href^="#fn"]>sup:hover{text-decoration:underline}[href^="#fn"]>sup{display:inline-block}[href^="#fn"]:hover{text-decoration:underline}[href^="#rf"]{text-decoration:none;vertical-align:super}[href^="#rf"]::before{content:'['}[href^="#rf"]::after{content:']'}[href^="#rf"]:hover{text-decoration:underline}[href^="#rn"]:hover{text-decoration:underline}#article>section>p>a:target>sup{background:var(--color-bg2)}#article>section>p>a[href^="#rf"]:target{background:var(--color-bg2)}#article>section>ol li:target{background:var(--color-bg2)}#article>section>ol li:has( > a:target){background:var(--color-bg2)}#article>section>blockquote{background:var(--color-bg4);padding:1rem;border-left:3px solid var(--color-text)}.meta{display:grid;justify-self:center;width:50%;font-family:cool-regular}#article>section>p:has(em):has(+ .source-code){background:var(--color-footer-bg);margin:0;padding:0 1rem;color:#a7a7a7}#article>.about{display:grid;justify-content:center;background:var(--color-bg4);margin:2rem var(--padding-s);grid-gap:1rem;padding:1rem}#article>.related{display:grid;padding-bottom:3rem}#article>.author{text-align:center;font-family:cool}#article>.date-updated{color:var(--color-update)}#article>.about>.date-published{padding:.5rem 0;display:flex;grid-gap:0.5rem;align-items:center}#article>.dates{display:grid;margin:1rem 0}#article>.who{display:grid;grid-gap:0.5rem;padding:1rem 0;justify-content:center}#article>.category{letter-spacing:2px;text-transform:uppercase}#article>section[id=section-intro-sustainable-web]>ul:nth-of-type(2){display:grid;justify-content:center;align-content:center;gap:1rem;margin:0;padding:0}#article>section[id=section-intro-sustainable-web]>ul:nth-of-type(2)>li{display:grid;list-style:none;margin:1rem 0;justify-content:center;text-align:center}#article>section[id=section-intro-sustainable-web]>ul:nth-of-type(2)>li{display:grid;margin:0;padding:0;font:var(--h2);gap:1rem}#article>section[id=section-intro-sustainable-web]>ul:nth-of-type(2)>li>img{width:100%;height:auto;border-radius:.8rem;justify-content:center}#article>section[id=section-intro-sustainable-web]>ul:nth-of-type(2){display:grid;grid-gap:4rem}#article>section[id=section-intro-web-sostenible]>ul:nth-of-type(2){display:grid;justify-content:center;align-content:center;gap:1rem;margin:0;padding:0}#article>section[id=section-intro-web-sostenible]>ul:nth-of-type(2)>li{display:grid;list-style:none;margin:1rem 0;justify-content:center;text-align:center}#article>section[id=section-intro-web-sostenible]>ul:nth-of-type(2)>li{display:grid;margin:0;padding:0;font:var(--h2);gap:1rem}#article>section[id=section-intro-web-sostenible]>ul:nth-of-type(2)>li>img{width:100%;height:auto;border-radius:.8rem;justify-content:center}#article>section[id=section-intro-web-sostenible]>ul:nth-of-type(2){display:grid;grid-gap:4rem}@media (scripting:enabled) and (max-width:1499px){@media (scripting:enabled) and (max-width:1499px){#article>section>ul:first-of-type{display:none}}@media only screen and (min-width:700px){#article{padding:2rem}#article>section>p:first-of-type::first-letter{font-size:2.5rem}#article>section[id=section-intro-sustainable-web]>ul:nth-of-type(2){grid-template-rows:1fr;grid-template-columns:1fr}#article>section[id=section-intro-sustainable-web]>ul:nth-of-type(2)>li>img{max-width:400px;height:auto}#article>section[id=section-intro-web-sostenible]>ul:nth-of-type(2){grid-template-rows:1fr;grid-template-columns:1fr}#article>section[id=section-intro-web-sostenible]>ul:nth-of-type(2)>li>img{max-width:400px;height:auto}}}@media only screen and (min-width:900px){#article{padding:2rem 10rem}}@media (scripting:none) and (min-width:300px){#article{margin-top:2rem}}@media only screen and (min-width:1200px){#article-wrapper{grid-template-areas:"anchor main options";grid-template-columns:1fr 5fr 1fr}#points-btn{display:flex}#article{margin:var(--margin-page);margin-top:var(--height-header);max-width:var(--page-width);border-radius:1rem}#article>section>p:first-of-type::first-letter{font-size:3.5rem}#article>section[id=section-intro-sustainable-web]>ul:nth-of-type(2)>li>p{justify-content:center}#article>section[id=section-intro-sustainable-web]>ul:nth-of-type(2)>li>img{max-width:400px;height:auto}#article>section[id=section-intro-web-sostenible]>ul:nth-of-type(2)>li>p{justify-content:center}#article>section[id=section-intro-web-sostenible]>ul:nth-of-type(2)>li>img{max-width:400px;height:auto}}@media (scripting:none) and (min-width:1200px){#article{margin-top:2rem}}@media only screen and (min-width:1500px){#header-anchors{display:none}#article-wrapper{grid-template-areas:"anchor main options";grid-template-columns:1fr 5fr 1fr}#article>section>ul:first-of-type{display:grid;position:fixed;top:var(--height-header);left:0;margin:0;padding:0 1rem;list-style-type:none;width:var(--width-anchor);overflow-y:auto;height:calc(100% - var(--height-header));align-content:start;border-right:1px solid var(--color-text)}#article{margin-left:var(--width-anchor)}#article>section>ul:first-of-type>li{margin:0}#article>section>ul:first-of-type a{font-size:var(--mini-link)}}@media (scripting:none) and (min-width:1500px){#article>section>ul:first-of-type{position:fixed;top:var(--height-header-nojs);left:0;margin:0;padding:2rem 1rem;list-style-type:none;width:var(--width-anchor);overflow-y:auto;height:calc(100% - var(--height-header-nojs));background:var(--color-bg-transparent)}}@media only screen and (min-width:1700px){:root{--page-width:1200px}}@media (scripting:none){#article-wrapper{grid-template-areas:"main";grid-template-columns:1fr}}