.canalla-about{position:relative;width:100%;box-sizing:border-box;padding:clamp(84px,10vh,130px) max(24px,5vw) clamp(76px,9vh,120px);color:#fff;overflow:hidden}
.canalla-about__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center;max-width:1240px;margin:0 auto}
.canalla-about__copy{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.canalla-about__copy p{margin:0;color:var(--canalla-text-secondary,rgba(255,255,255,.62));font-size:15px;line-height:1.7}
.canalla-about__copy p+p{margin-top:-6px}
/*
 * El botón de "Sobre nosotros" no usa el dorado sólido del resto de la web
 * (.canalla-button--primary de pages/venue.css): a petición expresa, replica
 * el diseño del botón "Quiero estar al día" de la Newsletter (fondo oscuro,
 * borde y texto dorados, y el dorado sólido solo al pasar el ratón) — mismo
 * comportamiento que components/newsletter.css (.canalla-newsletter__form
 * button), pero con los valores fijos en vez de sus variables --canalla-
 * newsletter-button-*, para no depender de los ajustes de esa sección.
 * Con !important porque, igual que el resto de botones de la web, esta
 * sección no puede depender de que ninguna otra hoja de estilos con la
 * misma especificidad llegue a cargarse en esta página.
 */
.canalla-about .canalla-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:46px;padding:0 24px;border:1px solid var(--canalla-color-gold,#e6bd16)!important;border-radius:12px;text-decoration:none!important;font-weight:800;font-size:11px;letter-spacing:.14em;text-transform:uppercase;transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease}
.canalla-about .canalla-button--primary{background:#17191f!important;color:var(--canalla-color-gold,#e6bd16)!important}
.canalla-about .canalla-button--primary:hover,.canalla-about .canalla-button--primary:focus-visible{transform:translateY(-1px);border-color:var(--canalla-color-gold,#e6bd16)!important;background:var(--canalla-color-gold,#e6bd16)!important;color:#090a0d!important}
.canalla-about__gallery{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:repeat(2,minmax(140px,1fr));gap:clamp(10px,1.4vw,18px);width:100%;aspect-ratio:4/3}
.canalla-about__photo{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:#111216}
.canalla-about__photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.canalla-about__photo:hover img{transform:scale(1.05)}
.canalla-about__photo--1{grid-row:1/3}
.canalla-about__photo--2{grid-column:2;grid-row:1}
.canalla-about__photo--3{grid-column:2;grid-row:2}
@media(max-width:900px){
  .canalla-about{padding:clamp(64px,9vh,100px) 20px clamp(56px,8vh,90px)}
  .canalla-about__grid{grid-template-columns:1fr;gap:32px}
  .canalla-about__gallery{order:-1;aspect-ratio:5/4}
}
@media(prefers-reduced-motion:reduce){.canalla-about__photo img{transition:none}.canalla-about .canalla-button--primary{transition:none}}