.elementor-742 .elementor-element.elementor-element-515389e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.75;}.elementor-742 .elementor-element.elementor-element-515389e:not(.elementor-motion-effects-element-type-background), .elementor-742 .elementor-element.elementor-element-515389e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://udicim.com.br/wp-content/uploads/2026/01/FABRICA_DOCOL.webp");background-size:cover;}.elementor-742 .elementor-element.elementor-element-515389e::before, .elementor-742 .elementor-element.elementor-element-515389e > .elementor-background-video-container::before, .elementor-742 .elementor-element.elementor-element-515389e > .e-con-inner > .elementor-background-video-container::before, .elementor-742 .elementor-element.elementor-element-515389e > .elementor-background-slideshow::before, .elementor-742 .elementor-element.elementor-element-515389e > .e-con-inner > .elementor-background-slideshow::before, .elementor-742 .elementor-element.elementor-element-515389e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#333333;--background-overlay:'';}.elementor-742 .elementor-element.elementor-element-c983b1c{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-742 .elementor-element.elementor-element-8d783b4{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-742 .elementor-element.elementor-element-8d783b4.elementor-element{--align-self:flex-start;}.elementor-742 .elementor-element.elementor-element-6664caa{width:var( --container-widget-width, 9% );max-width:9%;--container-widget-width:9%;--container-widget-flex-grow:0;}.elementor-742 .elementor-element.elementor-element-c7d84cb{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-742 .elementor-element.elementor-element-4d3cd21{text-align:center;}.elementor-742 .elementor-element.elementor-element-4d3cd21 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-742 .elementor-element.elementor-element-1b17781{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-742 .elementor-element.elementor-element-a34d5e5 .elementor-button{background-color:#06A8DF;box-shadow:0px 0px 10px 5px #FFFFFF;border-radius:15px 15px 15px 15px;padding:20px 20px 20px 20px;}.elementor-742 .elementor-element.elementor-element-a34d5e5 .elementor-button:hover, .elementor-742 .elementor-element.elementor-element-a34d5e5 .elementor-button:focus{background-color:#058CB9;}.elementor-742 .elementor-element.elementor-element-a34d5e5.elementor-element{--align-self:center;}.elementor-742 .elementor-element.elementor-element-a34d5e5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-742 .elementor-element.elementor-element-a34d5e5 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-742 .elementor-element.elementor-element-18fe300{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.75;}.elementor-742 .elementor-element.elementor-element-18fe300:not(.elementor-motion-effects-element-type-background), .elementor-742 .elementor-element.elementor-element-18fe300 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://udicim.com.br/wp-content/uploads/2026/01/FABRICA_DOCOL.webp");background-size:cover;}.elementor-742 .elementor-element.elementor-element-18fe300::before, .elementor-742 .elementor-element.elementor-element-18fe300 > .elementor-background-video-container::before, .elementor-742 .elementor-element.elementor-element-18fe300 > .e-con-inner > .elementor-background-video-container::before, .elementor-742 .elementor-element.elementor-element-18fe300 > .elementor-background-slideshow::before, .elementor-742 .elementor-element.elementor-element-18fe300 > .e-con-inner > .elementor-background-slideshow::before, .elementor-742 .elementor-element.elementor-element-18fe300 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#333333;--background-overlay:'';}.elementor-742 .elementor-element.elementor-element-3f5d4a6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-742 .elementor-element.elementor-element-07121c1{width:var( --container-widget-width, 15% );max-width:15%;--container-widget-width:15%;--container-widget-flex-grow:0;}.elementor-742 .elementor-element.elementor-element-07121c1.elementor-element{--align-self:flex-start;}.elementor-742 .elementor-element.elementor-element-18ba8e2{--display:flex;}.elementor-742 .elementor-element.elementor-element-b5f37b5{text-align:center;}.elementor-742 .elementor-element.elementor-element-b5f37b5 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-742 .elementor-element.elementor-element-0eee29e{text-align:center;}.elementor-742 .elementor-element.elementor-element-0eee29e .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-742 .elementor-element.elementor-element-e12779a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-742 .elementor-element.elementor-element-8e6454b .elementor-button{background-color:#06A8DF;box-shadow:0px 0px 10px 5px #FFFFFF;border-radius:15px 15px 15px 15px;padding:20px 20px 20px 20px;}.elementor-742 .elementor-element.elementor-element-8e6454b .elementor-button:hover, .elementor-742 .elementor-element.elementor-element-8e6454b .elementor-button:focus{background-color:#058CB9;}.elementor-742 .elementor-element.elementor-element-8e6454b.elementor-element{--align-self:center;}.elementor-742 .elementor-element.elementor-element-8e6454b .elementor-button-content-wrapper{flex-direction:row;}.elementor-742 .elementor-element.elementor-element-8e6454b .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-742 .elementor-element.elementor-element-c91e3f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-742 .elementor-element.elementor-element-2d9ae19{--spacer-size:20px;}.elementor-742 .elementor-element.elementor-element-b6e8787{text-align:center;}.elementor-742 .elementor-element.elementor-element-b6e8787 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:40px;font-weight:700;color:#000000;}.elementor-742 .elementor-element.elementor-element-667fc57{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-742 .elementor-element.elementor-element-667fc57:not(.elementor-motion-effects-element-type-background), .elementor-742 .elementor-element.elementor-element-667fc57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#06A8DF;}.elementor-742 .elementor-element.elementor-element-52f9b43{--spacer-size:20px;}.elementor-742 .elementor-element.elementor-element-58d96e2{text-align:center;}.elementor-742 .elementor-element.elementor-element-58d96e2 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-742 .elementor-element.elementor-element-2f3291f{text-align:center;}.elementor-742 .elementor-element.elementor-element-2f3291f .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:40px;font-weight:700;color:#FFFFFF;}.elementor-742 .elementor-element.elementor-element-7261e89{text-align:center;font-family:"Roboto", Sans-serif;font-size:18px;font-weight:400;color:#FFFFFF;}.elementor-742 .elementor-element.elementor-element-652c287 .elementor-button{background-color:#06A8DF;box-shadow:0px 0px 10px 5px #FFFFFF;border-radius:15px 15px 15px 15px;padding:20px 20px 20px 20px;}.elementor-742 .elementor-element.elementor-element-652c287 .elementor-button:hover, .elementor-742 .elementor-element.elementor-element-652c287 .elementor-button:focus{background-color:#058CB9;}.elementor-742 .elementor-element.elementor-element-652c287.elementor-element{--align-self:center;}.elementor-742 .elementor-element.elementor-element-652c287 .elementor-button-content-wrapper{flex-direction:row;}.elementor-742 .elementor-element.elementor-element-652c287 .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-742 .elementor-element.elementor-element-fb44c83{--spacer-size:20px;}@media(max-width:767px){.elementor-742 .elementor-element.elementor-element-18fe300:not(.elementor-motion-effects-element-type-background), .elementor-742 .elementor-element.elementor-element-18fe300 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://udicim.com.br/wp-content/uploads/2026/01/FABRICA_DOCOL.webp");background-position:-445px 0px;}.elementor-742 .elementor-element.elementor-element-07121c1{--container-widget-width:126px;--container-widget-flex-grow:0;width:var( --container-widget-width, 126px );max-width:126px;}.elementor-742 .elementor-element.elementor-element-0e44d37{width:var( --container-widget-width, 90px );max-width:90px;--container-widget-width:90px;--container-widget-flex-grow:0;}.elementor-742 .elementor-element.elementor-element-0eee29e .elementor-heading-title{font-size:34px;}.elementor-742 .elementor-element.elementor-element-e12779a{text-align:center;}.elementor-742 .elementor-element.elementor-element-2f3291f .elementor-heading-title{font-size:34px;}}/* Start custom CSS for html, class: .elementor-element-7a4bd52 *//* Main Wrapper */
.docol-panel-wrapper {
  max-width: 100%;
  margin: 0 auto;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  font-family: 'Roboto', 'Helvetica', Arial, sans-serif;
  overflow: hidden;
}

