/* PetLego institucional — FIX2. Independente da Sprint 11. */
:root{color-scheme:light;--navy:#123F4A;--dark:#003D4C;--teal:#007A78;--cream:#FFFEFA;--mint:#D9F1EF;--line:#C0E6E0}
*,*::before,*::after{box-sizing:border-box}
html{width:100%;min-width:0;scroll-behavior:smooth}
body{width:100%;min-width:0;margin:0;background:var(--cream);color:var(--dark);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.site-shell{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;width:100%;display:flex;flex-direction:column;overflow:hidden}
.decoration{position:absolute;z-index:-1;pointer-events:none}
.decoration-top{width:65vw;height:35vw;right:-14vw;top:-20vw;border-radius:30% 70% 50% 50%;transform:rotate(14deg);background:linear-gradient(130deg,#E7F8F3,#ACE7DF)}
.decoration-top::after{content:'';position:absolute;inset:12% -2% 0 2%;border-top:2px solid #0E9B97;border-radius:50%}
.decoration-bottom-left{width:55vw;height:25vw;left:-15vw;bottom:-14vw;transform:rotate(9deg);border-radius:60% 40% 0 0;background:linear-gradient(140deg,#006E75,#123F4A)}
.decoration-bottom-left::after{content:'';position:absolute;inset:20px 0 0 -10px;border-top:2px solid #0BA5A0;border-radius:50%}
.decoration-bottom-right{width:30vw;height:15vw;right:-8vw;bottom:-9vw;transform:rotate(-20deg);border-radius:60% 40% 0 0;background:linear-gradient(130deg,#E5F8F1,#B8EAE1)}
.header{width:min(1310px,90%);min-width:0;flex:none;margin:clamp(20px,3vw,42px) auto 0}
.brand{display:block;max-width:100%;width:clamp(220px,28vw,385px);height:auto;object-fit:contain}
.main{width:min(1280px,91%);min-width:0;max-width:100%;margin:auto;display:flex;flex-direction:column;align-items:center;padding:12px 0 clamp(68px,8vw,120px)}
.introduction{min-width:0;width:100%;text-align:center}
h1{font-size:clamp(2.85rem,5.8vw,5.5rem);font-weight:750;line-height:1.08;letter-spacing:-.045em;margin:0;color:var(--dark)}
.introduction p{margin:clamp(22px,3vw,30px) auto 0;max-width:900px;font-size:clamp(1.13rem,2.05vw,1.85rem);line-height:1.47;color:#31536A}
.values{width:100%;min-width:0;max-width:100%;margin:clamp(50px,5.5vw,75px) 0 clamp(38px,4.5vw,58px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start}
.value{min-width:0;min-height:144px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:17px;padding:0 12px;position:relative;font-size:clamp(.79rem,1.17vw,1.06rem);font-weight:500;line-height:1.45;text-transform:uppercase;letter-spacing:.003em;color:var(--navy)}
.value+.value::before{content:'';position:absolute;left:0;top:34px;height:75px;border-left:1px solid var(--line)}
.value>span:last-child{max-width:100%;overflow-wrap:break-word}
.icon-circle{flex:none;width:clamp(65px,7.2vw,88px);height:clamp(65px,7.2vw,88px);border-radius:50%;background:#DDF4EF;display:grid;place-items:center;color:var(--teal)}
.icon-circle svg{display:block;width:58%;height:58%}
.coming-soon{display:flex;align-items:center;justify-content:center;gap:26px;margin:0;font-size:clamp(1.25rem,1.9vw,1.7rem);font-weight:500;color:var(--teal);letter-spacing:.11em;white-space:nowrap}
.coming-soon::before,.coming-soon::after{content:'';height:1px;width:clamp(30px,5vw,65px);background:#95D8D0}
@media(max-width:740px){
 .site-shell{min-height:100svh}
 .header{width:calc(100% - 40px);max-width:100%;margin:22px auto 0;display:flex;justify-content:center}
 .brand{width:min(230px,66vw);max-width:100%;height:auto;object-fit:contain}
 .main{width:calc(100% - 36px);max-width:100%;margin:0 auto;padding:clamp(36px,8vh,68px) 0 90px;align-items:stretch}
 .introduction{width:100%;min-width:0;max-width:100%;margin:0 auto;text-align:center}
 .introduction h1{width:100%;font-size:clamp(1.75rem,7.1vw,2.45rem);line-height:1.14;letter-spacing:-.035em;overflow-wrap:break-word}
 .desktop-break{display:none}
 .introduction p{width:100%;max-width:100%;font-size:clamp(.9rem,3.7vw,1.08rem);line-height:1.48;margin:23px auto 0;overflow-wrap:break-word}
 .values{width:100%;max-width:100%;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:27px;margin:45px 0 39px}
 .value,.value:nth-child(4),.value:nth-child(5){grid-column:auto;min-width:0;min-height:0;padding:0 1px;font-size:clamp(.67rem,2.7vw,.82rem);line-height:1.36;gap:10px}
 .value:last-child{grid-column:1/-1;justify-self:center;width:min(100%,210px)}
 .value::before,.value+.value::before{display:none}
 .icon-circle{width:clamp(58px,15vw,70px);height:clamp(58px,15vw,70px)}
 .coming-soon{gap:15px;font-size:1.12rem;letter-spacing:.1em}
 .coming-soon::before,.coming-soon::after{width:35px}
 .decoration-top{width:105vw;height:45vw;right:-42vw;top:-24vw}
 .decoration-bottom-left{width:115vw;height:52vw;left:-50vw;bottom:-30vw}
 .decoration-bottom-right{width:65vw;height:36vw;right:-20vw;bottom:-22vw}
}
@media(max-width:360px){.header{width:calc(100% - 30px)}.main{width:calc(100% - 26px)}.introduction h1{font-size:clamp(1.55rem,7vw,1.95rem)}.value{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}