.preview-banner{background:#183d31;color:#fff;padding:12px 5%;font:12px system-ui;display:flex;justify-content:space-between;gap:10px}.preview-banner a{color:#fff}.top .logo{height:76px;max-width:140px}.hero{background:#f7f5ed}.hero-in{display:grid;grid-template-columns:1.4fr 1fr;column-gap:50px;align-items:center}.hero-in>h1,.hero-in>.baja,.hero-in>.hero-btns,.hero-in>.franja{grid-column:1}.hero-in h1{font-family:Georgia,serif;font-weight:400;color:#414d2e}.hero-brand{grid-column:2;grid-row:1/5;width:100%;max-width:440px;border-radius:50%;mix-blend-mode:multiply}.tit{font-family:Georgia,serif;font-weight:400}.hero-in>.hero-btns{margin-top:24px} @media(max-width:760px){.hero-in{display:flex;flex-direction:column;align-items:flex-start}.hero-brand{width:240px;align-self:center;margin-bottom:20px}.hero-in h1{font-size:36px}.preview-banner{font-size:10px}.preview-banner a{white-space:nowrap}.top .logo{height:64px}}
.hero-in{max-width:1100px}.hero-in h1{font-size:clamp(34px,4.2vw,54px)}
.hero-foto .hero-brand{display:none}.hero-foto .hero-in{display:block;max-width:1100px;padding-block:100px 90px}.hero-foto h1{color:#fff;max-width:600px;text-shadow:0 2px 20px #0008}.hero-foto .baja{color:#fff;max-width:560px}.hero-foto .hero-img{background-position:center 55%}.tira-grid img{aspect-ratio:3/4;object-fit:cover}.hero-foto .btn-s{background:#fff;color:#243429}@media(max-width:760px){.hero-foto .hero-in{padding-block:65px 60px}.hero-foto .hero-img{background-position:60% center}}