/* Identidad y composición final. */
html,body{max-width:100%;overflow-x:hidden}
.logo-window{display:block;overflow:hidden;position:relative}
.site-header .brand{width:214px;height:58px;display:block}
.header-logo{width:214px;height:58px}.header-logo img{display:block;width:258px;height:auto;transform:translate(-22px,-50px)}
.hero-visual{width:min(430px,34vw);height:340px;position:relative;flex:0 0 auto;display:grid;place-items:center}
.hero-logo-card{width:350px;height:218px;background:rgba(255,255,255,.78);border:1px solid #d5e7ef;border-radius:26px;padding:0;display:grid;place-items:center;box-shadow:0 22px 50px #0e385215;transform:rotate(-3deg);z-index:1}
.hero-logo-window{width:290px;height:120px}.hero-logo-window img{display:block;width:340px;height:auto;transform:translate(-26px,-80px)}
.hero-visual i{position:absolute;width:126px;height:126px;right:0;bottom:5px;border-radius:50%;background:#1677bd}
.product-card,.card-body{min-width:0}.card-top span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-body h3{line-height:1.18;overflow-wrap:anywhere}.card-body p{line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product-card .sizes{margin-top:16px}.product-card .whatsapp-product{margin-top:16px}
.footer-brand{width:205px;height:65px}.footer-logo{width:205px;height:65px}.footer-logo img{display:block;width:245px;height:auto;filter:brightness(0) invert(1);transform:translate(-20px,-47px)}
@media(max-width:1000px){.hero-visual{transform:scale(.84);margin-right:-25px}}
@media(max-width:720px){.site-header .brand{width:174px;height:52px}.header-logo{width:174px;height:52px}.header-logo img{width:212px;transform:translate(-18px,-42px)}.hero{position:relative}.hero-copy{max-width:100%}.hero-visual{position:absolute;right:-75px;bottom:-56px;opacity:.18;transform:scale(.72)}.site-header nav{max-width:100vw}.school-products{padding-top:15px}.school-campaign img{opacity:.58}.school-campaign>div{max-width:290px}.footer-brand{width:180px}.footer-logo{width:180px}}
@media(max-width:520px){.product-grid{grid-template-columns:1fr}.hero{min-height:585px;padding:56px 24px}.hero h1{font-size:45px}.hero p{font-size:16px;max-width:310px}.hero-actions{max-width:310px}.hero-actions .button{width:100%;text-align:center}.school-campaign{margin:34px 16px;padding:42px 28px;min-height:390px}.school-campaign h2{font-size:41px}.catalog-section{padding-left:20px;padding-right:20px}.how{padding:58px 24px}.footer-links{gap:11px}.footer-links span,footer small{font-size:12px}}