/*
Theme Name: Paula Guerra V8
Theme URI: https://paulaguerra.com/
Author: Paula Guerra
Description: Web editorial personalizada para Paula Guerra, cantante y actriz de teatro musical.
Version: 1.7.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}.hero-tagline{display:flex;flex-direction:column;gap:5px;margin:30px 0 34px;color:#f4dbe5;font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.2rem,2.05vw,1.75rem);font-weight:400;line-height:1.25;letter-spacing:-.025em;text-transform:none}.hero-tagline span:last-child{color:var(--pink)}.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}.hero-tagline{font-size:clamp(1.08rem,4.5vw,1.35rem);line-height:1.3;margin:24px 0 28px;letter-spacing:-.02em}}


/* V4: refinamientos responsive conservando la dirección visual de escritorio */
@media (min-width:901px){
  .hero{grid-template-columns:minmax(0,1.04fr) minmax(320px,.96fr)}
  .hero-copy{padding-top:150px;padding-bottom:76px}
  .hero-photo{min-height:680px}
  .hero-tagline{font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:-.015em;line-height:1.22;font-size:clamp(1.18rem,1.7vw,1.55rem)}
}
@media (max-width:900px){
  .site-header{background:rgba(7,7,7,.94)}
  .nav{height:66px;gap:12px}
  .brand img{width:112px}
  .mobile-menu{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.22);border-radius:50%;font-size:0;position:relative}
  .mobile-menu:before,.mobile-menu:after{content:"";position:absolute;left:10px;right:10px;height:1px;background:#fff}
  .mobile-menu:before{top:14px;box-shadow:0 5px 0 #fff}
  .mobile-menu:after{top:24px;width:10px;right:auto}
  .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:66px}
  .hero-photo{order:0;min-height:0;height:clamp(260px,55vw,430px);width:100%;flex:none}
  .hero-photo img{object-position:center 18%;object-fit:cover}
  .hero-photo:after{background:linear-gradient(0deg,#070707 0%,rgba(7,7,7,0) 34%)}
  .hero-copy{order:1;width:100%;padding:12px 0 48px}
  .hero-copy .eyebrow{font-size:.66rem;letter-spacing:.16em}
  .hero-copy h1{font-size:clamp(3.65rem,14vw,6.4rem);line-height:.88;letter-spacing:-.055em}
  .hero-sub{font-size:.82rem;letter-spacing:.075em;line-height:1.5;margin-top:18px}
  .hero-tagline{font-family:Arial,Helvetica,sans-serif;font-size:clamp(1.08rem,4.5vw,1.3rem);font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:20px 0 24px;gap:2px}
  .buttons{gap:10px}
  .btn{padding:13px 17px;font-size:.66rem}
  .section{padding:64px 0}
  .grid2{grid-template-columns:minmax(0,1fr);gap:28px}
  .section-title{font-size:clamp(2.8rem,11vw,4.6rem);line-height:.98}
  .copy{font-size:1rem;line-height:1.7}
  .portrait{aspect-ratio:4/4.2}
  .music .grid2{gap:24px}
  .video-card{padding:10px}
  .video-label{font-size:.7rem;line-height:1.5}
  .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
  .mini-card div{padding:11px;font-size:.65rem;line-height:1.5}
  .feature-photo{min-height:0;aspect-ratio:4/5}
  .feature-overlay{padding:65px 20px 20px}
  .feature-overlay h3{font-size:clamp(3.2rem,14vw,5rem)}
  .feature-overlay p{font-size:.9rem;line-height:1.55}
  .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:28px}
  .gallery a{aspect-ratio:3/4}
  .rep-box{grid-template-columns:1fr;padding:26px;gap:24px}
  .rep-box img{max-width:190px;max-height:75px}
  .training .grid2{gap:25px}
  .training-photo{order:2}
  .contact .grid2{gap:22px}
  .contact h2{font-size:clamp(3.2rem,12vw,5rem)}
  .footer{padding:28px 0}
}
@media (max-width:560px){
  .wrap{width:calc(100% - 36px)}
  .hero-photo{height:clamp(245px,72vw,340px)}
  .hero-copy{padding-top:8px;padding-bottom:40px}
  .hero-copy h1{font-size:clamp(3.35rem,15.2vw,5.3rem)}
  .hero-sub{font-size:.72rem;letter-spacing:.045em}
  .hero-tagline{font-size:1.08rem;line-height:1.34;letter-spacing:-.015em}
  .buttons .btn{flex:1;justify-content:center;white-space:nowrap;padding:13px 10px;font-size:.61rem;letter-spacing:.06em}
  .section{padding:54px 0}
  .eyebrow{font-size:.65rem;letter-spacing:.17em}
  .section-title{font-size:clamp(2.65rem,11.4vw,3.8rem)}
  .video-grid{grid-template-columns:1fr}
  .mini-card{display:grid;grid-template-columns:42% 1fr;align-items:stretch}
  .mini-card img{height:100%;min-height:100px;aspect-ratio:auto}
  .mini-card div{align-self:center;font-size:.68rem}
  .feature-photo{aspect-ratio:4/4.7}
  .feature-overlay{padding:55px 16px 17px}
  .feature-overlay p{font-size:.86rem}
  .gallery{gap:7px}
  .logos{gap:18px}
  .logos img{max-width:145px}
  .rep-box{padding:22px}
  .footer-inner{flex-direction:column;gap:8px}
}
/* Reduce desbordamientos y evita que títulos largos rompan la cuadrícula */
.hero-copy,.grid2>*,.rep-box>*{min-width:0}
img,video,iframe{max-width:100%}


/* V5: lema más editorial y refinamientos finales para móvil */
.hero-tagline{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;letter-spacing:-.025em;line-height:1.28}
.hero-tagline span:last-child{font-weight:400}
@media (min-width:901px){.hero-tagline{font-size:clamp(1.2rem,1.8vw,1.65rem);margin:28px 0 34px}}
@media (max-width:900px){.hero-tagline{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.15rem,4.7vw,1.38rem);font-weight:400;font-style:italic;line-height:1.35;letter-spacing:-.02em;margin:20px 0 25px;gap:3px}.mini-card img{object-position:center}.training-photo img{object-position:center;object-fit:cover}}
@media (max-width:560px){.hero-tagline{font-size:1.12rem;line-height:1.38;letter-spacing:-.018em}.mini-card{grid-template-columns:38% minmax(0,1fr)}.mini-card div{font-size:.7rem;letter-spacing:.055em;padding:12px}}


