.side_panel{flex:.8;overflow-y:auto;width:300px;height:100%;background-color:#0006;padding:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.side_panel_list{padding:0;list-style:none;color:#fff;display:flex;flex-direction:column;gap:10px}.menu_item{cursor:pointer;border:1px solid white;border-radius:5px;padding:8px;text-align:center;transition:background-color .3s,transform .15s}.menu_item:hover{background-color:#ffffff26;transform:translateY(-2px)}.search_bar{display:flex;align-items:center;border:1px solid white;border-radius:5px;margin-bottom:12px;width:95%;background-color:#2680da4d;padding:4px 8px}.search_bar input{border:none;outline:none;background:transparent;width:100%;margin-left:8px;color:#fff;font-size:1rem}.search_bar input::placeholder{color:#fffc}@media (max-width: 768px){.side_panel{position:fixed;top:0;left:0;width:100%;height:90%;background-color:#1e1600;z-index:90;padding-top:20px}}.nav{display:flex;justify-content:center;align-items:center;background-color:#333;color:#fff;height:60px;font-family:Platypi,serif;box-shadow:0 2px 8px #0000004d}.nav ul{display:flex;gap:2rem;list-style:none;padding:0;margin:0}.nav ul li{cursor:pointer;padding:8px 14px;border-radius:5px;transition:background-color .3s,transform .15s}.nav ul li:hover{background-color:#ffffff26;transform:scale(1.05)}@media (max-width: 768px){.nav{position:fixed;bottom:0;width:100%;font-size:.9rem;justify-content:center;padding:6px 0;z-index:100}.nav ul{gap:1rem}.nav ul li{padding:6px 10px}}.main-content{flex:2;overflow-y:auto;padding:100px;background-color:transparent;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.heading h1{margin-top:0}.text{white-space:pre-line}@media (max-width: 768px){.main-content{padding:20px;background-color:#ffffffe6}}.contaniner_default_content{flex:2;overflow-y:auto;padding:10px}.heading{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;text-align:center}.description{display:flex;flex-direction:column;align-items:center;text-align:center;font-style:italic}.character-item{flex:2;overflow-y:auto;padding:100px;display:flex;flex-direction:column}.character-text{display:flex;flex-direction:row;margin-right:20px}.character-content{margin-top:50px}@media (max-width: 768px){.character-item{padding:20px}}body{margin:0;padding:0;background-image:url(/assets/fondo_papel2-Bp7ZOaDM.jpg);background-size:cover;background-attachment:fixed;color:#333;line-height:1.6;font-size:1.2rem}h1,h2,h3{font-family:Platypi,serif;font-style:normal;color:#003f18}.container{display:flex;flex-direction:column;height:100dvh}.content{display:flex;height:calc(100% - 60px)}@media (max-width: 768px){.content{flex-direction:column;height:auto;padding-bottom:60px}}