.site .of-hero{background:var(--soft);border-bottom:1px solid var(--line)}.site .of-hero-in{display:grid;grid-template-columns:minmax(0,1fr) 190px;grid-gap:34px;gap:34px;align-items:center;padding-top:30px;padding-bottom:30px}.site .of-hero h1{margin:0;font-family:var(--display);font-size:38px;font-weight:700;line-height:1.07;letter-spacing:-.03em}.site .of-marco{border-radius:18px;border:1px solid var(--line);aspect-ratio:1;display:grid;place-items:center;padding:34px}.site .of-marco svg{display:block;width:100%;height:100%}@container site (max-width: 760px){.site .of-hero-in{grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding-top:20px;padding-bottom:20px}.site .of-texto{order:2}.site .of-marco{order:1;padding:12px;border-radius:14px}.site .of-hero h1{font-size:26px;letter-spacing:-.022em}}.site .fotos-of{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.site .fotos-of figure{margin:0}.site .fotos-of img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px;border:1px solid var(--line);background:var(--soft)}.site .fotos-of figcaption{margin-top:5px;font-size:11.5px;color:var(--ink3)}.site .fotos-of figcaption a{color:inherit;text-decoration:underline}@container site (max-width: 1020px){.site .fotos-of{grid-template-columns:repeat(2,minmax(0,1fr))}}@container site (max-width: 520px){.site .fotos-of{grid-template-columns:minmax(0,1fr);gap:12px}}