/* Alexandre Thai 2.0 — Corporativo V3.75 PREVIEW LOCAL
   Ajustes exclusivos da rota /corporativo/.
   Não altera Home, /biografia/, /shows/ ou /prefeituras-e-grandes-eventos/. */

/* Hero: preserva a fotografia completa, inclusive a mão levantada. */
.corporativo-page .corporativo-hero-photo{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0b2637}
.corporativo-page .corporativo-hero-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;transition:transform .28s ease}

/* Segunda dobra: contexto comercial + prova objetiva. */
.corporativo-page .corporativo-context-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,.85fr);gap:clamp(46px,8vw,130px);align-items:start;max-width:1120px}
.corporativo-page .corporativo-context-intro h2{margin-bottom:0}
.corporativo-page .corporativo-context-intro h2 span{display:block}
.corporativo-page .corporativo-context-intro p{max-width:560px;margin:8px 0 0;font-size:1.03rem;line-height:1.78;color:rgba(29,29,29,.72)}
.corporativo-page .corporativo-proofbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;max-width:960px;border-top:1px solid rgba(29,29,29,.13);border-bottom:1px solid rgba(29,29,29,.13)}
.corporativo-page .corporativo-proofbar>div{padding:22px 28px 20px 0;min-width:0}
.corporativo-page .corporativo-proofbar>div+div{padding-left:28px;border-left:1px solid rgba(29,29,29,.13)}
.corporativo-page .corporativo-proofbar strong{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(1.9rem,2.8vw,3rem);line-height:1;color:#162C38}
.corporativo-page .corporativo-proofbar span{display:block;margin-top:7px;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8d4f37}

/* Fotografias: hover suave aprovado, sem deslocar o layout. */
.corporativo-page .segment-story figure{overflow:hidden}
.corporativo-page .segment-story figure img{transition:transform .28s ease}
@media (hover:hover){
  .corporativo-page .corporativo-hero-photo:hover img,
  .corporativo-page .segment-story figure:hover img{transform:scale(1.018)}
}

/* CTA forte para o showreel. */
.corporativo-page .corporativo-showreel-trigger{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:8px;padding:14px 20px;border:1px solid #d04e4e;border-radius:999px;background:#d04e4e;color:#fff;font-family:Manrope,Arial,sans-serif;font-size:.8rem;font-weight:800;line-height:1.2;letter-spacing:.065em;text-transform:uppercase;box-shadow:0 10px 24px rgba(208,78,78,.22);cursor:pointer;transition:transform .22s ease,box-shadow .22s ease,background .22s ease;text-decoration:none}
.corporativo-page .corporativo-showreel-icon{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:#fff;color:#d04e4e;font-size:.7rem;padding-left:2px}
@media (hover:hover){.corporativo-page .corporativo-showreel-trigger:hover{background:#c8425a;color:#fff;transform:translateY(-2px);box-shadow:0 14px 30px rgba(208,78,78,.30)}}
.corporativo-page .corporativo-showreel-trigger:focus-visible{outline:3px solid rgba(208,78,78,.30);outline-offset:4px}


/* Fechamento: corrige a textura clara global herdada de .section e restaura o bloco escuro de conversão. */
.corporativo-page .section.segment-end:not(.section-dark):not(.section-sea){background:#162C38!important;background-image:none!important;color:#fff}
.corporativo-page .segment-end h2{color:#fff}
.corporativo-page .segment-end .eyebrow{color:#E3A45E}
.corporativo-page .segment-end p{color:#fff}
.corporativo-page .segment-end .btn-ghost{color:#fff;background:transparent;border-color:rgba(255,255,255,.45)}

/* Modal isolado desta rota. */
body.corporativo-showreel-open{overflow:hidden}
.corporativo-page .corporativo-showreel-modal[hidden]{display:none}
.corporativo-page .corporativo-showreel-modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:30px}
.corporativo-page .corporativo-showreel-backdrop{position:absolute;inset:0;background:rgba(5,18,27,.88);backdrop-filter:blur(7px)}
.corporativo-page .corporativo-showreel-dialog{position:relative;z-index:1;width:min(1120px,calc(100vw - 60px));max-height:calc(100vh - 60px);overflow:auto;background:#0b2637;color:#fff;padding:34px;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.45)}
.corporativo-page .corporativo-showreel-close{position:absolute;top:14px;right:18px;width:44px;height:44px;border:1px solid rgba(255,255,255,.32);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:2rem;line-height:1;cursor:pointer}
.corporativo-page .corporativo-showreel-close:hover{background:rgba(255,255,255,.14)}
.corporativo-page .corporativo-showreel-heading{padding-right:60px;margin-bottom:20px}
.corporativo-page .corporativo-showreel-heading .eyebrow{color:#E3A45E;margin-bottom:16px}
.corporativo-page .corporativo-showreel-heading h2{max-width:820px;margin:0;color:#fff;font-size:clamp(2.2rem,4.4vw,4.8rem)}
.corporativo-page .corporativo-showreel-video{display:block;width:100%;max-height:62vh;background:#000;border-radius:14px}
.corporativo-page .corporativo-showreel-caption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.corporativo-page .corporativo-showreel-caption strong{color:#fff}

/* Desktop de referência: evita excesso de altura sem apertar a leitura. */
@media(min-width:1200px){
  .corporativo-page .segment-hero{padding-top:56px;padding-bottom:56px}
  .corporativo-page .corporativo-context{padding-top:78px;padding-bottom:78px}
  .corporativo-page .corporativo-context .segment-tags{margin-top:26px}
  .corporativo-page .corporativo-proofbar{margin-top:24px}
  .corporativo-page .corporativo-experience,.corporativo-page .corporativo-production{padding-top:88px;padding-bottom:88px}
  .corporativo-page .corporativo-end{padding-top:82px;padding-bottom:82px}
}

@media(max-width:900px){
  .corporativo-page .corporativo-context-intro{grid-template-columns:1fr;gap:18px}
  .corporativo-page .corporativo-context-intro p{margin-top:0}
  .corporativo-page .corporativo-hero-photo img{height:auto}
}
@media(max-width:600px){
  .corporativo-page .corporativo-proofbar{grid-template-columns:1fr;margin-top:24px}
  .corporativo-page .corporativo-proofbar>div{padding:18px 0}
  .corporativo-page .corporativo-proofbar>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(29,29,29,.13)}
  .corporativo-page .corporativo-showreel-trigger{width:100%;padding:14px 16px}
  .corporativo-page .corporativo-showreel-modal{padding:14px}
  .corporativo-page .corporativo-showreel-dialog{width:calc(100vw - 28px);max-height:calc(100vh - 28px);padding:22px;border-radius:18px}
  .corporativo-page .corporativo-showreel-heading{padding-right:44px}
  .corporativo-page .corporativo-showreel-caption{display:grid;gap:6px}
}