.familia-banner{display:grid;grid-template-columns:.95fr 1.45fr;align-items:center;gap:25px;aspect-ratio:1154/443;min-height:370px;padding:30px 38px;background:#f7f7f7;color:#263137;font-family:var(--font,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif);overflow:hidden}
.familia-banner-copy{min-width:0;position:relative;z-index:1;padding-left:4px}
.familia-banner-eyebrow{display:flex;align-items:center;gap:11px;margin:0 0 16px;font-size:10px;font-weight:600;line-height:1.5;letter-spacing:1.5px;text-transform:uppercase;color:#737b7b}
.familia-banner-eyebrow::before{content:"";width:24px;height:3px;background:#ffb600;flex-shrink:0}
.familia-banner :is(h1,h2){font-size:52px;font-weight:600;letter-spacing:-1.8px;line-height:1.06;margin:0;max-width:370px}
.familia-banner-intro{font-size:15px;line-height:1.65;color:#717979;margin:19px 0 0;max-width:330px}
.familia-banner-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;margin-top:24px;padding:11px 16px;border:1px solid #c8cfcb;border-radius:4px;background:transparent;color:#263137;text-decoration:none;font-size:12px;font-weight:600;line-height:1.5;touch-action:manipulation}
.familia-banner-link>span{font-size:19px;font-weight:400;line-height:1}
.familia-banner-link:hover{background:#fff}
.familia-banner-link:focus-visible{outline:3px solid #946200;outline-offset:4px}
.familia-banner-visual{min-width:0;align-self:stretch;display:grid;grid-template-columns:1.1fr 1fr .82fr;gap:7px;align-items:center;min-height:300px}
.familia-banner-visual figure{min-width:0;margin:0;display:flex;align-items:center;justify-content:center;height:95%;background:#f7f7f7}
.familia-banner-visual img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;transform:none}
.familia-banner-visual .familia-banner-diarco{transform:translateY(-9px)}
.familia-banner-visual .familia-banner-burgerking{height:88%;transform:translateY(9px)}
.familia-banner-visual .familia-banner-intagro{height:72%;transform:translateY(28px)}
@media(max-width:1000px){.familia-banner{padding:26px 28px;gap:18px;min-height:340px}.familia-banner h1{font-size:46px;letter-spacing:-1.5px}.familia-banner-intro{font-size:14px}.familia-banner-visual{min-height:270px}}
@media(max-width:800px){.familia-banner{grid-template-columns:.9fr 1.4fr;gap:12px;min-height:310px;padding:24px}.familia-banner h1{font-size:42px;letter-spacing:-1.4px}.familia-banner-eyebrow{font-size:9px;letter-spacing:1.2px;gap:8px;margin-bottom:12px}.familia-banner-eyebrow::before{width:20px}.familia-banner-intro{font-size:13px;margin-top:15px;max-width:220px}.familia-banner-link{font-size:11px;margin-top:18px;padding-inline:13px;gap:20px}.familia-banner-visual{min-height:240px;gap:4px}.familia-banner-visual .familia-banner-diarco{transform:translateY(-7px)}.familia-banner-visual .familia-banner-burgerking{transform:translateY(6px)}.familia-banner-visual .familia-banner-intagro{transform:translateY(20px)}}
@media(max-width:560px){.familia-banner{grid-template-columns:1fr;aspect-ratio:auto;min-height:0;gap:8px;padding:28px 22px 22px}.familia-banner-copy{padding:0}.familia-banner h1{font-size:40px;letter-spacing:-1.3px;max-width:none}.familia-banner-eyebrow{font-size:10px;margin-bottom:12px}.familia-banner-intro{font-size:13px;max-width:none;margin-top:13px}.familia-banner-link{font-size:12px;margin-top:17px;gap:25px;padding-inline:14px}.familia-banner-visual{height:245px;min-height:0;margin-top:6px;gap:3px}.familia-banner-visual .familia-banner-diarco{transform:translateY(-7px)}.familia-banner-visual .familia-banner-burgerking{transform:translateY(5px)}.familia-banner-visual .familia-banner-intagro{transform:translateY(21px)}}
@media(pointer:coarse){.familia-banner-link{min-height:48px}}
.familia-page{background:#f7f7f7}
.familia-banner-wrap{padding-top:24px;padding-bottom:20px;max-width:1280px}
.familia-gallery-heading{max-width:1184px;padding-top:10px;padding-bottom:23px;display:flex;align-items:end;justify-content:space-between;gap:30px;scroll-margin-top:112px}
.familia-gallery-heading h2{font-size:31px;letter-spacing:-.8px}
.familia-gallery-heading .eyebrow{font-size:10px;margin-bottom:9px}
.familia-gallery-heading>p{font-size:13px;color:var(--muted);line-height:1.7;max-width:390px}
@media(max-width:900px){.familia-banner-wrap{padding-top:18px;padding-bottom:17px}.familia-gallery-heading{gap:22px;padding-bottom:18px}.familia-gallery-heading h2{font-size:28px}.familia-gallery-heading>p{font-size:12px;max-width:300px}}
@media(max-width:600px){.familia-banner-wrap{padding:0 0 20px}.familia-gallery-heading{flex-direction:column;align-items:start;gap:10px;padding-bottom:18px}.familia-gallery-heading h2{font-size:29px}.familia-gallery-heading>p{font-size:13px;max-width:none}}
.hero-family .familia-banner{min-height:0;height:100%}
.familia-banner{width:100%;min-width:0}
@media(max-width:1000px){.familia-banner :is(h1,h2){font-size:46px;letter-spacing:-1.5px}}
@media(max-width:800px){.familia-banner :is(h1,h2){font-size:42px;letter-spacing:-1.4px}.hero-family{aspect-ratio:auto;min-height:310px}.hero-family .familia-banner{min-height:310px}}
@media(max-width:560px){.familia-banner :is(h1,h2){font-size:40px;letter-spacing:-1.3px;max-width:none}.hero-family .familia-banner{min-height:0;height:auto}}