*{margin:0;padding:0;box-sizing:border-box}:root{--red-primary-color:#C52613;--black-primary-color:#000000;--white-primary-color:#ffffff;--primary-text:#e0e0e0;--secondary-text:#4B5563;--alt-background:#F3F4F6;--header-height:100px}html{overflow-x:hidden;scroll-behavior:smooth}body{font-family:"Montserrat",sans-serif;font-weight:400;color:var(--black-primary-color);background-color:var(--white-primary-color);overflow-x:hidden}header{background-color:var(--black-primary-color);position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:4px 100px;max-height:var(--header-height);font-size:1rem;transition:padding 0.4s ease,background-color 0.4s ease,max-height 0.4s ease;img{display:block;max-width:100%;height:auto;transition:max-width 0.4s ease}ul{list-style-type:none;display:flex;gap:20px;a{text-decoration:none;color:var(--primary-text);transition:color 0.3s ease;&:hover{color:var(--red-primary-color)}}}.menu-toggle{display:none}}header.header-scrolled{padding:0 100px;max-height:60px;background-color:rgb(0 0 0 / .85);backdrop-filter:blur(10px);img{max-width:140px}}#hero{min-height:88vh;margin-top:var(--header-height);background-image:url(/assets/images/hero-bg.webp);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:flex-start;padding-top:250px;position:relative;&::before{content:'';position:absolute;inset:0;background-color:rgb(0 0 0 / .6);z-index:1}.hero-content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px;z-index:2;.hero-text{color:var(--primary-text);font-size:2.5rem;span{text-decoration:underline;text-decoration-color:var(--red-primary-color)}}.hero-btn{text-decoration:none;color:var(--white-primary-color);padding:14px 36px;background-color:var(--red-primary-color);border:2px solid var(--red-primary-color);border-radius:4px;font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:background-color 0.3s ease,color 0.3s ease;&:hover{background-color:#fff0;color:var(--red-primary-color)}}}}@keyframes fadeInLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes drawLine{from{height:0}to{height:100%}}#about{min-height:100vh;display:flex;.about-text{flex:1;background-color:var(--white-primary-color);padding:80px 100px;display:flex;flex-direction:column;justify-content:center;h2{border-left:5px solid var(--red-primary-color);padding-left:16px;font-size:2rem;margin-bottom:24px}p{color:var(--secondary-text);margin-top:24px;line-height:1.8}span{color:var(--red-primary-color);font-weight:600}}.about-logo-mobile{display:none}.about-highlights{flex:1;background-color:var(--black-primary-color);padding:80px 60px;display:flex;flex-direction:column;justify-content:center;gap:48px;position:relative;overflow:hidden}.about-highlights::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background-color:var(--red-primary-color);transform:translateX(-50%);height:100%}.highlight-card{display:flex;align-items:flex-start;gap:20px;position:relative;z-index:1;&:nth-child(odd){flex-direction:row;padding-right:50%}&:nth-child(even){flex-direction:row-reverse;padding-left:50%}&::before{content:'';position:absolute;width:16px;height:16px;background-color:var(--red-primary-color);border:3px solid var(--black-primary-color);border-radius:50%;top:24px;left:50%;transform:translateX(-50%);z-index:2}&:hover{.highlight-content{background-color:rgb(255 255 255 / .08)}}}.highlight-front,.highlight-back{display:none}.highlight-content{padding:20px;border-radius:8px;transition:background-color 0.3s ease;h3{color:var(--red-primary-color);font-size:1.3rem;margin-bottom:8px;font-weight:700}p{color:var(--primary-text);font-size:.95rem;line-height:1.6}}}.break-line{border-top:5px solid var(--red-primary-color)}#products{min-height:100vh;padding:80px 100px;display:flex;flex-direction:column;justify-content:center;background-color:var(--black-primary-color);h2{border-left:5px solid var(--red-primary-color);padding-left:16px;font-size:2rem;margin-bottom:60px;color:var(--white-primary-color)}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.product-card{display:flex;flex-direction:column;background-color:var(--alt-background);padding:24px;border-radius:8px;box-shadow:0 4px 12px rgb(0 0 0 / .1);transition:all 0.3s ease;&:hover{transform:scale(1.05)}img{display:block;width:100%;max-width:100%;height:auto;object-fit:cover;border-radius:4px;margin-bottom:16px}h3{font-size:1.2rem;margin-bottom:12px;color:var(--black-primary-color)}p{color:var(--secondary-text);margin-bottom:24px;flex-grow:1;line-height:1.6}}.btn-product{text-decoration:none;color:var(--white-primary-color);padding:12px 24px;background-color:var(--red-primary-color);border:2px solid var(--red-primary-color);border-radius:4px;font-size:.95rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:background-color 0.3s ease,color 0.3s ease;text-align:center;&:hover{background-color:#fff0;color:var(--red-primary-color)}}}#services{padding:80px 100px;background-color:var(--alt-background);h2{border-left:5px solid var(--red-primary-color);padding-left:16px;font-size:2rem;margin-bottom:12px}.services-subtitle{color:var(--secondary-text);font-size:1rem;margin-bottom:60px;padding-left:21px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 32px}.service-card{display:flex;align-items:center;gap:20px;transition:transform 0.3s ease;&:hover{transform:translateY(-4px);.service-icon{background-color:var(--black-primary-color)}}}.service-icon{width:70px;height:70px;min-width:70px;border-radius:50%;background-color:var(--red-primary-color);display:flex;align-items:center;justify-content:center;transition:background-color 0.3s ease;i{font-size:1.6rem;color:var(--white-primary-color)}}.service-card h3{font-size:1rem;font-weight:600;color:var(--black-primary-color);line-height:1.4}}#sectors{min-height:100vh;padding:80px 100px;background-color:var(--black-primary-color);h2{border-left:5px solid var(--red-primary-color);padding-left:16px;font-size:2rem;margin-bottom:24px;color:var(--primary-text)}.sectors-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;.sector-card{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:1 / 1;&:nth-child(1){grid-column:1 / 3;grid-row:1;aspect-ratio:2 / 1}img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.sector-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.3s ease;h3{color:var(--white-primary-color);font-size:1.5rem;text-align:center}}&:hover img{transform:scale(1.05)}&:hover .sector-overlay{opacity:1}}}}#contact{min-height:100vh;padding:80px 100px;background-color:var(--white-primary-color);display:flex;flex-direction:column;justify-content:center;h2{border-left:5px solid var(--red-primary-color);padding-left:16px;font-size:2rem;margin-bottom:12px}>p{color:var(--secondary-text);margin-bottom:60px;font-size:1.1rem}.contact-container{display:flex;flex-direction:column;gap:50px}.contact-form{width:100%;display:flex;flex-direction:column;gap:20px;label{font-weight:600;color:var(--black-primary-color);margin-bottom:4px}input,textarea{padding:12px 16px;border:2px solid var(--alt-background);border-radius:4px;font-family:inherit;font-size:.95rem;transition:border-color 0.3s ease;&:focus{outline:none;border-color:var(--red-primary-color);box-shadow:0 0 0 3px rgb(197 38 19 / .1)}}textarea{resize:vertical;min-height:120px}button{padding:14px 36px;background-color:var(--red-primary-color);color:var(--white-primary-color);border:2px solid var(--red-primary-color);border-radius:4px;width:auto;min-width:200px;font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all 0.3s ease;align-self:center;&:hover{background-color:#fff0;color:var(--red-primary-color)}}}.contact-info{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;.info-block{display:flex;justify-content:center;text-align:center;flex-direction:column;background-color:var(--alt-background);padding:24px;border-radius:8px;transition:all 0.3s ease;&:hover{transform:translateY(-4px);box-shadow:0 8px 16px rgb(0 0 0 / .1)}h3{color:var(--red-primary-color);font-size:.95rem;margin-bottom:12px;font-weight:700}p{color:var(--secondary-text);font-size:.85rem;line-height:1.6}a{color:var(--red-primary-color);text-decoration:none;font-size:.85rem;transition:color 0.3s ease;&:hover{color:var(--black-primary-color)}}}}}footer{background-color:var(--black-primary-color);color:var(--primary-text);padding:60px 100px;border-top:1px solid var(--red-primary-color);.footer-container{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:40px}.footer-section{display:flex;flex-direction:column;gap:16px;h3{color:var(--white-primary-color);font-size:1rem;margin-bottom:8px}ul{list-style:none;display:flex;flex-direction:column;gap:12px}a{color:var(--primary-text);text-decoration:none;transition:color 0.3s ease;&:hover{color:var(--red-primary-color)}}img{display:block;max-width:100%;height:auto;margin-bottom:12px}}.footer-socials{display:flex;gap:16px;a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#c5261333;border-radius:4px;color:var(--red-primary-color);transition:all 0.3s ease;&:hover{background-color:var(--red-primary-color);color:var(--white-primary-color)}}}.footer-bottom{border-top:1px solid var(--red-primary-color);padding-top:24px;text-align:center;color:var(--secondary-text);font-size:.9rem}}@media (max-width:768px){:root{--header-height:70px}header{padding:4px 20px;min-height:70px;img{max-width:140px}nav{display:block;position:absolute;top:70px;left:0;right:0;background-color:var(--black-primary-color);max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease;padding:0 20px;z-index:99;ul{flex-direction:column;gap:0;li{border-bottom:1px solid rgb(255 255 255 / .05)}a{display:block;padding:14px 10px;transition:color 0.3s ease,padding-left 0.3s ease;&:hover{padding-left:20px}}}}nav.active{max-height:350px;padding:10px 20px 20px}.menu-toggle{display:block;background:none;border:none;cursor:pointer;padding:8px;z-index:101;width:40px;height:40px;position:relative;span{display:block;width:25px;height:3px;background-color:var(--primary-text);position:absolute;left:50%;transform:translateX(-50%);transition:transform 0.3s ease,opacity 0.3s ease,top 0.3s ease}span:nth-child(1){top:10px}span:nth-child(2){top:19px}span:nth-child(3){top:28px}}.menu-toggle.active{span:nth-child(1){top:19px;transform:translateX(-50%) rotate(45deg)}span:nth-child(2){opacity:0}span:nth-child(3){top:19px;transform:translateX(-50%) rotate(-45deg)}}}header.header-scrolled{padding:0 20px;min-height:50px;max-height:50px;img{max-width:100px}nav{top:50px}}#hero{margin-top:70px;padding-top:150px;align-items:center;justify-content:center;.hero-content{gap:50px;padding:0 20px 130px 20px;.hero-text{font-size:1.5rem;text-align:center}.hero-btn{padding:12px 24px;font-size:.85rem}}}#about{flex-direction:column;min-height:auto;.about-text{padding:40px 20px;background-color:var(--white-primary-color);h2{font-size:1.4rem;border-left:5px solid var(--red-primary-color);padding-left:16px;text-align:left}p{font-size:.9rem;text-align:left;margin-top:16px}}.about-logo-mobile{display:block;margin:24px auto 0;max-width:500px;height:auto}.about-highlights{padding:40px 20px;gap:16px;background-color:var(--white-primary-color);&::before{display:none}}.highlight-card{flex-direction:column!important;padding:0!important;align-items:stretch;perspective:600px;min-height:80px;&::before{display:none}&:nth-child(odd),&:nth-child(even){padding:0!important;padding-right:0!important;padding-left:0!important}&:hover .highlight-content{background-color:transparent!important}}.highlight-content{display:none}.highlight-front,.highlight-back{display:flex;backface-visibility:hidden;border-radius:8px;transition:transform 0.6s ease}.highlight-front{align-items:center;justify-content:center;padding:20px;background-color:var(--white-primary-color);border:2px solid var(--red-primary-color);cursor:pointer;h3{color:var(--red-primary-color);font-size:1.1rem;font-weight:700;text-align:center}}.highlight-back{flex-direction:column;align-items:center;justify-content:center;padding:20px;background-color:var(--red-primary-color);position:absolute;top:0;left:0;width:100%;height:100%;transform:rotateX(180deg);cursor:pointer;h3{color:var(--white-primary-color);font-size:1rem;font-weight:700;margin-bottom:8px}p{color:var(--white-primary-color);font-size:.85rem;line-height:1.5;text-align:center}}.highlight-card.flipped .highlight-front{transform:rotateX(-180deg)}.highlight-card.flipped .highlight-back{transform:rotateX(0deg)}}#products{padding:40px 20px;min-height:auto;h2{font-size:1.4rem;margin-bottom:30px;border-left:5px solid var(--red-primary-color);padding-left:16px}.products-grid{grid-template-columns:1fr;gap:20px}.product-card{padding:16px;h3{font-size:.95rem}p{font-size:.8rem}}}#services{padding:40px 20px;h2{font-size:1.4rem;margin-bottom:8px;border-left:5px solid var(--red-primary-color);padding-left:16px}.services-subtitle{font-size:.85rem;margin-bottom:30px;padding-left:21px}.services-grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}.service-card{flex-direction:column;text-align:center;gap:12px}.service-card:last-child{grid-column:1 / -1;justify-self:center;max-width:50%}.service-icon{width:60px;height:60px;min-width:60px;i{font-size:1.3rem}}.service-card h3{font-size:.85rem}}#sectors{padding:40px 20px;min-height:auto;h2{font-size:1.4rem;margin-bottom:30px;border-left:5px solid var(--red-primary-color);padding-left:16px}.sectors-grid{grid-template-columns:1fr;gap:12px;.sector-card{aspect-ratio:1 / 1;&:nth-child(1){grid-column:1;aspect-ratio:1 / 1}.sector-overlay{opacity:1;background:rgb(0 0 0 / .4);h3{color:var(--white-primary-color);font-size:1.2rem}}}}}#contact{padding:40px 20px;min-height:auto;h2{font-size:1.4rem;border-left:5px solid var(--red-primary-color);padding-left:16px}>p{font-size:.95rem}.contact-container{flex-direction:column;gap:24px}.contact-form{gap:12px;label{font-size:.85rem}input,textarea{padding:10px;font-size:.9rem}button{padding:12px 20px;font-size:.85rem;align-self:center;width:auto;min-width:180px}}.contact-info{grid-template-columns:1fr;gap:12px;.info-block{padding:12px;h3{font-size:.85rem}p,a{font-size:.75rem}}}}footer{padding:30px 20px;.footer-container{grid-template-columns:1fr;gap:20px}.footer-section{text-align:center;img{display:inline;max-width:100px}h3{font-size:.9rem}a{font-size:.8rem}}.footer-socials{justify-content:center}.footer-bottom{font-size:.75rem}}}@media (min-width:768px) and (max-width:1024px){header{padding:4px 50px;img{max-width:150px}nav{display:flex}.menu-toggle{display:none}}header.header-scrolled{padding:0 50px;img{max-width:120px}}#hero{padding-top:120px;align-items:center;justify-content:center;.hero-content{gap:40px;.hero-text{font-size:2rem;text-align:center}.hero-btn{padding:13px 32px;font-size:.9rem}}}#about{min-height:auto;.about-text{padding:60px 40px;h2{font-size:1.6rem}p{font-size:.95rem}}.about-highlights{padding:60px 40px}}#products{padding:60px 50px;min-height:auto;h2{font-size:1.6rem;margin-bottom:40px}.products-grid{grid-template-columns:repeat(2,1fr);gap:24px}.product-card{padding:18px;h3{font-size:1rem}p{font-size:.9rem}}}#services{padding:60px 50px;h2{font-size:1.6rem;margin-bottom:8px}.services-subtitle{font-size:.9rem;margin-bottom:40px}.services-grid{grid-template-columns:repeat(3,1fr);gap:32px 24px}.service-icon{width:60px;height:60px;min-width:60px;i{font-size:1.4rem}}.service-card h3{font-size:.9rem}}#sectors{padding:60px 50px;min-height:auto;h2{font-size:1.6rem;margin-bottom:40px}.sectors-grid{grid-template-columns:repeat(2,1fr);gap:16px;.sector-card{&:nth-child(1){grid-column:1;aspect-ratio:1 / 1}}}}#contact{padding:60px 50px;min-height:auto;h2{font-size:1.6rem}>p{font-size:1rem}.contact-container{gap:30px}.contact-form{gap:14px;label{font-size:.9rem}input,textarea{padding:10px 12px;font-size:.9rem}button{padding:12px 28px;font-size:.9rem;align-self:center;width:auto;min-width:200px}}.contact-info{grid-template-columns:repeat(2,1fr);gap:14px;.info-block{padding:16px;h3{font-size:.9rem}p,a{font-size:.8rem}}}}footer{padding:40px;.footer-container{grid-template-columns:repeat(2,1fr);gap:24px}.footer-section{text-align:left;img{max-width:130px}h3{font-size:.95rem}a{font-size:.85rem}}.footer-socials{justify-content:flex-start}.footer-bottom{font-size:.8rem}}}