/* GOT Entertainment Perú — responsive design system */
:root{
  --bg:#05060c;--panel:#0b0e18;--panel2:#101425;--text:#f7f8ff;--muted:#aab0c7;
  --neon:#c32cff;--cyan:#28d8ff;--line:rgba(255,255,255,.10);--max:1220px;
  --shadow:0 20px 60px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 50% -20%,#25103c 0,#070812 40%,#04050a 100%);color:var(--text);font-family:Lato,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(4,5,10,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.header-inner{max-width:var(--max);margin:auto;min-height:78px;padding:8px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;font-size:18px;letter-spacing:.04em}
.brand img{width:56px;height:56px;object-fit:contain}
.brand b{font-weight:900}.brand small{display:block;color:#bcb6d0;font-size:10px;letter-spacing:.25em}
.nav{display:flex;align-items:center;gap:8px}.nav a{padding:10px 12px;color:#d8dcef;font-size:14px}.nav a:hover{color:#fff}.nav-cta{border:1px solid rgba(195,44,255,.65);border-radius:999px!important;background:rgba(195,44,255,.12)}
.menu-toggle{display:none;background:none;color:#fff;border:0;font-size:30px}
.hero{max-width:var(--max);margin:auto;padding:30px 22px 90px}.hero-banner{border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#070812}.hero-banner img{width:100%;height:auto}
.hero-content{padding:70px 5% 20px;max-width:1000px}.eyebrow{color:#d86cff;letter-spacing:.18em;font-size:12px;font-weight:900;margin:0 0 14px}.hero h1{font-size:clamp(44px,7vw,84px);line-height:1.02;margin:0 0 24px;letter-spacing:-.045em}.hero h1 span,h2 span,h1 span{background:linear-gradient(90deg,#f7f2ff,var(--neon),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{font-size:19px;color:var(--muted);max-width:800px}.hero-actions,.section-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-weight:900;letter-spacing:.02em;border:1px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(100deg,#9c22ff,#d82cff);box-shadow:0 10px 35px rgba(195,44,255,.25)}.btn-ghost,.btn-outline{border-color:var(--line);background:rgba(255,255,255,.03)}.btn-outline:hover{border-color:rgba(195,44,255,.65);background:rgba(195,44,255,.08)}.small-btn{min-height:40px}
.section{padding:105px 22px;max-width:var(--max);margin:auto}.section.alt{max-width:none;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section.alt>*{max-width:var(--max);margin-left:auto;margin-right:auto}.section-heading{max-width:900px;margin:0 auto 40px}.section-heading h2,.section-heading h1{font-size:clamp(36px,5vw,62px);line-height:1.08;margin:0 0 15px;letter-spacing:-.035em}.section-heading p:last-child{color:var(--muted);font-size:17px}.centered{text-align:center}
.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.portfolio-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#0a0d17;box-shadow:0 14px 35px rgba(0,0,0,.25)}.portfolio-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease}.portfolio-card:hover img{transform:scale(1.04);filter:saturate(1.15)}.portfolio-card.horizontal{aspect-ratio:16/10}.portfolio-card.vertical{aspect-ratio:4/5}.portfolio-card figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 16px;background:linear-gradient(transparent,rgba(0,0,0,.88));font-weight:900}.card-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.92))}.card-caption a{font-size:13px;color:#d96cff}
.social-icon{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:21px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.social-icon:hover{transform:translateY(-2px);border-color:#d35cff}.facebook{font-family:Arial}.youtube{font-size:18px}.social-label{color:var(--muted);font-size:14px}
.video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.video-card{min-width:0}.video-card.landscape{grid-column:span 1}.video-card.portrait{grid-column:span 1;max-width:280px;margin:auto;width:100%}.video-frame{background:#000;border:1px solid var(--line);border-radius:18px;overflow:hidden;aspect-ratio:16/9;box-shadow:var(--shadow)}.portrait .video-frame{aspect-ratio:9/16}.video-frame iframe{width:100%;height:100%;border:0}.video-card h3{font-size:16px;margin:12px 3px;color:#e8eaf5}
.slider{position:relative;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#070812;box-shadow:var(--shadow)}.slides{position:relative;min-height:430px}.slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease}.slide.active{opacity:1;visibility:visible}.slide img{width:100%;height:100%;min-height:430px;object-fit:cover}.slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.2),rgba(0,0,0,.05))}.slide-info{position:absolute;z-index:2;left:7%;top:50%;transform:translateY(-50%);max-width:560px}.slide-info span{color:#dd6cff;font-weight:900;letter-spacing:.16em;font-size:12px}.slide-info h3{font-size:clamp(34px,5vw,58px);line-height:1.03;margin:10px 0}.slide-info p{font-size:18px;color:#d2d6e6}.slider-btn{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:rgba(0,0,0,.5);color:#fff;font-size:32px;cursor:pointer}.slider-btn.prev{left:16px}.slider-btn.next{right:16px}.dots{position:absolute;z-index:5;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.dot{width:9px;height:9px;border-radius:50%;border:0;background:#777;cursor:pointer}.dot.active{background:#fff;box-shadow:0 0 14px #d85cff}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.contact-copy h2{font-size:clamp(36px,5vw,58px);line-height:1.05;margin:0 0 20px}.contact-copy>p{color:var(--muted);font-size:17px}.contact-mini{margin:25px 0;color:#e8eaf5}.whatsapp-big{display:inline-flex;border:1px solid rgba(50,220,130,.4);background:rgba(50,220,130,.08);padding:13px 17px;border-radius:999px}.contact-form{display:grid;gap:15px;background:rgba(255,255,255,.035);padding:28px;border:1px solid var(--line);border-radius:25px}.contact-form label{display:grid;gap:7px;font-size:13px;font-weight:900;color:#dfe2ef}.contact-form input,.contact-form select,.contact-form textarea{width:100%;font:inherit;color:#fff;background:#070914;border:1px solid var(--line);border-radius:13px;padding:13px 14px;outline:0}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#d356ff;box-shadow:0 0 0 3px rgba(195,44,255,.1)}
.footer{border-top:1px solid var(--line);background:#03040a}.footer-inner{max-width:var(--max);margin:auto;padding:38px 22px;display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand img{width:54px;height:54px}.footer-brand strong{display:block}.footer-brand span{display:block;color:var(--muted);font-size:13px}.footer-contact{display:flex;gap:15px;flex-wrap:wrap}.footer-contact a{color:#dce0ef}.footer-contact .wa{color:#76f2b1}.footer-social{display:flex;gap:8px}.copyright{text-align:center;border-top:1px solid var(--line);padding:16px 22px;color:#727991;font-size:12px}
.back-top{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#b92cff;color:#fff;font-size:22px;box-shadow:0 10px 35px rgba(195,44,255,.35);opacity:0;visibility:hidden;transform:translateY(12px);transition:.25s;z-index:900}.back-top.show{opacity:1;visibility:visible;transform:none}
.gallery-page{max-width:var(--max);margin:auto;padding:90px 22px}.gallery-all{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-item{margin:0;aspect-ratio:1/1;border:1px solid var(--line);border-radius:18px;overflow:hidden;position:relative;background:#0a0d17}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item figcaption{position:absolute;bottom:0;left:0;right:0;padding:13px;background:linear-gradient(transparent,rgba(0,0,0,.9));font-weight:900;font-size:13px}
@media(max-width:1050px){.nav a{padding:9px 7px;font-size:13px}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.video-grid{grid-template-columns:repeat(2,1fr)}.gallery-all{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.menu-toggle{display:block}.nav{display:none;position:absolute;left:12px;right:12px;top:72px;background:#080a12;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{padding:12px 14px}.brand span{font-size:15px}.hero{padding-top:16px}.hero-content{padding-top:48px}.section{padding:78px 18px}.portfolio-grid,.video-grid,.gallery-all{grid-template-columns:1fr}.portfolio-card.horizontal,.portfolio-card.vertical{aspect-ratio:16/10}.video-card.portrait{max-width:none}.slide-info{left:9%;right:9%}.slides,.slide img{min-height:520px}.contact{grid-template-columns:1fr;gap:35px}.footer-inner{flex-direction:column;align-items:flex-start}.hero-banner{border-radius:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.slide,.portfolio-card img,.back-top{transition:none}}