/* Additive layout scoped to Para Marcas. Existing palette, fonts and buttons are reused. */
.brands-page .brands-actions{display:flex;flex-wrap:wrap;gap:12px}.brands-page .brands-actions .button{margin-top:24px}.brands-page .collaboration-paths{align-items:stretch;margin-top:42px;border-top:1px solid #20211b40}.brands-page .collaboration-paths article{scroll-margin-top:110px}.brands-page h3{font:700 26px/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.6px;margin:0 0 22px}.brands-page h4{font:700 16px/1.5 Arial,Helvetica,sans-serif;margin:25px 0 12px}.brands-page ul{padding-left:20px;line-height:1.8;font-size:16px}.brands-page li+li{margin-top:7px}.brands-page .scope-note{font-size:13px;line-height:1.7}.brands-page .section-intro{margin-top:26px}.brands-page .brands-values article+article{border-top:1px solid #20211b40;padding-top:24px;margin-top:24px}.brands-page .brands-values h3{font-size:22px;margin-bottom:12px}.brands-page .portfolio-project{margin-top:42px;border-top:1px solid #20211b40}.brands-page .portfolio-project h3{margin-top:20px}.brands-page .portfolio-photo{margin:0}.brands-page .portfolio-photo img{height:auto;aspect-ratio:3/2;object-fit:cover}.brands-page figcaption{padding:14px 0;line-height:1.5}.brands-page .step-copy b{display:block;margin-bottom:8px;font-size:18px}.brands-page .form-fields{display:grid;gap:22px}.brands-page .form-fields label{display:grid;gap:10px;font:700 13px/1.5 Arial,Helvetica,sans-serif}.brands-page input,.brands-page select,.brands-page textarea{width:100%;min-width:0;border:1px solid #20211b65;border-radius:0;padding:14px;background:transparent;color:#20211b;font:400 16px/1.5 Arial,Helvetica,sans-serif}.brands-page textarea{resize:vertical;min-height:160px}.brands-page input:focus-visible,.brands-page select:focus-visible,.brands-page textarea:focus-visible{outline:2px solid #20211b;outline-offset:3px}.brands-page .contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.brands-page .form-privacy{font-size:12px;line-height:1.7;margin-top:20px}.brands-page .form-privacy a{text-decoration:underline}.brands-page .contact-status{font-size:14px;line-height:1.6;margin-top:20px}.brands-page .contact-status:empty{display:none}.brands-page [hidden]{display:none!important}.brands-page .button:disabled{opacity:.6;cursor:wait}.brands-page #contacto{scroll-margin-top:90px}.brands-page form{min-width:0}.brands-page .brands-contact-grid>div{min-width:0}
@media(max-width:700px){.brands-page h3{font-size:23px}.brands-page .collaboration-paths,.brands-page .portfolio-project{margin-top:30px}.brands-page .collaboration-paths article+article{border-top:1px solid #20211b40;padding-top:30px}.brands-page .brands-actions{display:grid;gap:12px}.brands-page .brands-actions .button{margin-top:0}.brands-page .brands-actions{margin-top:25px}.brands-page .brands-values h3{font-size:21px}.brands-page .brands-contact-grid{gap:38px}.brands-page .form-fields label{font-size:14px}.brands-page .button{max-width:100%;text-align:left}.brands-page .brands-sound{bottom:12px}}

/* v8: align both collaboration CTAs at the bottom of their columns. */
.brands-page .collaboration-paths article{display:flex;flex-direction:column;gap:30px;min-width:0}.brands-page .collaboration-paths article>.button{align-self:flex-start;margin-top:auto}

/* v9: compact sound toggle contained within the video. */
.brands-page .brands-video-frame{position:relative}
.brands-page .brands-video-frame video{display:block}
.brands-page .brands-video-frame .brands-sound{position:absolute;inset:10px 10px auto auto;z-index:2;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border-radius:50%;background:#20211bd9;box-shadow:none;color:#f5efe5;cursor:pointer}
.brands-page .brands-sound svg{width:18px;height:18px;pointer-events:none}
.brands-page .brands-sound .sound-on,.brands-page .brands-sound[aria-pressed="true"] .sound-off{display:none}
.brands-page .brands-sound[aria-pressed="true"] .sound-on{display:block}
.brands-page .brands-sound:focus-visible{outline:2px solid #f5efe5;outline-offset:3px}

.brands-page .brand-choices{display:grid;gap:22px;margin-top:26px}.brands-page .brand-choices h2{font:500 11px/1.4 monospace;letter-spacing:.12em;margin:0 0 8px}.brands-page .brand-choices p{margin:0 0 12px}.brands-page .brand-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.brands-page .brand-choices .button{display:flex;width:100%;min-width:0;box-sizing:border-box;align-items:center;gap:8px;padding:15px clamp(10px,1.3vw,20px);margin:0;line-height:1.4}.brand-choices .ui-arrow{flex:none}