@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b3847;--gold:#c99b40;--cream:#f6f3ec;--ink:#173b46;--muted:#64777d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea{outline-offset:5px}h1,h2,h3{font-family:Manrope,Arial,sans-serif}p{line-height:1.8;color:var(--muted);font-size:15px}.container{max-width:1440px;margin:auto;padding:0 6%}.topbar{background:var(--navy);color:#dce6e9;font-size:10px;letter-spacing:1.5px;padding:10px 6%;display:flex;justify-content:space-between}.topbar b{color:#e8c37c;font-weight:500}header{position:relative;background:white;z-index:5}.header-inner{display:flex;align-items:center;justify-content:space-between;height:104px;gap:30px}.brand{display:flex;align-items:center;gap:15px}.brand img{width:82px;height:84px;object-fit:contain}.brand strong{font-size:21px;letter-spacing:-.7px}.brand small{font-size:9px;letter-spacing:2px;display:block;margin-top:6px;font-weight:500}nav{display:flex;gap:35px;align-items:center;font-size:13px}nav a[aria-current],nav a:hover{color:#98701f}.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:17px 23px;font-size:12px;font-weight:700;background:var(--gold);color:#132e38;border:1px solid var(--gold);cursor:pointer;transition:background .2s,transform .2s}.btn:hover{background:#e4bc6b;transform:translateY(-2px)}.btn.dark{background:var(--navy);color:white;border-color:var(--navy)}.btn.outline{background:transparent;border-color:#ffffff50;color:white}.btn.text{background:transparent;border:none;color:var(--navy);padding-left:0}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:52% 48%;min-height:630px;background:var(--navy);position:relative}.hero-copy{padding:65px 11.5%;padding-right:40px;color:white;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.2px;text-transform:uppercase;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:24px;height:1px;background:var(--gold)}.hero .eyebrow{color:#e4bf7c}h1{font-size:clamp(42px,4.7vw,72px);font-weight:600;letter-spacing:-2.8px;line-height:1.12;margin:26px 0 20px}.gold{color:#dfb76a}.hero p{max-width:390px;color:#bdcdd2;font-size:15px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-bottom{display:flex;align-items:center;gap:12px;margin-top:45px;font-size:10px;color:#a9bfc7;letter-spacing:1px}.hero-bottom span{width:28px;height:28px;border:1px solid #64818c;display:grid;place-items:center;border-radius:50%;font-size:14px}.hero-photo{position:relative;overflow:hidden}.hero-photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center 48%}.photo-label{position:absolute;right:25px;bottom:23px;z-index:1;font-size:8px;letter-spacing:1px;color:white;background:#0b263e80;padding:9px}.hero-stamp{position:absolute;right:30px;top:30px;z-index:1;width:102px;height:102px;border-radius:50%;border:1px solid #fff8;color:white;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:10px;letter-spacing:2px;background:#0b384730}.hero-stamp b{font-size:25px;margin:5px 0}.values{background:var(--cream);border-bottom:1px solid #e9e6dd}.values-inner{display:grid;grid-template-columns:repeat(3,1fr)}.value{display:flex;align-items:center;justify-content:center;gap:17px;padding:26px;border-right:1px solid #dedfd7}.value:last-child{border:0}.value svg{width:27px;height:27px;fill:none;stroke:#9e7b31;stroke-width:1.4}.value b{display:block;font-size:12px}.value small{display:block;color:#708087;font-size:10px;margin-top:5px}.section{padding-top:90px;padding-bottom:90px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}h2{font-size:clamp(31px,3.5vw,49px);font-weight:500;letter-spacing:-1.8px;line-height:1.2;margin:20px 0}.section-head p{max-width:310px;font-size:13px}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.about-photo{position:relative;height:535px}.about-photo img{height:100%;width:100%;object-fit:cover;object-position:center 42%}.about-label{position:absolute;bottom:-22px;right:-25px;background:var(--navy);color:white;padding:25px 30px;width:210px;font-size:18px;line-height:1.4}.about-label small{display:block;font-size:9px;letter-spacing:1px;color:#dfb76a;margin-bottom:8px}.about-copy p{max-width:445px}.divider{width:50px;height:2px;background:var(--gold);margin:26px 0}.service-section{background:var(--cream)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:white;padding:34px;border-top:2px solid transparent;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:var(--gold)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.card-top span{font-size:11px;color:#8d9c9e}.card svg{width:35px;height:35px;fill:none;stroke:var(--gold);stroke-width:1.4}.card h3{font-size:21px;letter-spacing:-.5px;line-height:1.4;font-weight:600}.card p{font-size:13px}.card a{font-size:11px;font-weight:700;display:flex;justify-content:space-between;border-top:1px solid #e3e8e7;padding-top:20px;margin-top:30px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:45px}.process-step{border-top:1px solid #d6dfe0;padding-top:25px}.number{font-size:33px;color:var(--gold);font-family:Manrope}.process-step h3{font-size:19px}.process-step p{font-size:13px}.cta{background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:60px}.cta h2{max-width:650px;margin:15px 0}.cta p{color:#b8ccd3;font-size:14px}.cta .eyebrow{color:#dcb46d}footer{background:#072b38;color:white}.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px;padding-top:55px;padding-bottom:45px}.footer-logo{background:white;padding:8px;width:90px;height:95px;object-fit:contain}.footer-brand{display:flex;gap:22px;align-items:center}.footer-brand strong{font-size:21px}.footer-brand p{color:#aac0c8;font-size:12px;max-width:260px}.footer-title{font-size:10px;letter-spacing:2px;color:#d7b87e;margin-bottom:20px}.footer-links{display:flex;flex-direction:column;gap:14px;font-size:12px}.footer-bottom{border-top:1px solid #ffffff1c;display:flex;justify-content:space-between;padding:22px 0;font-size:10px;color:#9eb6bf;gap:20px}.page-hero{background:var(--navy);color:white;padding:58px 0 62px}.page-hero h1{max-width:930px;font-size:clamp(40px,4.4vw,64px)}.page-hero p{color:#b6ccd4;max-width:540px}.page-hero .eyebrow{color:#e1bb74}.contactgrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:start}.contact-box{padding:36px 40px;background:var(--cream);border:1px solid #e8e5db}.contact-box h3{font-size:23px;margin-top:0}.contact-box>p{font-size:12px}.contact-detail{border-top:1px solid #dce2e2;padding:22px 0}.contact-detail h3{font-size:16px}.contact-detail p{font-size:13px}label{display:block;font-size:12px;margin:17px 0 8px}input,textarea{width:100%;padding:13px 14px;border:1px solid #ccd5d6;background:white;border-radius:0;color:var(--navy);outline-color:var(--gold)}textarea{min-height:120px;resize:vertical}.contact-box .btn{width:100%;margin-top:20px}.privacy{font-size:10px;color:#687b81;line-height:1.7}.status{font-size:13px;line-height:1.6}.credit{font-size:10px;color:#718187;margin-top:28px}button:disabled{opacity:.55;cursor:wait}.reveal{animation:up .6s ease both}@keyframes up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.brand strong{font-size:17px}.brand img{width:65px;height:70px}.brand small{font-size:7px}nav{gap:22px}.hero-copy{padding:50px 7%}.hero{min-height:570px;grid-template-columns:55% 45%}.hero h1{font-size:49px}.hero-stamp{display:none}.value{padding:22px 14px}.value small{font-size:9px}.value b{font-size:11px}.about{gap:7%}.about-photo{height:480px}.card{padding:25px}.footer-top{gap:30px}.cta{padding:40px}}
@media(max-width:650px){.topbar{font-size:8px;letter-spacing:.8px}.topbar span:last-child{display:none}.header-inner{height:86px}.brand img{height:70px;width:67px}.brand strong{font-size:18px}.menu-toggle{display:block;border:1px solid #c5d1d3;background:white;padding:10px;color:var(--navy);font-size:12px}nav{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:20px 6%;box-shadow:0 10px 15px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}.hero h1{font-size:48px;letter-spacing:-2px;margin:22px 0 15px}.hero p{font-size:14px}.hero-bottom{margin-top:30px}.hero-photo{height:350px}.hero-photo>img{object-position:center 38%}.hero .eyebrow{font-size:8px;letter-spacing:1.6px}.hero-stamp{display:flex;width:80px;height:80px;right:20px;top:20px;font-size:8px}.hero-stamp b{font-size:20px}.values-inner{grid-template-columns:1fr}.value{justify-content:flex-start;padding:19px 6%;border-right:0;border-bottom:1px solid #dfe1d9}.value b{font-size:12px}.value small{font-size:10px}.section{padding-top:55px;padding-bottom:55px}.about{grid-template-columns:1fr;gap:50px}.about-photo{height:420px;margin-right:18px}.about-label{right:-18px;bottom:-18px;width:185px;padding:22px;font-size:16px}.about-copy h2{font-size:36px}.section-head{flex-direction:column;gap:5px;align-items:start;margin-bottom:30px}.section-head h2{margin-bottom:8px}.cards,.process-grid{grid-template-columns:1fr}.cards{gap:15px}.card-top{margin-bottom:25px}.card{padding:30px}.cta{padding:32px 25px;flex-direction:column;align-items:start}.cta h2{font-size:33px}.footer-top{grid-template-columns:1fr 1fr;gap:35px;padding-top:40px}.footer-brand{grid-column:1 / -1}.footer-bottom{flex-direction:column;gap:12px;line-height:1.6}.page-hero{padding:40px 0}.page-hero h1{font-size:41px;letter-spacing:-1.8px}.contactgrid{grid-template-columns:1fr;gap:30px}.contact-box{padding:28px 24px}.process-grid{gap:14px;margin-top:20px}.process-step{display:grid;grid-template-columns:45px 1fr;column-gap:15px}.process-step p{grid-column:2}.process-step h3{margin-bottom:0}.process-step .number{grid-row:span 2}.actions{gap:10px}.btn{padding:16px 18px;font-size:11px}.eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* Historia de Avigranja RS */
.our-story{background:#edf2f2;scroll-margin-top:24px}
.story-intro{display:grid;grid-template-columns:1.7fr 1fr;gap:70px;align-items:end;margin-bottom:45px}
.story-intro h2{font-size:clamp(31px,3.35vw,48px);max-width:800px;line-height:1.22}
.story-intro h2 span{color:#73868b}
.story-intro>p{max-width:320px;font-size:14px;margin-bottom:24px}
.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}
.story-narrative p{font-size:14px;max-width:510px;margin:0 0 20px}
.story-narrative .story-opening{font-size:19px;line-height:1.7;color:var(--navy);font-weight:500}
.story-narrative blockquote{border-left:2px solid var(--gold);padding:10px 0 10px 23px;margin:30px 0;color:var(--navy);font-family:Manrope,Arial,sans-serif;font-size:22px;line-height:1.55;max-width:490px}
.story-narrative .btn{margin-top:5px}
.story-milestones{border-top:1px solid #bfccce}
.story-milestone{position:relative;padding:25px 0 25px 28px;border-bottom:1px solid #bfccce;border-left:1px solid #bfccce}
.story-milestone:before{content:'';position:absolute;left:-5px;top:30px;width:9px;height:9px;background:var(--gold);border-radius:50%}
.story-step{font-size:9px;letter-spacing:1.8px;color:#687c84}
.story-milestone strong{display:block;font:500 clamp(38px,4vw,56px)/1.2 Manrope,Arial,sans-serif;color:var(--navy);letter-spacing:-2px;margin-top:12px}
.story-milestone strong small{font-size:18px;letter-spacing:0;color:#71868d}
.story-milestone h3{font-size:16px;font-weight:600;margin:10px 0 4px}
.story-milestone p{font-size:12px;line-height:1.7;margin:0;max-width:380px}
.story-founders{border-top:1px solid #bfccce;margin-top:50px;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.story-founders>span{font-size:9px;letter-spacing:2px;color:#687c84}
.story-founders p{font-family:Manrope,Arial,sans-serif;font-size:21px;color:var(--navy);margin:0;line-height:1.5}
.story-founders i{font-family:Georgia,serif;color:#a78031;font-size:25px;margin:0 12px}
.story-founders>small{font-size:11px;color:#687c84}
@media(min-width:901px){nav{gap:24px}.brand small{letter-spacing:1.3px}}
@media(min-width:651px) and (max-width:1000px){.header-inner{gap:15px}nav{gap:14px}nav .btn{padding:15px;font-size:11px}.brand{gap:8px}.brand strong{font-size:16px}.brand small{letter-spacing:.8px;font-size:7px}.story-intro{gap:35px}}
@media(max-width:650px){.story-intro,.story-grid{grid-template-columns:1fr;gap:24px}.story-intro{margin-bottom:20px}.story-intro h2{font-size:33px;letter-spacing:-1.4px}.story-intro>p{margin:0;max-width:none}.story-narrative .story-opening{font-size:18px}.story-narrative blockquote{font-size:20px}.story-milestones{margin-top:20px}.story-milestone{padding:24px 0 24px 24px}.story-milestone strong{font-size:45px}.story-founders{flex-direction:column;align-items:start;gap:12px;margin-top:32px}.story-founders p{font-size:21px}.story-founders i{margin:0 7px}}
