/* Exploración 02: identidad de Aida + protagonismo de las imágenes. */
.fusion .sh { display:flex; align-items:baseline; justify-content:space-between; border:0; margin-bottom:2.5rem; }
.fusion .sh-titulo { font-size:clamp(3rem,7vw,7rem); line-height:.92; letter-spacing:-.055em; }
.fusion #showreel { padding:0; position:relative; background:#141312; color:#eee9e0; }
.fusion #showreel > .wrap { max-width:none; width:100%; padding:0; margin:0; }
.fusion #showreel .sh { position:absolute; top:6rem; left:var(--margin); z-index:2; margin:0; pointer-events:none; }
.fusion #showreel .sh-titulo { font: .85rem var(--f-mono); letter-spacing:.12em; text-transform:uppercase; }
.fusion #showreel .monitor { display:block; position:relative; overflow:hidden; width:100%; height:auto; min-height:0; aspect-ratio:auto; border:0; border-radius:0; box-shadow:none; background:#141312; }
.fusion #showreel .monitor::after { content:none; }
.fusion #showreel .monitor-video { display:block; position:static; width:100%; height:auto; max-height:80svh; aspect-ratio:16/9; object-fit:contain; opacity:1; filter:none; }
.fusion #showreel .real-reel-caption { position:static; padding:clamp(1.5rem,3vw,3rem) var(--margin); align-items:center; gap:1.5rem; }
.fusion #showreel .real-reel-caption > span { font-size:clamp(2rem,5vw,4rem); }
.fusion #showreel .real-reel-caption button { min-height:44px; }
.fusion #showreel .real-reel-sonido { width:44px; height:44px; }
.fusion #showreel .monitor-play { z-index:1; display:flex; align-items:flex-end; justify-content:space-between; padding:var(--margin); gap:1.5rem; }
.fusion #showreel .monitor-play > .label { order:-1; font:500 clamp(3.2rem,8vw,8rem)/.95 var(--f-display); letter-spacing:-.06em; text-transform:none; background:none; padding:0; }
.fusion #showreel .monitor-play-circulo { width:clamp(66px,8vw,110px); height:clamp(66px,8vw,110px); background:var(--red); border:0; }
.fusion #trabajos { padding-top:clamp(5rem,10vw,10rem); padding-bottom:clamp(5rem,10vw,10rem); }
.fusion #trabajos .tr-cabecera { display:block; margin-bottom:2rem; }
.fusion #trabajos .tr-controles { display:block; }
.fusion #trabajos .tr-filtros { display:flex; flex-wrap:wrap; gap:.65rem 1.5rem; border:0; }
.fusion #trabajos .tr-filtros button { border:0; padding:.45rem 0; background:none; color:var(--ink-2); }
.fusion #trabajos .tr-filtros button[aria-pressed=true] { background:none; color:var(--red); box-shadow:0 1px var(--red); }
.fusion-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:3.5rem 1.5rem; list-style:none; padding:0; margin:0; }
.fusion-item { min-width:0; }
.fusion-item[hidden] { display:none !important; }
.fusion-card { display:block; color:inherit; }
.fusion-frame { aspect-ratio:4/3; background:#c9c3b8; overflow:hidden; }
.fusion-image { display:block; width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.2,.7,.3,1); }
@media (hover:hover) and (pointer:fine) {
 .fusion-card:hover .fusion-image { transform:scale(1.035); }
 .fusion-card:hover .fusion-arrow { transform:translate(3px,-3px); }
}
.fusion-caption { position:relative; padding:1.15rem 3rem 0 0; }
.fusion-caption h3 { font:600 clamp(1.6rem,2.8vw,3rem)/1.08 var(--f-display); letter-spacing:-.045em; }
.fusion-caption p { margin-top:.55rem; font:.8rem/1.5 var(--f-mono); color:var(--ink-2); }
.fusion-arrow { position:absolute; top:.8rem; right:0; font:2.2rem var(--f-display); color:var(--red); transition:transform .2s; }
.fusion-card:focus-visible { outline:3px solid var(--red); outline-offset:6px; }
.fusion-gallery:not(:has(> [hidden])) > .fusion-item:last-child:nth-child(odd) { grid-column:1/-1; }
.fusion-gallery:not(:has(> [hidden])) > .fusion-item:last-child:nth-child(odd) .fusion-frame { aspect-ratio:21/9; }
.fusion #contacto .section { padding-top:clamp(4rem,8vw,8rem); }
.fusion #contacto .sh-titulo { font-size:clamp(2rem,3vw,3rem); }
.fusion .p-portada { height:90svh; min-height:32rem; }
.fusion .p-portada-img { animation:none; }
.fusion .p-portada-txt { padding-bottom:3rem; }
.fusion .p-titulo { font-size:clamp(4rem,10vw,11rem); line-height:.9; }
.fusion .p-intro { padding-top:clamp(3rem,6vw,6rem); padding-bottom:clamp(3rem,6vw,6rem); }
.fusion .p-ficha { border-top:1px solid var(--rule); }
.fusion .p-ficha dd { font-size:1.15rem; }
.fusion-story { border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); margin-bottom:4rem; }
.fusion-story summary { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.5rem 0; font:500 clamp(1.6rem,3vw,2.5rem) var(--f-display); letter-spacing:-.04em; cursor:pointer; list-style:none; }
.fusion-story summary::-webkit-details-marker { display:none; }
.fusion-story summary::after { content:'+'; color:var(--red); }
.fusion-story[open] summary::after { content:'−'; }
.fusion-story .p-caso { padding:1rem 0 3rem; }
.fusion-story [data-reveal] { opacity:1; transform:none; }
.fusion .mock-tools { opacity:.85; }
.fusion .mock-tools:hover,.fusion .mock-tools:focus-within { opacity:1; }
@media(max-width:700px) {
 .fusion #showreel .real-reel-caption { align-items:flex-start; flex-direction:column; gap:1rem; }
 .fusion #showreel .monitor-play { padding:1.5rem var(--margin); }
 .fusion #showreel .monitor-play > .label { font-size:clamp(2.4rem,9vw,4rem); }
 .fusion #showreel .monitor-play-circulo { width:56px; height:56px; }
 .fusion-gallery { grid-template-columns:1fr; gap:2.5rem; }
 .fusion-gallery:not(:has(> [hidden])) > .fusion-item:last-child:nth-child(odd) .fusion-frame { aspect-ratio:4/3; }
 .fusion-caption { padding-right:0; }
 .fusion-caption h3 { font-size:2rem; }
 .fusion-arrow { display:none; }
 .fusion #trabajos .tr-filtros { gap:.5rem 1rem; }
 .fusion .p-portada { height:78svh; }
 .fusion .p-titulo { font-size:clamp(3.5rem,13vw,6rem); }
 .fusion .mock-tools button { padding:9px 6px; }
}
@media(prefers-reduced-motion:reduce) { .fusion-image,.fusion-arrow { transition:none; } }