/* V7: menú desplegable funcional en móviles */
.mobile-menu{appearance:none;background:transparent;color:#fff;cursor:pointer;padding:0;flex-shrink:0}
.mobile-menu span{display:block}
.mobile-navigation[hidden]{display:none!important}
@media(max-width:900px){
 .nav{position:relative}
 .mobile-navigation:not([hidden]){display:flex;position:absolute;top:100%;left:-4.35vw;right:-4.35vw;flex-direction:column;gap:0;padding:10px 18px 18px;background:rgba(7,7,7,.98);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.14);box-shadow:0 16px 30px rgba(0,0,0,.35);max-height:calc(100vh - 90px);overflow-y:auto}
 .mobile-navigation a{display:block;padding:14px 8px;color:#fff;font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.08)}
 .mobile-navigation a:last-child{border-bottom:0}
 .mobile-navigation a:hover,.mobile-navigation a:focus{color:var(--pink)}
 .mobile-menu[aria-expanded="true"]:before{top:18px;transform:rotate(45deg);box-shadow:none}
 .mobile-menu[aria-expanded="true"]:after{top:18px;width:auto;right:10px;transform:rotate(-45deg)}
}

/* V8: selector de actuaciones dentro de un único reproductor */
.music-player{min-width:0}.video-switcher{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.video-choice{appearance:none;text-align:left;display:flex;flex-direction:column;gap:5px;min-width:0;padding:16px 14px;background:#171317;color:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;transition:background .2s,border-color .2s,transform .2s;font:inherit}.video-choice:hover{border-color:#f58ab6;transform:translateY(-1px)}.video-choice.is-active{background:#f58ab6;border-color:#f58ab6;color:#170d13}.choice-icon{font-size:1.25rem;line-height:1.1;color:#f58ab6}.video-choice.is-active .choice-icon{color:#170d13}.choice-title{font-size:.9rem;font-weight:650;line-height:1.25}.choice-meta{font-size:.75rem;opacity:.78;line-height:1.35}.video-choice:focus-visible{outline:2px solid #fff;outline-offset:3px}@media(max-width:560px){.video-switcher{gap:8px}.video-choice{padding:13px 10px}.choice-title{font-size:.82rem}.choice-meta{font-size:.7rem}}