:root{--bg-color: #050505;--surface-color: #121212;--text-primary: #ffffff;--text-secondary: #a0a0a0;--color-capitanes: #FFD700;--color-capitanes-dim: #b39700;--color-gymnasiade: #00CDFF;--color-gymnasiade-dim: #008Ab3;--font-body: "Inter", sans-serif;--font-header: "Oswald", sans-serif;--section-padding: 4rem 1.5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-header);line-height:1.1;text-transform:uppercase}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;width:100%}.section-title{font-size:3rem;margin-bottom:2rem;text-align:center;letter-spacing:2px}.btn{display:inline-block;padding:1rem 2rem;background:#fff;color:#000;font-weight:700;border-radius:50px;transition:transform .2s,background .2s;cursor:pointer;border:none;font-family:var(--font-header);letter-spacing:1px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #fff3}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .8s ease-out forwards}.hero-container{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;background-image:url(/assets/capitanes/playground.png);background-size:cover;background-position:center;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,.3),var(--bg-color));z-index:1}.hero-content{position:relative;z-index:2;text-align:center;padding:0 1rem}.hero-subtitle{font-size:1.2rem;letter-spacing:4px;margin-bottom:1rem;color:#ccc;text-transform:uppercase}.hero-title{font-size:5rem;margin-bottom:1rem;color:#fff;text-shadow:0 0 20px rgba(0,0,0,.5)}.hero-description{font-size:1.5rem;margin-bottom:3rem;color:#ddd;max-width:600px;margin-left:auto;margin-right:auto}@media(max-width:768px){.hero-title{font-size:3rem}}.character-card{position:relative;border-radius:16px;overflow:hidden;background:#1a1a1a;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.character-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000001a;border-color:var(--accent-color)}.card-image-container{position:relative;width:100%;aspect-ratio:9/12;overflow:hidden}.card-image-container img{width:100%;height:100%;object-fit:contain;background-color:#000;transition:transform .5s ease}.character-card:hover .card-image-container img{transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent 50%);opacity:.6;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.zoom-hint{color:#fff;font-size:1.2rem;font-weight:700;opacity:0;transform:scale(.8);transition:all .3s ease;background:#00000080;padding:.5rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.3)}.character-card:hover .zoom-hint{opacity:1;transform:scale(1)}.character-card:hover .card-overlay{opacity:1}.card-content{padding:1.5rem;position:relative;z-index:1;background:#1a1a1a;flex-grow:1;display:flex;flex-direction:column;gap:.5rem}.character-card h3{margin:0;font-size:1.5rem;font-weight:700;color:#fff;font-family:Outfit,sans-serif}.character-card .role{margin:0;font-size:.9rem;color:var(--accent-color);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.character-card .traits{margin:.5rem 0 0;font-size:.85rem;color:#ccc;font-style:italic}.character-card .description{margin:.5rem 0 0;font-size:.9rem;color:#aaa;line-height:1.4;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem}.series-section{padding:6rem 0;min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background-color:#0a0a0a}.series-section.reversed{background-color:#111}.series-section.reversed .series-header{flex-direction:row-reverse}.container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.series-header{display:flex;gap:4rem;margin-bottom:4rem;align-items:flex-start}.series-info{flex:1}.series-subtitle{color:var(--series-color);text-transform:uppercase;font-size:1rem;letter-spacing:.2em;margin-bottom:1rem;font-weight:700}.series-title{font-size:4rem;margin-bottom:1.5rem;line-height:1.1;background:linear-gradient(to right,#fff,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.series-description{font-size:1.1rem;line-height:1.6;color:#ccc;max-width:600px}.series-locations{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.location-preview{border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#222}.location-preview img{width:100%;height:auto;max-height:400px;object-fit:contain;display:block;background:#000}.location-description{padding:1rem;font-size:.9rem;color:#bbb;line-height:1.4;background:#1a1a1a}.characters-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}@media(max-width:768px){.series-header{flex-direction:column!important;gap:2rem}.series-title{font-size:2.5rem}.characters-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.modal-overlay{position:fixed;inset:0;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease}.modal-content{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.image-wrapper{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.image-wrapper img{max-width:90%;max-height:90vh;object-fit:contain;transition:transform .1s ease-out;-webkit-user-select:none;user-select:none}.close-button{position:absolute;top:20px;right:30px;background:#00000080;color:#fff;border:2px solid white;border-radius:50%;width:40px;height:40px;font-size:24px;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-button:hover{background:#fff;color:#000;transform:rotate(90deg)}.modal-controls{position:absolute;bottom:30px;left:50%;transform:translate(-50%);background:#0009;padding:10px 20px;border-radius:30px;display:flex;gap:15px;align-items:center;color:#fff;z-index:1001}.modal-controls button{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s}.modal-controls button:hover{background:#fff;color:#000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}