*{min-width:0;font:inherit}*,*:before,*:after{box-sizing:border-box}img,video,svg{display:block;height:auto;max-width:100%}body{margin:0;min-height:100dvh}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty}textarea:focus,input:focus{outline:none}html{font-size:16px}body{font-family:Open Sans,Helvetica,Arial,sans-serif;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}h2{font-weight:700;font-size:1.1rem;margin-top:1.75rem}h3{font-weight:700;text-decoration:underline;font-size:1rem;margin-top:1.5rem;margin-bottom:.5rem}h4{font-weight:700;font-size:.9rem;text-decoration:underline;color:var(--grafito_medio);margin-top:1.5rem;margin-bottom:.5rem}b{font-weight:700;color:var(--grafito_medio)}#main aside{font-family:Merriweather,serif;font-size:1.2rem}body{line-height:1.5}#header{position:sticky;top:0;z-index:1000;transition:height .3s ease,padding .3s ease;overflow:hidden;height:6rem;padding:0 1rem}#header.shrink{height:2rem}#header main{height:100%;transition:opacity .3s ease;margin:0 auto;max-width:70rem;display:flex;justify-content:space-between;align-items:center;gap:0 3rem}#header aside{max-width:15rem;flex-basis:15rem}#header aside img{transition:max-width .3s ease,min-width .3s ease;max-width:100%;min-width:140px}#header.shrink aside img{max-width:85%;min-width:120px}#header div#login{transition:opacity .3s ease;position:absolute;top:2px;right:1rem}#header.shrink div#login{opacity:0;pointer-events:none}#header nav{align-items:center;height:2rem;flex-basis:55rem;max-width:55rem;align-self:flex-end;display:flex;justify-content:space-between;gap:0 .5em}#header a{max-width:9em}#main{min-height:80vh;padding:0 1rem}#main>div{margin:0 auto;max-width:70rem;padding-bottom:5rem;display:flex;justify-content:space-between;align-items:flex-start;gap:0 3rem}#main aside{max-width:15rem;flex-basis:15rem;padding-top:2rem;padding-bottom:5rem;line-height:1.45em}#main article{flex-basis:55rem;max-width:55rem;padding-top:2rem}#main article>p,#main article>table{width:36rem}#main article>img{float:right;margin:1em 2em;max-width:25em}#main article>h2:first-child,#main article>p:first-child,#main article>table:first-child,#main article>img:first-child,#main article>img:first-child+p{margin-top:0}#footer{padding:3em 2em 4em}#footer>div{margin:0 auto;max-width:70em;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1em 2em}#footer section{width:15em}#footer section.marca{flex-basis:100%}:root{--amarillo: rgba(253, 209, 53, 1);--amarillo_oscuro: rgba(207, 171, 47, 1);--fondo_claro: rgba(249, 246, 227, 1);--fondo_medio: rgba(59, 60, 54, .12);--fondo_sutil: rgba(59, 60, 54, .06);--fondo_oscuro: rgba(59, 60, 54, 1);--fuente_claro_debil: rgba(255, 255, 255, .38);--grafito: rgba(41, 41, 41, 1);--grafito_medio: rgba(91, 91, 91, 1);--grafito_claro: rgba(152, 152, 152, 1);--blanco: rgba(255, 255, 255, 1);--azul: rgb(0, 123, 255, 1);--azul_claro: rgb(0, 123, 255, .6);--verde: rgb(0, 153, 0, 1);--rojo: rgb(153, 0, 0);--naranjo: rgba(255, 102, 50, 1);--sombra-imagen: rgba(0, 0, 0, .6)}body{color:var(--grafito_medio);background:var(--fondo_claro)}a{color:var(--azul)}.mensaje-error{color:var(--rojo);border:1px solid var(--rojo);border-radius:.35rem;padding:.75rem 1rem;margin:1rem 0}.bloque-inventado{border:3px dashed var(--rojo);border-radius:.35rem;padding:1rem;margin:1rem 0}.bloque-inventado:before{content:"[PENDIENTE]";display:inline-block;color:var(--blanco);background-color:var(--rojo);font-size:.75rem;font-weight:700;padding:.15rem .4rem;border-radius:.25rem;margin-bottom:.75rem}form{display:flex;flex-direction:column;gap:0;margin-left:3rem;width:25rem;max-width:100%}form label{display:flex;flex-direction:column;align-items:flex-start;position:relative;margin-bottom:1rem;font-size:.85rem;font-weight:500;color:var(--grafito_medio)}form label span{position:relative;top:.55rem;left:.65rem;z-index:1;background-color:var(--fondo_claro);padding:0 .35rem;font-size:.78rem;font-weight:600;color:var(--grafito_medio);line-height:1;transition:color .2s ease}form label:focus-within span{color:var(--grafito)}form input,form textarea,form select{display:block;width:100%;padding:.65rem .75rem;font-size:.95rem;font-family:inherit;border:1px solid var(--grafito_claro);border-radius:.35rem;background-color:transparent;transition:border-color .2s ease,box-shadow .2s ease}form input:focus,form textarea:focus,form select:focus{outline:none;border-color:var(--grafito);box-shadow:0 0 0 2px #29292926}form button{padding:.6rem 1.2rem;font-size:.95rem;font-weight:600;font-family:inherit;background-color:var(--amarillo);color:var(--grafito);border:1px solid var(--amarillo_oscuro);border-radius:.35rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease}form button:hover{background-color:var(--amarillo_oscuro)}table{width:100%;border-collapse:collapse;margin:1rem 0}table th,table td{padding:.5rem;text-align:left;border-bottom:1px solid var(--fondo_medio)}table th{background-color:var(--fondo_medio);font-weight:700}.table-compact{margin:.25rem 0 1rem}.table-compact td{padding:.35rem .5rem;border-bottom:none}.table-compact tbody tr:nth-child(odd){background-color:var(--fondo_sutil)}.text-muted{color:var(--grafito_claro);font-weight:400}#header{background:var(--amarillo);border-bottom:1px solid var(--amarillo_oscuro)}#header div.login,#header a{color:var(--grafito_medio)}#main{color:var(--grafito_medio);background:var(--fondo_claro)}#main aside{color:var(--grafito_claro)}#main article>img{border-radius:5px;box-shadow:0 10px 25px var(--sombra-imagen)}#main .invalid{color:var(--rojo)}#main .valid{color:var(--verde)}#footer{background:var(--grafito);color:var(--grafito_claro)}.skeleton-line{background:linear-gradient(90deg,var(--fondo_medio) 25%,var(--fondo_sutil) 50%,var(--fondo_medio) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:.25rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media all and (max-width:992px){#main aside{font-size:1rem}#main article{font-size:.9rem}#footer section{font-size:.84em}}@media all and (max-width:768px){#header nav{font-size:.8rem}#main aside{font-size:.85rem}#main article{font-size:.85rem}#main article>p{width:70vw}#main article>img{float:none;height:auto}#footer section{flex-basis:100%}}@media all and (max-width:576px){#header{height:7.4rem}#header main{height:7.4rem}#header nav{padding-top:1.5rem;flex-direction:column;align-self:flex-start;align-items:flex-end;background:var(--amarillo)}#main aside{display:none}#main article>p{width:90vw}#main article>img{margin:1em 0;width:90vw;height:auto}}
