.item,.tarjeta{overflow:hidden}*{box-sizing:border-box}@font-face{font-family:Consola;src:url('../fonts/consola.ttf')}@font-face{font-family:Pulang;src:url('../fonts/pulang.ttf')}body{margin:0;padding:0;background-image:url('../img/kn02_64.png');background-repeat:repeat;background-size:64px 64px;font-family:Consola}.header{width:100%;display:flex;justify-content:center;background-color:#326de4;padding-bottom:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.header-content{width:90%;display:flex;justify-content:space-between;align-items:center;padding:10px}.header-section{display:flex;align-items:center;justify-content:center}.header-section.left,.header-section.right{flex:0 0 auto;margin:0 5px}.header-section.left h6,.header-section.right h6{margin-left:3px;font-size:16px}.header-section.left img,.header-section.right img{width:60px;object-fit:contain}main{margin-top:20px}@media (max-width:480px){.header-content{flex-direction:column;align-items:center}.header-section.center{order:1;width:100%}.icons-container{order:2;width:90%;display:flex;justify-content:space-between;margin-top:10px;padding:0 5px}.header-section.left,.header-section.right{flex:0 0 45%;display:flex;align-items:center}.header-section.left{justify-content:flex-start}.header-section.right{justify-content:flex-end}.icon-img{width:40px;height:auto}}@media (min-width:481px){.icons-container{padding-top:10px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}.header-section.left,.header-section.right{flex:0 0 auto}}.botones,.contenido,.ventana{gap:10px;display:flex}.ventana{background-color:#0057ff;border-radius:20px 20px 0 0;padding:40px 15px 15px;max-width:90%;margin:auto}.contenido,.recomendaciones,.tarjeta{background-color:#eae6d9}.btn,.contenido,.contenido-tarjeta{padding:10px}.contenido{width:100%}.tarjeta{flex:3;display:flex;flex-direction:column}.recomendaciones{flex:1;padding:10px}.imagen-principal{background-color:#333;height:600px;width:100%;overflow:hidden}.imagen-principal img{padding:3px;width:100%;height:100%;object-fit:contain}.botones{justify-content:center;margin:10px 0}.btn{border:none;border-radius:5px;font-size:1.2rem;cursor:pointer}.azul{background-color:#007bff}.naranja{background-color:#f57c00}.etiquetas{margin-top:10px;display:flex;flex-wrap:wrap;gap:5px}.etiquetas p{text-decoration:underline;color:#36c}.cuadricula{display:grid;grid-template-columns:1fr 1fr;gap:5px}.item{background-color:#333;aspect-ratio:1/1;border-radius:5px}.item img{width:100%;height:100%;object-fit:contain}.btn.azul img,.btn.naranja img{width:24px;height:24px;object-fit:contain}.tags{padding:8px;border:1px solid #000;border-radius:8px;margin:5px 0;background-color:#f6f7e8}.titulo{font-size:30px}.descripcion{font-size:22px}@media (max-width:480px){.contenido{flex-direction:column}.recomendaciones,.tarjeta{width:100%}.recomendaciones{margin-top:20px}.imagen-principal{max-height:400px}.botones{flex-direction:column;align-items:center;gap:5px}.btn{width:80%}.cuadricula{grid-template-columns:1fr}}