: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:#1e1e1e;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000004d;aspect-ratio:9/16;display:flex;flex-direction:column;justify-content:flex-end}.character-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0006;z-index:10}.card-image-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.card-image-container img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s ease}.character-card{background:radial-gradient(circle at center,#ffffff1a,#000c);border:1px solid rgba(255,255,255,.1)}.character-card:hover .card-image-container img{transform:scale(1.1)}.card-content{position:relative;z-index:2;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.6) 50%,transparent 100%);width:100%;text-align:left}.character-card h3{font-size:1.5rem;margin-bottom:.25rem;color:var(--text-primary);text-transform:uppercase}.role{font-size:.875rem;color:var(--accent-color);font-weight:600;letter-spacing:1px;text-transform:uppercase}.series-section{position:relative;padding:6rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.series-header{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}@media(min-width:768px){.series-header{flex-direction:row;align-items:center;justify-content:space-between}.series-info{flex:1;max-width:50%}.series-locations{flex:1;display:flex;gap:1rem;justify-content:flex-end}}.series-subtitle{color:var(--series-color);font-size:1rem;letter-spacing:3px;margin-bottom:.5rem}.series-title{font-size:4rem;margin-bottom:1.5rem;line-height:.9;background:linear-gradient(to right,#fff,#999);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.series-description{font-size:1.1rem;color:var(--text-secondary);max-width:600px}.location-preview{width:200px;height:120px;border-radius:8px;overflow:hidden;box-shadow:0 8px 16px #00000080;transform:rotate(3deg);border:2px solid rgba(255,255,255,.1);transition:transform .3s ease}.location-preview:hover{transform:rotate(0) scale(1.1);z-index:5}.location-preview img{width:100%;height:100%;object-fit:cover}.characters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(min-width:640px){.characters-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.characters-grid{grid-template-columns:repeat(6,1fr)}}.bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:var(--series-color);opacity:.03;filter:blur(100px);z-index:-1;pointer-events:none}