º body{background:#d1defa;font-family:sans-serif,Arial,Helvetica;text-align:center;padding:0;margin:0}.layout{width:100%;height:auto;display:grid;grid-template-areas:"header header header header" "nav nav nav nav" "content content content lateral" "footer footer footer footer ";grid-template-rows:100px 70px auto 70px;grid-template-columns:1fr 1fr 1fr 25%}.header{grid-area:header;background:#fff;text-align:left;font-style:italic;display:flex;justify-content:center}.logo{background:linear-gradient(90deg,#03228f 10%,#0e73e4);width:40px;height:40px;border-radius:300px;margin-top:30px}.play{width:0;height:0;margin-top:15px;margin-left:16px;border-left:12px solid white;border-top:6px solid transparent;border-bottom:6px solid transparent}.header h1{margin-left:15px;margin-top:30px}.nav{grid-area:nav;background:linear-gradient(90deg,#03228f 10%,#0e73e4)}.nav>ul{display:flex;justify-content:center;align-items:center;list-style:none}.nav li{padding:10px}.nav a{display:block;margin-left:30px;margin-right:30px;font-size:18px;font-weight:lighter;color:#fff;text-decoration:none;transition:all .3s}.nav a:hover{transform:scale(1.1)}.nav select{padding:8px;font-size:16px;background-color:transparent;color:#fff;border:2px solid white;border-radius:5px;cursor:pointer;transition:all .3s}.nav select:hover{box-shadow:0 0 5px #0003}.nav select option{background-color:#03228f;color:#fff}.nav select option:hover{background-color:#0e73e4}.content{grid-area:content;background:#f6f7f9;display:flex;flex-flow:column wrap;justify-content:space-around;align-items:initial;flex-grow:1}.articulo-item{flex-grow:1;background:#fff;border-radius:10px;box-shadow:0 0 6px #ddd;margin:20px 11px;padding:60px 25px;display:flex;flex-direction:row;align-items:center;text-align:left;max-height:200px}.articulo-item .mascara{width:20%;overflow:hidden;margin-right:40px}.articulo-item .mascara img{width:100%}.articulo-item h3{font-size:30px}.articulo-item h3 a{text-decoration:none;color:#000}.articulo-item h3 a:hover{color:#00f}.jumbo{width:85%;padding:55px 55px 75px;background:#fff;border-radius:10px;box-shadow:0 0 6px #ddd;margin:25px auto}.jumbo h1{font-size:30px;color:#444}.jumbo p{display:block;margin-bottom:40px}.jumbo .mascara{width:100%;height:150px;overflow:hidden}.jumbo .mascara img{width:100%;height:100%;object-fit:contain}.button,button,input[type=submit],input[type=button],.edit{text-decoration:none;width:100px;background:#0b70e1;color:#fff;border:0;outline:0;padding:15px;border-radius:3px;margin-top:15px;text-transform:capitalize;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s}.articulo-item .edit{margin-right:20px}.articulo-item .edit:hover{background:#e77b00}.articulo-item .delete:hover{background:#9b0202}.lateral{grid-area:lateral;background:#f6f7f9;border-left:1px solid #ddd;padding:20px;min-height:320px}.lateral>div{box-sizing:border-box;width:90%;margin:20px;padding:10px 20px 20px;background:#fff;border-radius:10px;box-shadow:0 0 6px #ddd}input[type=text],textarea{display:block;margin:15px auto 0;padding:12px;border-radius:5px;background:#f6f7f9;color:#454545;width:80%;opacity:4;outline:0;border-color:transparent}.form-group{width:50%;margin:0 auto}.form-group label{display:block;text-align:left;color:#444;margin-bottom:5px}.form-group input[type=text],.form-group input[type=file],.form-group textarea{border:1px solid #ddd;outline:0;width:100%;margin-top:0;margin-bottom:15px}.footer{grid-area:footer;background:#d1defa;color:#454545;border-top:1px solid white;text-align:left;line-height:28px;padding-left:155px}.footer a{color:#0b468a;text-decoration:none}.no-encontrado{color:red}.articulo-item .description{max-height:2.5em;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;max-width:250px}.articulo-item .description:hover{max-height:none}.title{max-width:300px;word-wrap:break-word}.edicion{background:#f6f7f9;border-left:1px solid #ddd;padding:20px}.edicion input[type=text],.edicion textarea{display:block;margin:15px auto 0;padding:12px;border-radius:5px;color:#000;background:#fff;width:80%;opacity:4;outline:0;border-color:transparent}.explicaciones{text-align:left}.explicaciones h1{text-align:center;font-size:3em;text-decoration:underline}.explicaciones li{list-style:decimal}.explicaciones li p{font-size:24px;margin:10px}.explicaciones li pre code{font-size:20px;white-space:pre-wrap}.explicaciones li pre{margin:10px}.jumbo ul{list-style-type:none;padding:0;text-align:left}.Backend_Routes{display:flex;flex-direction:column}.Index_BackEnd h2{color:#3a52aa;font-size:xx-large}.mascara_articulo{text-align:center}.cargando{text-align:center;color:red;font-size:26px}@media screen and (max-width: 450px){.layout{display:grid;grid-template-areas:"header" "nav" "lateral" "content" "footer";grid-template-rows:auto auto auto auto auto;grid-template-columns:auto;justify-items:center;align-items:center}.nav{width:100%}.nav>ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none}.lateral{width:95%;margin-top:5px;border-radius:5px;min-height:100px;border-bottom:1px solid #ddd;margin-bottom:5px}.content{width:95%;height:auto}.jumbo{width:90%;padding:10px 10px 40px}.footer{width:95%;text-align:right;padding-left:10px;padding-right:10px;text-align:center}.header{width:80%}.articulo-item{max-height:300px;display:flex;flex-direction:column}.articulo-item .mascara{width:100%;height:100px;overflow:hidden}.articulo-item .mascara img{width:100%;height:100%;object-fit:contain}.explicaciones h1{font-size:2em}.explicaciones li{white-space:pre-wrap}.explicaciones li p{white-space:pre-wrap;font-size:18px}.explicaciones li pre code{font-size:16px;white-space:pre-wrap}.Index_BackEnd h2{font-size:large;text-align:justify}}