/*
Theme Name: QOMU 2026
Theme URI: https://qomu.ar/
Author: QOMU
Description: Tema editorial y administrable para el rediseño de QOMU.
Version: 1.0.12
Text Domain: qomu-2026
*/

/* Milanga, Biofilm y AVC: presentación aprobada y colaboración entre agencias. */
.agency-credit{display:block;margin-bottom:10px;font-size:10px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:#d5ffe7}
.projects :is(.project-card--milanga,.project-card--biofilm,.project-card--avc) .project-logo-wrap{width:132px;height:62px;padding:9px 12px;background:#fff}
.projects :is(.project-card--milanga,.project-card--biofilm,.project-card--avc) .project-logo{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}
.projects .project-card--avc .project-logo{max-width:84px;margin:auto}
.projects :is(.project-card--milanga,.project-card--biofilm,.project-card--avc) p{max-width:245px}
.projects :is(.project-card--biofilm,.project-card--avc)>img:first-child{object-fit:contain;object-position:center 34%;filter:none;background:#0a212b}
.projects .project-card--milanga>img:first-child{object-position:50% 45%}
.home .client-strip-group :is(.client-logo--milanga,.client-logo--biofilm,.client-logo--avc){width:108px;height:46px;object-fit:contain;object-position:center}
.home .client-strip-group .client-logo--avc{width:86px}
.home .client-strip-track{animation-duration:43.27s}
.agency-alliance{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;padding:54px 4vw;background:#e9f1ed;color:var(--ink)}
.agency-alliance h2{font-size:clamp(32px,4vw,54px);line-height:1.05;margin-bottom:0}.agency-alliance p{font-size:17px;line-height:1.65;max-width:660px}.agency-alliance a{text-decoration:underline;text-underline-offset:4px}
.agency-case .detail-hero{min-height:560px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.agency-case .detail-hero-copy{padding:55px 4vw;min-width:0}.agency-case .detail-hero-copy h1{font-size:clamp(44px,6.2vw,88px);line-height:1;overflow-wrap:normal;word-break:normal;max-width:100%}
.agency-case .detail-hero-copy>p:last-child{font-size:clamp(20px,2vw,28px)}
.agency-case .detail-logo-wrap{width:210px;max-width:100%;height:86px}.agency-case .detail-logo-wrap img{inset:8px 14px;width:calc(100% - 28px);height:calc(100% - 16px)}
.case-avc .agency-case .detail-logo-wrap img{inset:12px 35px;width:calc(100% - 70px);height:calc(100% - 24px)}
.agency-case .detail-cover{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:0;margin:0;padding:38px;background:#0a2732;overflow:hidden}
.agency-case .detail-cover>img{position:static;width:100%;height:auto;max-height:450px;object-fit:contain;filter:none}
.agency-case .detail-cover figcaption{position:static;margin:20px 0 0;padding:0;background:none;color:#d5e0df;font-size:14px;line-height:1.5}
.agency-case .detail-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.agency-case .detail-story-grid p{line-height:1.7}
.agency-case .detail-gallery{padding:65px 4vw}.agency-case .detail-gallery-heading h2{max-width:900px}
.agency-videos{display:grid;gap:38px;max-width:1120px;margin:0 auto}.agency-videos figure{margin:0;min-width:0}.agency-videos iframe{display:block;width:100%;height:auto;aspect-ratio:16/9;border:0;background:#000}.agency-videos .ratio-four-three{aspect-ratio:4/3;max-width:850px;margin:auto}
.agency-videos figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:14px;line-height:1.5;color:#d5e0df}.agency-videos figcaption a{color:#fff;text-decoration:underline;white-space:nowrap}
.case-biofilm .agency-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:none;align-items:start}
.case-biofilm .agency-videos figcaption{display:block}.case-biofilm .agency-videos figcaption a{display:block;margin-top:10px;width:fit-content}
.agency-related{padding:60px 4vw}.agency-related h2{font-size:42px}.agency-related nav{display:flex;flex-wrap:wrap;gap:15px}.agency-related a{border:1px solid #9aaea8;border-radius:30px;padding:14px 24px;font-size:14px}
@media(max-width:1000px){.agency-case .detail-hero{grid-template-columns:1fr}.agency-case .detail-cover{padding:30px 5vw}.agency-case .detail-cover>img{max-height:460px}.agency-case .detail-hero-copy h1{font-size:64px}.agency-case .detail-story-grid{grid-template-columns:1fr}.agency-case .detail-hero-copy{padding:45px 5vw}}
@media(max-width:680px){.case-biofilm .agency-videos{grid-template-columns:1fr}}
@media(max-width:600px){.agency-alliance{grid-template-columns:1fr;gap:25px;padding:40px 5vw}.agency-case .detail-hero-copy h1{font-size:clamp(40px,12vw,62px)}.agency-case .detail-cover{padding:22px 5vw}.agency-case .detail-gallery{padding:45px 5vw}.agency-videos figcaption{display:block}.agency-videos figcaption a{display:inline-block;margin-top:8px}.agency-related{padding:40px 5vw}.agency-related h2{font-size:34px}}

/* Bitácora Salud: home y caso independiente. */
.projects .project-card--cta.project-card--cta-span-4 { grid-column: 1 / -1; min-height: 205px; background: linear-gradient(110deg, var(--green) 0%, #02b76d 32%, var(--ink) 32.2%, var(--ink) 100%); }
.projects .project-card--cta.project-card--cta-span-4::before { top: 0; right: 50px; font-size: 150px; }
.projects .project-card--cta.project-card--cta-span-4 > div { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; column-gap: 28px; right: 50px; bottom: 26px; left: 36%; max-width: none; }
.projects .project-card--cta.project-card--cta-span-4 .project-card-cta-kicker { grid-column: 1 / -1; margin-bottom: 6px; color: var(--green); }
.projects .project-card--cta.project-card--cta-span-4 h3 { margin: 0; font-size: clamp(32px,3.1vw,48px); }
.projects .project-card--cta.project-card--cta-span-4 p { grid-column: 1; margin: 3px 0 0; font-size: 14px; }
.projects .project-card--cta.project-card--cta-span-4 b { grid-column: 2; grid-row: 2 / 4; align-self: center; }
.projects .project-card--bitacora-salud { background: #142646; }
.projects .project-card--bitacora-salud > img:first-child { object-fit: cover; object-position: center 44%; filter: saturate(.93); }
.projects .project-card--bitacora-salud::after { inset: 46% 0 0; background: linear-gradient(transparent, rgba(6,20,40,.94)); }
.case-bitacora-salud .detail-hero { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); min-height: 610px; background: #101e35; }
.case-bitacora-salud .detail-hero-copy { padding: 64px 5vw; }
.case-bitacora-salud .detail-hero-copy h1 { max-width: 580px; font-size: clamp(62px,6vw,100px); }
.case-bitacora-salud .detail-cover { display: grid; place-items: center; min-height: 610px; padding: 28px 36px 68px; background: radial-gradient(circle at 52% 35%,#264b7e,#0c1629 72%); }
.case-bitacora-salud .detail-cover::after { background: linear-gradient(0deg,rgba(5,17,33,.72),transparent 22%); pointer-events: none; }
.case-bitacora-salud .detail-cover > img { width: auto; max-width: 100%; max-height: 540px; aspect-ratio: 1; object-fit: contain; border-radius: 5px; box-shadow: 0 28px 70px rgba(0,0,0,.3); }
.case-bitacora-salud .detail-cover figcaption { right: 24px; bottom: 19px; left: 24px; max-width: none; font-size: 17px; text-align: center; }
.bitacora-gallery { display: grid; grid-template-columns: minmax(260px,.76fr) minmax(0,1.24fr); gap: 18px; max-width: 1160px; margin: 0 auto; }
.bitacora-gallery figure, .bitacora-production figure { margin: 0; overflow: hidden; border-radius: var(--radius); background: #fff; color: var(--ink); }
.bitacora-gallery-feature { align-self: start; padding: 10px; }
.bitacora-gallery-feature video { display: block; width: 100%; max-height: 620px; aspect-ratio: 9 / 16; object-fit: contain; background: #091322; }
.bitacora-gallery figcaption { padding: 13px 12px 9px; font-size: 14px; line-height: 1.4; }
.bitacora-gallery figcaption b, .bitacora-gallery figcaption span { display: block; }
.bitacora-gallery figcaption span { margin-top: 4px; color: var(--muted); }
.bitacora-gallery-photos { display: grid; grid-template-rows: repeat(2,minmax(0,1fr)); height: 620px; gap: 18px; }
.bitacora-gallery-photos figure { display: flex; flex-direction: column; }
.bitacora-gallery-photos img { display: block; flex: 1; width: 100%; height: 0; min-height: 0; object-fit: cover; }
.bitacora-gallery-photos figure:nth-child(2) img { object-position: center 35%; }
.bitacora-production { display: grid; grid-template-columns: minmax(0,1fr) repeat(2,minmax(0,.7fr)); gap: 18px; align-items: center; max-width: 1160px; margin: 76px auto 0; }
.bitacora-production > div { padding-right: 18px; }
.bitacora-production h3 { margin: 20px 0; font-size: clamp(36px,3.5vw,54px); line-height: .95; }
.bitacora-production p:last-child { color: #c3cfd1; line-height: 1.5; }
.bitacora-production figure { padding: 8px; }
.bitacora-production video { display: block; width: 100%; aspect-ratio: 9 / 16; max-height: 450px; object-fit: contain; background: #091322; }
@media (max-width: 1000px) {
  .case-bitacora-salud .detail-hero { grid-template-columns: 1fr; }
  .case-bitacora-salud .detail-cover { min-height: 560px; }
  .bitacora-gallery { grid-template-columns: minmax(240px,.8fr) minmax(0,1fr); }
  .bitacora-production { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bitacora-production > div { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
  .projects .project-card--cta.project-card--cta-span-4 { min-height: 330px; background: linear-gradient(130deg,var(--green) 0%,var(--ink) 55%); }
  .projects .project-card--cta.project-card--cta-span-4 > div { display: block; right: 22px; bottom: 22px; left: 22px; }
  .projects .project-card--cta.project-card--cta-span-4 .project-card-cta-kicker { color: var(--green); }
  .projects .project-card--cta.project-card--cta-span-4 h3 { margin: 12px 0; font-size: 40px; }
  .projects .project-card--cta.project-card--cta-span-4 p { margin: 0 0 16px; }
  .case-bitacora-salud .detail-hero-copy { padding: 50px 22px 42px; }
  .case-bitacora-salud .detail-hero-copy h1 { font-size: clamp(54px,14vw,72px); }
  .case-bitacora-salud .detail-cover { min-height: 0; padding: 20px 20px 65px; }
  .case-bitacora-salud .detail-cover > img { width: 100%; height: auto; max-height: none; }
  .bitacora-gallery { grid-template-columns: 1fr; }
  .bitacora-gallery-feature { width: min(100%,430px); margin-inline: auto !important; }
  .bitacora-gallery-photos { grid-template-columns: 1fr; grid-template-rows: auto; height: auto; }
  .bitacora-gallery-photos img { flex: auto; height: auto; aspect-ratio: 4 / 3; }
  .bitacora-production { gap: 12px; margin-top: 54px; }
  .bitacora-production h3 { font-size: 38px; }
}