/* Estudio abierto: manifiesto, mesa de diseño y casos de identidad. */
.br-hero--creative { min-height:100svh; padding:125px var(--pad) 22px; gap:17px; justify-content:flex-start; background:#09070f; }
.br-hero--creative .br-hero-heat { background:radial-gradient(ellipse at 75% 52%,rgba(255,90,0,.09),rgba(255,46,138,.09) 22%,rgba(106,0,255,.18) 46%,transparent 72%),radial-gradient(ellipse at 4% 88%,rgba(0,17,255,.1),transparent 45%); }
.br-creative-topline,.br-creative-scene,.br-creative-lower { width:min(1480px,100%); margin:0 auto; }
.br-creative-topline { display:flex; align-items:center; justify-content:space-between; gap:25px; padding-bottom:18px; border-bottom:1px solid rgba(255,246,224,.16); }
.branding-page .br-hero--creative h1 { max-width:none; margin:0; color:rgba(255,246,224,.8); font-family:var(--font-title); font-size:11px; font-weight:900; line-height:1.6; letter-spacing:0; text-transform:uppercase; text-wrap:initial; }
.br-creative-topline>span { color:rgba(255,246,224,.4); font-size:9px; line-height:1.6; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap; }
.br-creative-scene { position:relative; display:flex; align-items:center; flex:1; min-height:335px; }
.br-creative-statement { position:relative; z-index:2; width:58%; margin:0; padding:10px 0; font-family:var(--font-title); font-size:clamp(54px,5.45vw,100px); font-weight:900; line-height:.99; letter-spacing:-.035em; text-transform:uppercase; }
.br-creative-statement>span { display:block; width:max-content; max-width:100%; }
.br-statement-heat { color:var(--pink); background:linear-gradient(105deg,#5269ff 0%,#a166ff 25%,#ff55a0 51%,#ff7e32 77%,var(--amber)); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; }
.br-creative-montage { position:absolute; inset:0 0 0 auto; width:43%; }
.br-montage-heat { position:absolute; inset:4% 4% 0 8%; pointer-events:none; border-radius:50%; background:conic-gradient(from 45deg,var(--amber),var(--pink),var(--violet),var(--blue),var(--pink),var(--orange),var(--amber)); filter:blur(45px); opacity:.15; transform:rotate(-20deg); }
.br-montage-card { position:absolute; display:block; background:#121116; border:1px solid rgba(255,246,224,.25); box-shadow:0 28px 50px rgba(0,0,0,.45); transition:transform .45s,box-shadow .45s; }
.br-montage-card--1 { z-index:2; left:0; top:3%; width:59%; transform:rotate(-9deg); }
.br-montage-card--2 { z-index:3; right:0; top:5%; width:45%; transform:rotate(8deg); }
.br-montage-card--3 { z-index:4; left:24%; top:43%; width:62%; transform:rotate(-4deg); }
.br-montage-card img { display:block; width:100%; height:clamp(140px,22vh,210px); object-fit:contain; background:#111015; }
.br-montage-card--2 img,.br-montage-card--3 img { object-fit:cover; }
.br-montage-caption { display:grid; grid-template-columns:1fr auto; gap:3px 9px; align-items:center; padding:11px 13px; color:var(--cream); }
.br-montage-caption strong { font-size:11px; font-weight:500; line-height:1.3; }.br-montage-caption>span { grid-column:1; font-size:8px; line-height:1.5; color:rgba(255,246,224,.45); }.br-montage-caption b { grid-column:2; grid-row:1/3; color:var(--amber); font-size:18px; font-weight:400; }
.br-montage-pin { position:absolute; left:50%; top:-7px; z-index:1; width:30px; height:15px; background:rgba(255,246,224,.24); transform:translateX(-50%) rotate(-4deg); }
.br-montage-card:hover,.br-montage-card:focus-visible { z-index:10; transform:rotate(0) translateY(-8px); box-shadow:0 35px 65px rgba(0,0,0,.6); }
.br-montage-note { position:absolute; left:0; bottom:1%; z-index:1; color:rgba(255,246,224,.35); font-size:8px; line-height:1.8; letter-spacing:.12em; text-transform:uppercase; }
.br-creative-lower { display:flex; align-items:center; justify-content:space-between; gap:30px; padding-top:18px; }
.br-creative-lower>p { margin:0; font-size:20px; line-height:1.5; letter-spacing:-.035em; }.br-creative-lower>p>span { color:rgba(255,246,224,.5); }
.br-creative-lower .br-actions { margin:0; flex-wrap:nowrap; }
.br-hero--creative .br-hero-bottom { margin-top:2px; padding-top:14px; }
.br-creative-lead { display:grid; grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr); align-items:start; gap:clamp(35px,7vw,110px); width:100%; padding:70px max(var(--pad),calc((100vw - 1440px)/2)); background:var(--cream); color:#151219; }
.br-creative-lead>.br-eyebrow { max-width:190px; margin-top:9px; font-size:10px; line-height:1.7; }
.br-creative-lead p { max-width:1050px; margin:0; font-size:clamp(21px,1.95vw,30px); font-weight:400; line-height:1.6; letter-spacing:-.035em; text-wrap:pretty; }
.br-creative-lead>.br-eyebrow::before { content:""; display:block; width:70px; height:4px; margin-bottom:21px; background:var(--br-spectrum); }
.br-portfolio { padding-top:80px; }
.br-portfolio>.br-section-heading { margin-bottom:65px; }
.br-direction { position:relative; padding-block:90px; }.br-direction::before { content:""; position:absolute; width:90px; height:3px; top:0; left:var(--pad); background:var(--br-spectrum); }
.br-direction h2 { font-size:clamp(27px,2.65vw,41px); }
.br-principles li { padding-block:20px; }.br-principles li::before { color:var(--pink); }
.br-system>.br-section-heading { margin-bottom:45px; }
.br-process { display:block; }.br-process-copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px clamp(35px,7vw,100px); align-items:start; }.br-process-copy>.br-eyebrow { grid-column:1/-1; margin:0; }.br-process-copy h2 { grid-column:1; grid-row:2/4; }.br-process-copy>.br-body { grid-column:2; grid-row:2; margin:0; }.br-process-copy>.contact-cta { grid-column:2; grid-row:3; width:max-content; margin:0; }
.br-process-map { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:25px; padding:0; margin-top:65px; }.br-process-map::before { inset:0 0 auto; width:100%; height:3px; background:var(--br-spectrum); }.br-process-map>div { padding:28px 0 0; border:0; }.br-process-map i { top:-4px; left:0; }.br-process-map p { max-width:250px; font-size:clamp(22px,1.9vw,28px); }
@media (min-width:821px) and (max-height:750px) { .br-hero--creative { padding-top:120px; gap:13px; }.br-creative-scene { min-height:295px; }.br-creative-statement { font-size:clamp(52px,5.1vw,90px); }.br-montage-card img { height:clamp(125px,20vh,175px); }.br-creative-lower { padding-top:8px; }.br-creative-lower>p { font-size:18px; }.br-creative-topline { padding-bottom:13px; } }
@media (max-width:1100px) { .br-creative-statement { font-size:clamp(46px,5.2vw,70px); }.br-creative-montage { width:44%; }.br-montage-card img { height:145px; }.br-montage-caption { padding:9px 10px; }.br-montage-caption>span { font-size:7px; }.br-creative-lower>p { font-size:17px; }.br-creative-topline>span { font-size:8px; }.br-creative-lead { grid-template-columns:.4fr 1.6fr; } }
@media (max-width:820px) { .br-hero--creative { min-height:0; padding:110px 22px 24px; gap:24px; }.br-creative-topline { display:block; padding-bottom:18px; }.branding-page .br-hero--creative h1 { max-width:540px; font-size:11px; }.br-creative-topline>span { display:none; }.br-creative-scene { display:block; min-height:0; }.br-creative-statement { width:100%; font-size:clamp(45px,8.2vw,66px); padding:4px 0 35px; line-height:1; }.br-creative-montage { position:relative; inset:auto; width:min(600px,100%); height:340px; margin:4px auto 0; }.br-montage-card--1 { left:1%; width:55%; }.br-montage-card--2 { right:1%; width:43%; }.br-montage-card--3 { left:25%; top:42%; width:58%; }.br-montage-card img { height:170px; }.br-montage-caption strong { font-size:11px; }.br-montage-caption>span { font-size:8px; }.br-montage-note { bottom:0; }.br-creative-lower { display:block; padding-top:0; }.br-creative-lower>p { font-size:19px; margin-bottom:23px; }.br-creative-lower .br-actions { flex-wrap:wrap; }.br-hero--creative .br-hero-bottom { margin-top:0; padding-top:20px; }.br-creative-lead { grid-template-columns:1fr; gap:22px; padding:48px 22px; }.br-creative-lead>.br-eyebrow { max-width:none; margin:0; }.br-creative-lead>.br-eyebrow::before { width:50px; height:3px; margin-bottom:17px; }.br-creative-lead p { font-size:22px; line-height:1.65; }.br-portfolio { padding-top:60px; }.br-portfolio>.br-section-heading { margin-bottom:38px; }.br-direction { padding-block:62px; }.br-direction h2 { font-size:clamp(25px,4vw,32px); }.br-process-copy { grid-template-columns:1fr; gap:23px; }.br-process-copy>h2,.br-process-copy>.br-body,.br-process-copy>.contact-cta { grid-column:1; grid-row:auto; }.br-process-map { gap:18px; margin-top:45px; }.br-process-map p { font-size:20px; }.br-process-map span { font-size:8px; letter-spacing:.05em; } }
@media (max-width:520px) { .br-hero--creative { padding-top:105px; gap:24px; }.branding-page .br-hero--creative h1 { font-size:10px; letter-spacing:.06em; }.br-creative-statement { font-size:clamp(37px,10.35vw,51px); padding-bottom:30px; line-height:1.05; letter-spacing:-.035em; }.br-creative-montage { height:300px; }.br-montage-card img { height:134px; }.br-montage-card--1 { left:1%; top:6%; width:57%; }.br-montage-card--2 { right:0; top:1%; width:45%; }.br-montage-card--3 { top:43%; left:24%; width:64%; }.br-montage-caption { padding:8px 9px; gap:2px 5px; }.br-montage-caption strong { font-size:10px; }.br-montage-caption>span { font-size:6px; }.br-montage-caption b { font-size:15px; }.br-montage-note { left:0; bottom:1%; font-size:6px; }.br-creative-lower .br-actions { display:grid; width:100%; }.br-creative-lower>p { font-size:18px; }.br-hero--creative .br-hero-bottom nav { padding-right:58px; gap:12px; }.br-hero--creative .br-hero-bottom>span { font-size:7px; }.br-creative-lead p { font-size:21px; }.br-process-map { grid-template-columns:1fr; gap:15px; border-left:3px solid; border-image:linear-gradient(var(--blue),var(--pink),var(--amber)) 1; padding-left:25px; margin-top:35px; }.br-process-map::before { display:none; }.br-process-map>div { padding:10px 0 17px; }.br-process-map i { left:-32px; top:14px; }.br-process-map span { font-size:9px; }.br-process-map p { max-width:none; margin-top:9px; font-size:24px; } }
@media (prefers-reduced-motion:reduce) { .br-montage-card { transition:none; }.br-montage-card:hover,.br-montage-card:focus-visible { transform:none; } }
/* Mantener las llamadas a contacto fuera del botón flotante de WhatsApp. */
.br-creative-lower .br-actions { margin-right:76px; }
@media (max-width:820px) { .br-creative-lower .br-actions { margin-right:0; } }
@media (max-width:520px) { .br-creative-lower .br-actions { max-width:calc(100% - 76px); } }

/* Los nombres de proyectos también usan la tipografía oficial de títulos. */
.br-montage-caption strong { font-family:var(--font-title); font-size:9px; font-weight:900; line-height:1.4; letter-spacing:0; text-transform:uppercase; overflow-wrap:anywhere; }
@media (max-width:520px) { .br-montage-caption strong { font-size:clamp(7.5px,2.1vw,9px); } }