/* header */ 

img,
video,
iframe {
  max-inline-size: 100%;
  block-size: auto;
}

.header-silicones{ position: fixed; width: 100%; height: auto; background: rgba(255,255,255,.98); top: 0; left: 0; right: 0; z-index: 99; }

#acrilicos,
#silicones,
#poliuretanos {
    scroll-margin-top: 150px;
  }

.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger.is-active:hover,.hamburger:hover{opacity:.7}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#0e2588}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#0e2588}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}

.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:75ms}.hamburger--squeeze .hamburger-inner:before{transition:top 75ms ease .12s,opacity 75ms ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top 75ms ease,opacity 75ms ease .12s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(-90deg)}

#open-menu{ margin-top: 20px; margin-right: -15px; }

.text-blue{ color: #0E2588; }

.header-conoce-los{ border: 0; height: 5px; background: #0C5DE1; background: linear-gradient(90deg, #0C5DE1 10%, #0E2588 60%); opacity: 1; }

.offcanvas-body ul.navbar-nav li{ margin: 10px 0; }
.offcanvas-body ul.navbar-nav li,
.header-silicones ul.navbar-nav li{ padding: 0 10px; }

hr.header-conoce-los{ transform: skew(-10deg); }

.offcanvas-body ul.navbar-nav li a,
.header-silicones ul.navbar-nav li a{ background-color: blue; padding: 20px 45px !important; color: white; font-weight: bold !important; transform: skew(-5deg, 0deg); }
/* 
.offcanvas-body ul.navbar-nav li a,
.header-silicones ul.navbar-nav li a{ background-color: blue; padding: 28px 45px !important; color: white; font-weight: bold !important; transform: skew(-5deg, 0deg); }
*/

.offcanvas-body ul.navbar-nav li a.acrilicos,
.header-silicones ul.navbar-nav li a.acrilicos{ background: rgb(12,93,225); background: linear-gradient(90deg, rgba(12,93,225,1) 0%, rgba(14,37,136,1) 100%); }

.offcanvas-body ul.navbar-nav li a.silicones,
.header-silicones ul.navbar-nav li a.silicones{ background: rgb(238,173,0); background: linear-gradient(90deg, rgba(238,173,0,1) 0%, rgba(230,95,43,1) 100%); }

.offcanvas-body ul.navbar-nav li a.poliuretanos,
.header-silicones ul.navbar-nav li a.poliuretanos{ background: rgb(105,105,105); background: linear-gradient(90deg, rgba(105,105,105,1) 0%, rgba(0,0,0,1) 100%); }

.navbar-brand img{ height: 70px; }

.offcanvas-body ul.navbar-nav li a:hover,
.offcanvas-body ul.navbar-nav li a:focus,
.offcanvas-body ul.navbar-nav li a:active,
.header-silicones ul.navbar-nav li a:hover,
.header-silicones ul.navbar-nav li a:focus,
.header-silicones ul.navbar-nav li a:active{ opacity: 0.8;}