:root{
  --primary:#20c7b2;
  --primary-dark:#11aa98;
  --navy:#173d67;
  --text:#111827;
  --muted:#6b7280;
  --line:#e6e9ee;
  --soft:#f3f3f3;
  --white:#fff;
  --shadow:0 7px 18px rgba(15,23,42,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff;line-height:1.5;font-size:16px}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(1240px,calc(100% - 44px));margin:0 auto}
.topbar{height:46px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;font-size:15px}
.topbar .container{display:flex;align-items:center;gap:22px}
.topbar a{display:inline-flex;align-items:center;gap:7px}
.topbar a:first-child{color:var(--primary-dark);text-decoration:underline;text-underline-offset:2px}
.topbar svg{width:15px;height:15px;opacity:.65}
.site-nav{height:96px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 1px 5px rgba(15,23,42,.08);backdrop-filter:blur(8px)}
.site-nav .container{height:100%;display:flex;align-items:center;gap:18px;justify-content:space-between}
.brand{display:flex;align-items:center;min-width:205px}
.logo-img{width:170px;height:auto}
.menu{display:flex;align-items:stretch;justify-content:center;flex:1;height:100%}
.menu a{display:flex;align-items:center;justify-content:center;padding:0 26px;border-left:1px solid #f0f1f3;text-transform:uppercase;font-size:16px;white-space:nowrap;position:relative}
.menu a:last-child{border-right:1px solid #f0f1f3}
.menu a:hover,.menu a.active{color:var(--primary-dark)}
.menu a.active:after{content:"";position:absolute;left:16px;right:16px;bottom:0;height:2px;background:var(--primary)}
.nav-tools{display:flex;align-items:center;gap:10px}
.icon-btn,.lang-btn,.mobile-toggle{height:42px;min-width:42px;border:1px solid #e4e8ef;background:#fff;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#111827}
.icon-btn svg,.mobile-toggle svg{width:21px;height:21px}
.lang-wrap{position:relative}
.lang-btn{gap:7px;padding:0 10px;min-width:78px;font-size:14px}
.lang-menu{position:absolute;right:0;top:48px;width:160px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:none}
.lang-menu.open{display:block}
.lang-option{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:8px;padding:10px;cursor:pointer;text-align:left}
.lang-option:hover{background:#f5f8fb;color:var(--primary-dark)}
.search-panel{position:absolute;right:calc((100vw - min(1240px,calc(100vw - 44px)))/2);top:132px;width:min(390px,calc(100vw - 44px));background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:14px;display:none;z-index:60}
.search-panel.open{display:block}
.search-panel input{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;outline:none}
.search-results{margin-top:10px;display:grid;gap:8px}
.search-result{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}
.search-result:hover{border-color:var(--primary)}
.mobile-toggle{display:none}

.hero{height:360px;position:relative;overflow:hidden;background:#0f2740}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0;transition:opacity .7s ease}
.hero-slide.active{opacity:1}
.hero-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.32))}
.hero-title-box{position:absolute;left:70px;bottom:28px;z-index:3;background:rgba(14,24,62,.45);padding:16px 26px}
.hero-title{font-size:62px;line-height:1.05;font-weight:400;margin:0;color:#fff}
.slider-dots{position:absolute;left:50%;bottom:24px;z-index:4;transform:translateX(-50%);display:flex;gap:8px}
.slider-dots button{width:18px;height:18px;border-radius:50%;border:2px solid #fff;background:transparent;cursor:pointer;padding:0}
.slider-dots button.active{background:#fff}

.home-about{padding:80px 0 96px;background:linear-gradient(rgba(245,248,250,.84),rgba(245,248,250,.84)),url('../img/32342322.png') left center/cover no-repeat}
.home-copy{max-width:900px;margin-left:250px}
h1,h2,h3{margin:0 0 16px;color:#111827;line-height:1.14}
h2{font-size:34px}
h3{font-size:24px}
p{margin:0 0 16px}.home-copy p,.split-copy p{font-size:18px;color:#111827;line-height:1.55}
.home-mission{padding:72px 0;background:linear-gradient(rgba(236,243,248,.84),rgba(236,243,248,.84)),url('../img/527882.png') center/cover no-repeat}
.home-market{padding:72px 0;background:linear-gradient(rgba(245,247,249,.86),rgba(245,247,249,.86)),url('../img/petro-market-dyna-1.jpg') center/cover no-repeat}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.split.reverse{grid-template-columns:.9fr 1.1fr}
.blob-img{width:min(380px,100%);margin:auto}
.mission-list{padding-left:0;margin:22px 0 0;list-style:none;font-size:18px;line-height:1.45}.mission-list li:before{content:"- "}.cta{padding:55px 0;text-align:center;background:#f7f7f7;border-top:1px solid var(--line)}.cta h2{font-size:30px;font-weight:400;max-width:820px;margin:0 auto}

.page-banner{min-height:370px;display:flex;align-items:center;text-align:center;color:#fff;background:linear-gradient(rgba(0,0,0,.35),rgba(0,0,0,.48)),url('../img/industria_petroquimica.jpg') center/cover no-repeat}.page-banner h1{font-size:62px;color:#fff;margin-bottom:10px}.breadcrumb{display:flex;align-items:center;justify-content:center;gap:12px;color:rgba(255,255,255,.9);font-size:16px}.breadcrumb a{color:#fff}
.content-soft{background:var(--soft);padding:28px 0 55px}.section{padding:60px 0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border:1px solid var(--primary-dark);border-radius:4px;color:var(--primary-dark);background:transparent;cursor:pointer;font:inherit}.btn:hover{background:var(--primary-dark);color:#fff}

.product-topic{padding:28px 0}.topic-hero{display:grid;grid-template-columns:1.16fr .84fr;gap:34px;align-items:center}.topic-copy{text-align:center}.topic-copy h2{font-size:56px;font-weight:400}.topic-copy p{font-size:18px;line-height:1.55;max-width:1050px;margin:0 auto}.topic-image img{width:360px;max-width:100%;margin:auto}.polymer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:34px}.polymer-col{font-size:17px;line-height:1.45}.polymer-col strong,.polymer-col span{display:block}.department-block{font-size:17px;margin-top:22px}.department-items{font-weight:700}

.segments-grid{display:grid;grid-template-columns:1fr;gap:34px}.segment-block{background:#fff;border:1px solid var(--line);padding:32px;box-shadow:0 8px 22px rgba(15,23,42,.05)}.segment-block h2{font-size:36px}.segment-block p{font-size:17px}.segment-list{columns:3;padding-left:20px;margin:16px 0 0}.segment-list li{margin:0 0 8px}.industry-intro{max-width:920px;margin:0 auto 42px;text-align:center}.industry-intro p{font-size:18px;color:#374151}

.contact-section{background:#f3f3f3;padding:60px 0}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-card,.form-card{background:#fff;border:1px solid var(--line);padding:34px;box-shadow:0 8px 22px rgba(15,23,42,.05)}.contact-lead{font-size:18px;margin-bottom:22px}.contact-line{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.contact-badge{width:38px;height:38px;background:var(--primary);color:#fff;border-radius:7px;display:grid;place-items:center;flex:none}.contact-line strong{display:block;margin-bottom:4px}.form-card form{display:grid;gap:18px}.form-card label,.footer-form label{display:grid;gap:7px;font-weight:700;color:#777}.form-card input,.form-card textarea,.footer-form input,.footer-form textarea{width:100%;border:1px solid #dde3eb;border-radius:2px;padding:12px;font:inherit;background:#fff}.form-card textarea,.footer-form textarea{min-height:125px;resize:vertical}

.footer{background:#f4f4f4;border-top:1px solid #ef4444;padding:42px 0 20px}.footer-cta{text-align:center;border-bottom:1px solid #ef4444;padding-bottom:44px;margin-bottom:44px}.footer-cta h2{font-size:30px;font-weight:400;max-width:820px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr .9fr;gap:28px}.footer-title{font-size:20px;margin-bottom:14px}.footer-list{list-style:none;margin:0;padding:0;color:#6f7680;display:grid;gap:12px}.footer-contact a{display:block;color:var(--primary-dark);margin-bottom:15px}.footer-form textarea{min-height:74px}.copyright{text-align:center;color:#868b93;border-top:1px solid #e2e5e9;margin-top:28px;padding-top:20px;font-size:14px}
.whatsapp{position:fixed;right:22px;bottom:22px;width:56px;height:56px;background:#25D366;color:#fff;border-radius:50%;z-index:80;display:grid;place-items:center;box-shadow:0 12px 26px rgba(37,211,102,.33)}.whatsapp svg{width:30px;height:30px}

@media(max-width:1080px){.menu a{padding:0 18px}.home-copy{margin-left:120px}.topic-hero,.split,.split.reverse,.contact-layout{grid-template-columns:1fr}.polymer-grid,.footer-grid{grid-template-columns:1fr 1fr}.segment-list{columns:2}.topic-copy h2{font-size:46px}}
@media(max-width:820px){.topbar{height:auto;padding:9px 0}.topbar .container{flex-wrap:wrap}.site-nav{height:78px}.mobile-toggle{display:inline-flex}.brand{min-width:auto}.logo-img{width:148px}.menu{position:absolute;left:22px;right:22px;top:78px;height:auto;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);display:none;flex-direction:column}.menu.open{display:flex}.menu a{padding:15px 18px;border-bottom:1px solid #f2f3f4;justify-content:flex-start}.menu a:last-child{border-right:0}.hero{height:285px}.hero-title-box{left:22px;bottom:30px}.hero-title{font-size:38px}.home-copy{margin-left:0}.home-about,.home-mission,.home-market{padding:52px 0}.page-banner{min-height:240px}.page-banner h1{font-size:42px}.polymer-grid,.footer-grid{grid-template-columns:1fr}.segment-list{columns:1}.contact-section{padding:42px 0}.footer-grid{gap:34px}.topic-copy h2{font-size:36px}.topic-copy p,.home-copy p,.split-copy p{font-size:16px}.search-panel{right:22px;top:120px}}


/* Real flag image in language selector */
.flag-icon{
  width:22px;
  height:15px;
  display:inline-block;
  object-fit:cover;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(0,0,0,.15);
  flex:0 0 auto;
}
#langCurrent{
  display:inline-flex;
  align-items:center;
  gap:7px;
}
.lang-option .flag-icon{
  width:22px;
  height:15px;
}

/* Fixed menu after scroll */
.site-nav.is-fixed{
  position:fixed;
  top:0;
  left:0;
  right:0;
  width:100%;
  z-index:9999;
  animation:navDrop .18s ease-out;
}
.nav-fixed-spacer{
  width:100%;
}
@keyframes navDrop{
  from{transform:translateY(-8px);opacity:.88}
  to{transform:translateY(0);opacity:1}
}

/* Contact page original-style map and social links */
.contact-original{
  background:#f3f3f3;
  padding:46px 0 28px;
}
.contact-intro{
  max-width:1180px;
  margin:0 auto 44px;
  font-size:20px;
  line-height:1.45;
}
.contact-intro .bold{
  font-weight:700;
}
.contact-info-grid{
  max-width:1180px;
  margin:0 auto 78px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
}
.contact-info-grid h3{
  font-size:22px;
  margin:0 0 12px;
}
.contact-info-grid p{
  font-size:20px;
  margin:0 0 24px;
}
.contact-map{
  max-width:1380px;
  height:360px;
  margin:0 auto 28px;
  overflow:hidden;
  border:0;
}
.contact-map iframe{
  width:100%;
  height:100%;
  border:0;
  display:block;
}
.social-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 auto 10px;
}
.social-btn{
  width:58px;
  height:58px;
  border-radius:7px;
  display:grid;
  place-items:center;
  color:#fff;
  transition:transform .18s ease, opacity .18s ease;
}
.social-btn:hover{
  transform:translateY(-2px);
  opacity:.92;
}
.social-btn svg{
  width:31px;
  height:31px;
}
.social-btn.facebook{background:#3b5998}
.social-btn.twitter{background:#1da1f2}
.social-btn.whatsapp-social{background:#25D366}

@media(max-width:820px){
  .contact-info-grid{
    grid-template-columns:1fr;
    gap:24px;
    margin-bottom:44px;
  }
  .contact-intro,.contact-info-grid p{
    font-size:17px;
  }
  .contact-info-grid h3{
    font-size:19px;
  }
  .social-btn{
    width:50px;
    height:50px;
  }
}

@media(max-width:820px){
  .contact-map{height:300px}
}

/* Local image icons for social buttons and floating WhatsApp */
.social-icon{
  width:31px;
  height:31px;
  display:block;
  object-fit:contain;
}
.whatsapp-icon{
  width:28px;
  height:28px;
  display:block;
  object-fit:contain;
}