.header .logo h1,body{margin:0}.latest-series,.navbar ul{list-style:none;text-align:center}.az-filters,.footer,.header,.latest-series,.navbar ul,.series-info,.tomo-card{text-align:center}body{padding:0;font-family:Arial,sans-serif;background:url('https://letraconletra.com/catalogo/img/otros/fondo_background.webp') center/cover fixed}body::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,.6);z-index:-1}.header{background-color:#4a90e2;color:#fff;padding:15px}.navbar ul{padding:0;margin:10px 0 0}.navbar ul li{display:inline;margin:0 15px}.navbar ul li a{color:#fff;text-decoration:none}.container{display:block;padding:20px}.content,.content-serie{background:#fff;padding:30px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto}.content{max-width:800px}.footer,main{padding:20px}.book-backcover img,.book-cover img,.series-info-box,.tomo-card{box-shadow:0 2px 4px rgba(0,0,0,.1)}.contact-form .form-group,.series-info-box,h2{margin-bottom:20px}h2{font-size:2em;color:#333}p{font-size:1.1em;color:#666;margin-bottom:30px}.contact-form .form-group label{display:block;font-size:1.1em;color:#333;margin-bottom:5px}.contact-form .form-group input,.contact-form .form-group textarea{width:100%;padding:12px;font-size:1em;border-radius:5px;border:1px solid #ccc;box-sizing:border-box}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{border-color:#4a90e2;outline:0}.contact-form .form-group button{padding:12px 20px;font-size:1.1em;background-color:#4a90e2;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100%;box-sizing:border-box}.az-btn:hover,.filter-buttons button.active,.filter-buttons button:hover,.page-btn.active,.page-btn:hover,.tomo-card button:hover{background-color:#4a5568}.contact-form .form-group button:hover{background-color:#357ab7}.footer{background-color:#222;color:#fff;position:relative;bottom:0;margin-top:20px}.book-layout,main{background:#f4f4f9}.footer p{font-size:1.1em;margin:5px 0}.footer a{color:#4a90e2;text-decoration:none;font-weight:700}.footer a:hover,.latest-series a:hover{text-decoration:underline}.footer a:focus,.pagination button:focus{outline:0}main{flex:1;overflow-y:auto}.series-info-box h2{margin:0 0 10px}.pagination{display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box}.pagination form{display:flex;justify-content:center;align-items:center;width:100%}.pagination button{margin:0 5px;font-size:1em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.tomo-card button{background-color:#2d3748;color:#fff;border:none;padding:8px 12px;border-radius:3px;cursor:pointer;font-size:.9em}@media (max-width:1024px){.sidebar{width:200px}.grid{gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.series-info-box h2{font-size:1.2em}.series-info-box p{font-size:.9em}}@media (max-width:480px){.series-info-box{padding:10px}.series-info-box h2{font-size:1em}.series-info-box p{font-size:.8em}.tomo-card h3{font-size:.9em}}.book-layout{display:grid;grid-template-columns:40% 30% 30%;grid-template-rows:auto auto auto;gap:20px}.book-data{grid-column:1/2;grid-row:1/2}.series-info-box{background:#fff;padding:15px;border:1px solid #ddd;border-radius:5px}.series-info-box h2{margin-bottom:10px;font-size:1.5em;color:#2d3748}.series-info-box p{margin:5px 0;font-size:1em;color:#4a5568}hr.section-separator{border:0;height:1px;background:#ddd;margin:20px 0}.book-cover{grid-column:2/3;grid-row:1/2}.book-backcover img,.book-cover img{width:100%;max-height:600px;height:auto;border-radius:5px}.book-backcover{grid-column:3/4;grid-row:1/2}.series-info-box.full-width{grid-column:1/4;grid-row:2/3}.series-info-box.notes-box{grid-column:1/4;grid-row:3/4}@media (max-width:1024px){.book-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto}.book-cover{grid-column:1/2;grid-row:1/2}.book-backcover{grid-column:2/3;grid-row:1/2}.book-data{grid-column:1/3;grid-row:2/3}.series-info-box.full-width{grid-column:1/3;grid-row:3/4}.series-info-box.notes-box{grid-column:1/3;grid-row:4/5}}@media (max-width:768px){.content{padding:20px}body{flex-direction:column;overflow:auto}.sidebar{width:100%;height:auto;position:relative}.grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.pagination button{font-size:.8em;padding:6px 10px}.book-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto}.book-backcover,.book-cover,.book-data,.series-info-box.full-width,.series-info-box.notes-box{grid-column:1/2}}.pagination{display:flex;justify-content:center;align-items:center;margin:20px 0;padding:10px;flex-wrap:wrap}.az-btn,.page-btn{display:inline-block;padding:8px 12px;font-size:14px;background-color:#2d3748;color:#fff;transition:background-color .3s;text-decoration:none}.grid,.pagination{justify-content:center}.page-btn{margin:5px;border-radius:5px;border:1px solid #4a5568}.page-btn.active{font-weight:700;border:1px solid #fff}.az-filters{margin:20px 0}.az-btn{margin:5px;border-radius:5px}.latest-series{padding:0}.latest-series li{margin:5px 0}.latest-series a{text-decoration:none;color:#2d3748;font-weight:700}.tomo-card h3{margin:10px 0;font-size:1em}.grid{display:grid;gap:20px;grid-template-columns:repeat(7,1fr)}.tomo-card{background:#fff;padding:10px;border:1px solid #ddd;border-radius:5px}.tomo-card img{height:150px;object-fit:cover;border-radius:5px}.filter-buttons button,.pagination button{padding:8px 12px;border:none;background-color:#2d3748;color:#fff;cursor:pointer}.filter-buttons{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.filter-buttons button{margin:2px;border-radius:5px;font-size:1em}.pagination{display:flex;align-items:center;margin-top:20px}.pagination form{display:flex;justify-content:center;gap:5px}.pagination button{border-radius:5px;transition:background .3s}.pagination button.active,.pagination button:hover{background-color:#4a5568;font-weight:700}.series-info{margin-top:5px;font-size:.9em}.series-info p{margin:2px 0;color:#2d3748;font-weight:700}.btn-submit{background:linear-gradient(to right,#5a3e1b,#8a5e2a);color:#fff;border:none;padding:10px 15px;font-size:16px;font-weight:700;border-radius:5px;cursor:pointer;transition:background .3s}.btn-submit:hover{background:linear-gradient(to right,#8a5e2a,#5a3e1b)}