/* --- Navigation Scroll Area --- */
.docol-nav-scroll {
  width: 100%;
  background: #f8f9fa;
  border-bottom: 1px solid #e0e0e0;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; 
}

/* Scroll Animation Hint */
@media (max-width: 768px) {
  .docol-nav-scroll {
    animation: scrollHint 2s ease-in-out 1s 1; 
  }
}
@keyframes scrollHint {
  0% { transform: translateX(0); }
  25% { transform: translateX(-30px); }
  50% { transform: translateX(0); }
  100% { transform: translateX(0); }
}

.docol-nav-scroll::-webkit-scrollbar { height: 4px; }
.docol-nav-scroll::-webkit-scrollbar-thumb { background: #ccc; border-radius: 4px; }
.docol-nav { display: inline-flex; padding: 0 10px; min-width: 100%; }

/* --- BUTTON FIXES (Kill the Pink) --- */
.docol-btn {
  background-color: transparent !important; /* FORCE remove theme background */
  border: none !important; /* Remove theme borders */
  border-bottom: 3px solid transparent !important; /* Keep our bottom border logic */
  padding: 18px 20px;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #777 !important;
  cursor: pointer;
  transition: all 0.3s ease;
  border-radius: 0 !important; /* Remove theme roundness */
}

.docol-btn:hover {
  color: #058CB9 !important; /* DOCOL BLUE */
  background-color: #f0f8fb !important;
}

.docol-btn.active {
  background-color: transparent !important; /* Ensure active state has no pink background */
  color: #058CB9 !important; /* DOCOL BLUE text */
  border-bottom: 3px solid #058CB9 !important; /* DOCOL BLUE line */
  font-weight: 800;
}

/* --- Content Area --- */
.docol-content {
  padding: 40px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.docol-info { text-align: center; max-width: 800px; margin: 0 auto; }
.docol-title { color: #000; font-size: 32px; margin-bottom: 15px; font-weight: 700; }
.docol-desc { color: #000; font-size: 16px; line-height: 1.6; }

/* --- Gallery / Carousel --- */
.docol-gallery {
  position: relative;
  max-width: 900px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  user-select: none; /* Prevents highlighting text while dragging */
}

.img-frame {
  position: relative;
  width: 100%;
  height: 500px;
  border-radius: 8px;
  overflow: hidden;
  background: #fff; 
  box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: grab; /* Shows hand icon */
}

.img-frame:active {
  cursor: grabbing; /* Shows closed hand when dragging */
}

.img-frame img {
  max-width: 100%;
  max-height: 100%;
  width: auto; height: auto;
  object-fit: contain; 
  transition: opacity 0.15s ease-in-out;
  pointer-events: none; /* Prevents browser from dragging the image file itself */
}

/* Arrows */
.nav-arrow {
  background: #fff !important; /* Force white background */
  border: 1px solid #ddd !important;
  color: #333 !important;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  flex-shrink: 0;
  z-index: 2;
}

.nav-arrow:hover {
  background: #058CB9 !important; /* DOCOL BLUE */
  color: #fff !important;
  border-color: #058CB9 !important;
}

/* Counter */
.slide-counter {
  position: absolute;
  bottom: 15px;
  right: 15px;
  background: #058CB9; 
  color: #fff;
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 13px;
  font-weight: bold;
}

@media (max-width: 768px) {
  .docol-content { padding: 20px; }
  .docol-title { font-size: 24px; }
  .img-frame { height: 300px; }
  .docol-gallery { gap: 0; }
  .nav-arrow { position: absolute; background: rgba(255,255,255,0.9) !important; width: 40px; height: 40px; }
  .nav-arrow.left { left: 10px; }
  .nav-arrow.right { right: 10px; }
}/* End custom CSS */