html:has(.brot-landing){scroll-behavior:smooth;scroll-padding-top:72px}.brot-landing{--navy:#0e233c;--navy-h:#1b3656;--amber:#c8851a;--cream:#f4eee2;--stone:#6b6559;--paper:#fff;--hair:#0e233c38;background:var(--paper);color:var(--navy);font-family:var(--font-jost),system-ui,sans-serif;font-size:17px;font-weight:400;line-height:1.65}.brot-landing *{box-sizing:border-box}.brot-landing a{color:var(--navy);text-decoration:none}.brot-landing a:hover{color:var(--navy-h)}.brot-landing .wrap{max-width:1520px;margin:0 auto;padding:0 clamp(20px,4vw,64px)}.brot-landing .grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,3vw,56px);display:grid}.brot-landing .rule{background:var(--navy);height:1px}.brot-landing h1,.brot-landing h2,.brot-landing h3{margin:0;font-weight:400}.brot-landing h2{font-family:var(--font-jost),system-ui,sans-serif;letter-spacing:-.035em;text-wrap:balance;margin-bottom:clamp(28px,3vw,44px);font-size:clamp(40px,5vw,80px);font-weight:300;line-height:1}.brot-landing p{text-wrap:pretty;max-width:52ch;margin:0 0 18px}.brot-landing p:last-child{margin-bottom:0}.brot-landing .eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--stone);align-items:baseline;gap:14px;margin-bottom:clamp(20px,2.4vw,32px);font-size:12px;font-weight:500;display:flex}.brot-landing .eyebrow b{color:var(--amber);letter-spacing:.06em;font-weight:500}.brot-landing .btn{background:var(--navy);min-height:48px;color:var(--cream);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.brot-landing .btn:hover{background:var(--navy-h);color:var(--cream)}.brot-landing .link{white-space:nowrap;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--navy);padding-bottom:3px;font-size:13px;font-weight:500}.brot-landing .media{background:var(--cream);position:relative;overflow:hidden}.brot-landing .media img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.brot-landing .bar{z-index:10;color:var(--cream);background:0 0;border-bottom:1px solid #0000;transition:transform .45s cubic-bezier(.2,.7,.2,1),background .3s,color .3s,border-color .3s;position:fixed;top:0;left:0;right:0}.brot-landing .bar:before{content:"";pointer-events:none;background:linear-gradient(#0e233c52,#0e233c00);transition:opacity .3s;position:absolute;inset:0 0 -40px}.brot-landing .bar.solid{color:var(--navy);-webkit-backdrop-filter:blur(10px);border-color:var(--hair);background:#ffffffeb}.brot-landing .bar.solid:before{opacity:0}.brot-landing .bar.off{transform:translateY(-100%)}.brot-landing .bar .brand,.brot-landing .bar .nav a:not(.btn){color:inherit}.brot-landing .bar:not(.solid) .brand img{filter:brightness(0)invert(.95)}.brot-landing .bar:not(.solid) .brand span em{color:inherit}.brot-landing .bar:not(.solid) .btn{background:var(--cream);color:var(--navy)}.brot-landing .bar:not(.solid) .ig{border-color:#f4eee28c}.brot-landing [id]{scroll-margin-top:72px}.brot-landing .bar .wrap{justify-content:space-between;align-items:center;gap:24px;height:76px;transition:height .3s;display:flex;position:relative}.brot-landing .bar.solid .wrap{height:60px}.brot-landing .brand{white-space:nowrap;letter-spacing:.08em;align-items:center;gap:12px;font-size:17px;font-weight:500;display:flex}.brot-landing .brand img{width:38px;height:38px;display:block}.brot-landing .brand span em{color:var(--amber);font-style:normal}.brot-landing .nav{letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:clamp(20px,2.6vw,40px);font-size:13px;font-weight:500;display:flex}.brot-landing .nav a:not(.btn):hover{color:var(--amber)}.brot-landing .nav a{white-space:nowrap}@media (max-width:1100px){.brot-landing .nav a.hide-m:not(.ig){display:none}}.brot-landing .ig{border:1px solid var(--hair);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.brot-landing .ig svg{width:18px;height:18px}.brot-landing .hero{height:min(100vh,900px);min-height:600px;position:relative}.brot-landing .hero .media{position:absolute;inset:0}.brot-landing .hero-card{background:var(--cream);width:min(540px,46vw);padding:clamp(28px,3vw,44px);position:absolute;bottom:clamp(20px,4vw,64px);left:clamp(20px,4vw,64px)}.brot-landing .hero-card .rule{margin-bottom:clamp(20px,2.4vw,28px)}.brot-landing .hero-card h1{font-family:var(--font-jost),system-ui,sans-serif;letter-spacing:-.035em;text-wrap:balance;margin-bottom:clamp(24px,3vw,36px);font-size:clamp(36px,4vw,60px);font-weight:300;line-height:1}.brot-landing .hero-card h1 i{color:var(--stone);font-style:normal}.brot-landing .hero-actions{flex-wrap:wrap;align-items:center;gap:18px 28px;display:flex}.brot-landing section{padding:clamp(96px,13vw,200px) 0}.brot-landing .idea-a{grid-column:1/span 5}.brot-landing .idea-a .media{aspect-ratio:4/5}.brot-landing .idea-txt{margin-top:clamp(32px,4vw,56px)}.brot-landing .idea-b{grid-column:8/span 5;align-self:end}.brot-landing .idea-b .media{aspect-ratio:3/4.4}.brot-landing .quote{padding:clamp(40px,6vw,96px) 0 clamp(80px,10vw,150px)}.brot-landing .quote .rule{margin-bottom:clamp(28px,3vw,44px)}.brot-landing .quote blockquote{font-family:var(--font-jost),system-ui,sans-serif;letter-spacing:-.05em;margin:0;font-size:clamp(56px,10.5vw,176px);font-weight:300;line-height:.92}.brot-landing .quote figcaption{letter-spacing:.18em;text-transform:uppercase;color:var(--stone);margin-top:clamp(20px,2.4vw,32px);font-size:12px;font-weight:500}.brot-landing .porque{background:var(--cream)}.brot-landing .porque-img{grid-column:1/span 5}.brot-landing .porque-img .media{aspect-ratio:1/1.1;background:#fff}.brot-landing .porque-txt{grid-column:7/span 6;align-self:center}.brot-landing .num{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,2.4vw,36px);margin:clamp(32px,4vw,56px) 0;padding:clamp(24px,3vw,36px) 0;display:grid}.brot-landing .num strong{font-family:var(--font-jost),system-ui,sans-serif;letter-spacing:-.06em;color:var(--amber);font-size:clamp(88px,10vw,160px);font-weight:300;line-height:.85}.brot-landing .num strong small{letter-spacing:0;margin-left:.04em;font-size:.4em}.brot-landing .num p{margin:0;font-size:clamp(17px,1.4vw,20px)}.brot-landing .pedir-txt{grid-column:1/span 6}.brot-landing .pedir-img{grid-column:8/span 5}.brot-landing .pedir-img .media{aspect-ratio:481/760}.brot-landing .steps{margin:clamp(36px,4vw,56px) 0 0;padding:0;list-style:none;display:grid}.brot-landing .step{border-top:1px solid var(--hair);grid-template-columns:clamp(56px,6vw,88px) minmax(0,1fr);gap:16px;padding:clamp(20px,2.2vw,28px) 0;display:grid}.brot-landing .step:last-child{border-bottom:1px solid var(--hair)}.brot-landing .step-n{font-family:var(--font-jost),system-ui,sans-serif;letter-spacing:-.03em;color:var(--amber);font-size:clamp(28px,2.6vw,38px);font-weight:300;line-height:1}.brot-landing .step h3{letter-spacing:-.005em;margin-bottom:4px;font-size:clamp(19px,1.5vw,22px);font-weight:500}.brot-landing .step p{color:var(--stone);margin:0}.brot-landing footer{background:var(--navy);color:var(--cream);padding:clamp(64px,8vw,120px) 0 40px}.brot-landing footer a{color:var(--cream)}.brot-landing footer a:hover{color:var(--amber)}.brot-landing .f-brand{grid-column:1/span 5}.brot-landing .f-brand img{width:clamp(88px,8vw,112px);margin-bottom:24px;display:block}.brot-landing .f-brand p{font-family:var(--font-jost),system-ui,sans-serif;letter-spacing:-.02em;max-width:18ch;font-size:clamp(26px,2.4vw,36px);font-weight:300;line-height:1.15}.brot-landing .f-col{grid-column:span 2}.brot-landing .f-col:first-of-type{grid-column:7/span 2}.brot-landing .f-col h3{letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--cream) 70%,transparent);margin-bottom:14px;font-size:12px;font-weight:500}.brot-landing .f-col ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.brot-landing .f-legal{border-top:1px solid color-mix(in srgb,var(--cream) 22%,transparent);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--cream) 70%,transparent);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:clamp(56px,7vw,96px);padding-top:24px;font-size:12px;display:flex}.brot-landing .mbar{display:none}@media (max-width:1100px){.brot-landing .f-brand{grid-column:1/-1;margin-bottom:24px}.brot-landing .f-col,.brot-landing .f-col:first-of-type{grid-column:span 4}}@media (max-width:860px){.brot-landing .nav .hide-m{display:none}.brot-landing .grid>*{grid-column:1/-1!important}.brot-landing .hero{height:auto;min-height:0}.brot-landing .hero .media{height:62vh;min-height:360px;position:relative}.brot-landing .hero-card{width:auto;margin:-64px 16px 0;position:relative;bottom:auto;left:auto}.brot-landing .idea-b{margin-top:clamp(32px,6vw,56px)}.brot-landing .idea-b .media{aspect-ratio:4/5}.brot-landing .porque-img .media{aspect-ratio:1016/1200}.brot-landing .porque-txt{margin-top:32px}.brot-landing .pedir-img{margin-top:40px}.brot-landing .pedir-img .media{aspect-ratio:4/5}.brot-landing .mbar{z-index:12;gap:12px;transition:transform .45s cubic-bezier(.2,.7,.2,1),opacity .3s;display:flex;position:fixed;bottom:16px;left:16px;right:16px}.brot-landing .mbar:not(.on){opacity:0;pointer-events:none;transform:translateY(calc(100% + 24px))}html:has(.brot-landing){scrollbar-width:none}html:has(.brot-landing)::-webkit-scrollbar{display:none}.brot-landing .mbar .btn{letter-spacing:.01em;text-transform:none;flex:1;min-height:56px;font-size:16px;box-shadow:0 4px 14px #0e233c4d}.brot-landing .mbar .ig{background:var(--navy);width:56px;height:56px;color:var(--cream);border:none;box-shadow:0 4px 14px #0e233c4d}.brot-landing .mbar .ig svg{width:22px;height:22px}.brot-landing footer{padding-bottom:104px}}@media (max-width:560px){.brot-landing .f-col,.brot-landing .f-col:first-of-type{grid-column:1/-1!important}.brot-landing .nav .btn{display:none}}
