/*
Theme Name: Paula Guerra
Theme URI: https://paulaguerra.com/
Author: Paula Guerra
Description: Web editorial personalizada para Paula Guerra, cantante y actriz de teatro musical.
Version: 1.0.0
Text Domain: paula-guerra
*/
:root{--pink:#f58ab6;--pink2:#ff5f9b;--ink:#070707;--soft:#f7f2f4;--muted:#bdb7ba;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(1180px,92vw);margin:auto}.eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--pink)}h1,h2,h3{margin:0;line-height:.95;font-weight:500;letter-spacing:-.04em}.display{font-size:clamp(4rem,10vw,9rem)}.display .pink{color:var(--pink)}.section{padding:110px 0;border-top:1px solid var(--line)}
.site-header{position:fixed;z-index:20;top:0;left:0;right:0;background:rgba(7,7,7,.72);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:150px}.menu{display:flex;gap:24px;align-items:center;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.menu a{opacity:.8}.menu a:hover{opacity:1;color:var(--pink)}
.hero{min-height:100vh;display:grid;grid-template-columns:1.02fr .98fr;align-items:end;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 38%,rgba(245,138,182,.28),transparent 30%),linear-gradient(110deg,#050505 35%,#13090e 100%)}.hero-copy{padding:150px 0 100px;position:relative;z-index:2}.hero-copy h1{font-size:clamp(5rem,12vw,10.5rem);text-transform:uppercase}.hero-sub{font-size:clamp(1rem,1.8vw,1.35rem);letter-spacing:.12em;text-transform:uppercase;margin-top:24px}.script{font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.15rem,2.2vw,1.8rem);font-weight:300;line-height:1.22;letter-spacing:.035em;color:var(--pink);margin:30px 0;text-transform:uppercase}.script br{display:block;margin-bottom:5px;content:""}.buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;padding:14px 22px;border:1px solid rgba(255,255,255,.45);border-radius:999px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.btn.primary{background:var(--pink);border-color:var(--pink);color:#14080d;font-weight:700}.hero-photo{height:100%;min-height:760px;position:relative}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--ink),transparent 28%),linear-gradient(0deg,var(--ink),transparent 28%)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.9)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.section-title{font-size:clamp(3rem,6vw,6.5rem);text-transform:uppercase}.section-title .pink{color:var(--pink)}.copy{color:#ddd;max-width:620px}.copy p{margin:0 0 18px}.portrait{aspect-ratio:4/5;overflow:hidden;background:#111}.portrait img{width:100%;height:100%;object-fit:cover}.chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.chip{border:1px solid var(--line);padding:9px 13px;border-radius:999px;color:#ddd;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}
.music{background:linear-gradient(180deg,#090709,#110b10)}.video-card{background:#0e0e0e;border:1px solid var(--line);padding:14px}.video-frame{aspect-ratio:16/9;background:#000;overflow:hidden}.video-frame iframe,.video-frame video{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#000}.video-label{padding:14px 4px 2px;color:#ddd;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.mini-card{border:1px solid var(--line);overflow:hidden;background:#0d0d0d}.mini-card img{aspect-ratio:16/10;object-fit:cover}.mini-card div{padding:13px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#ccc}
.theatre{background:radial-gradient(circle at 20% 30%,rgba(245,138,182,.18),transparent 32%)}.feature-photo{position:relative;min-height:560px;overflow:hidden}.feature-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.feature-overlay{position:absolute;inset:auto 0 0 0;padding:50px 35px 30px;background:linear-gradient(transparent,rgba(0,0,0,.92))}.feature-overlay h3{font-size:clamp(3rem,7vw,7rem);text-transform:uppercase;color:var(--pink)}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:45px}.gallery a{aspect-ratio:3/4;overflow:hidden;background:#111}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.gallery a:hover img{transform:scale(1.04)}
.training{background:#f5f1f3;color:#0b0b0b}.training .copy{color:#333}.training .section-title{color:#111}.training .line{border-top:1px solid rgba(0,0,0,.15);padding-top:28px;margin-top:30px}.logos{display:flex;align-items:center;gap:35px;flex-wrap:wrap;margin-top:30px}.logos img{max-height:75px;width:auto}.rep{background:#0a0a0a}.rep-box{border:1px solid var(--line);padding:45px;background:linear-gradient(135deg,#111,#080808);display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.rep-box img{max-width:240px;max-height:90px;object-fit:contain;object-position:left center}.contact{background:linear-gradient(135deg,#f58ab6,#b74b76);color:#16090f}.contact .eyebrow{color:#16090f}.contact h2{font-size:clamp(3.5rem,8vw,8rem)}.contact .btn{border-color:#16090f}.contact .btn.primary{background:#16090f;color:#fff}.footer{padding:35px 0;border-top:1px solid var(--line);color:#aaa;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.mobile-menu{display:none}
@media(max-width:900px){.menu{display:none}.mobile-menu{display:block}.hero{grid-template-columns:1fr}.hero-copy{padding:150px 0 45px}.hero-photo{min-height:520px;order:-1}.hero-photo:after{background:linear-gradient(0deg,var(--ink),transparent 35%)}.grid2,.rep-box{grid-template-columns:1fr}.section{padding:80px 0}.video-grid{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.brand img{width:125px}}
@media(max-width:560px){.display{font-size:4rem}.gallery{gap:8px}.feature-photo{min-height:420px}.logos img{max-width:160px}}