.elementor-109 .elementor-element.elementor-element-db48cdd{--display:flex;--position:fixed;--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;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF1A;--border-color:#FFFFFF1A;top:0px;--z-index:999;}body:not(.rtl) .elementor-109 .elementor-element.elementor-element-db48cdd{left:0px;}body.rtl .elementor-109 .elementor-element.elementor-element-db48cdd{right:0px;}.elementor-109 .elementor-element.elementor-element-c19e13a{--display:flex;}.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-109 .elementor-element.elementor-element-77997c5{text-align:start;}.elementor-109 .elementor-element.elementor-element-a7371a4{--display:flex;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-109 .elementor-element.elementor-element-652985b{--display:flex;}.elementor-109 .elementor-element.elementor-element-cc026eb{--display:flex;}.elementor-109 .elementor-element.elementor-element-210c617{--display:flex;}.elementor-109 .elementor-element.elementor-element-bdff0f8{--display:flex;}.elementor-109 .elementor-element.elementor-element-9d84dec{--display:flex;}.elementor-109 .elementor-element.elementor-element-388a893{--display:flex;}.elementor-109 .elementor-element.elementor-element-80a34ef{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:#FFFFFF;--n-menu-toggle-icon-color-hover:#FFFFFF;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-color-active:#FFFFFF;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:var( --e-global-color-primary );--n-menu-title-active-color-dropdown:var( --e-global-color-primary );}.elementor-109 .elementor-element.elementor-element-80a34ef > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-109 .elementor-element.elementor-element-80a34ef > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-109 .elementor-element.elementor-element-80a34ef > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-109 .elementor-element.elementor-element-80a34ef {--n-menu-title-color-hover:#FFFFFF;--n-menu-title-color-active:#FFFFFF;}body:not(.rtl) .elementor-109 .elementor-element.elementor-element-cf81261{left:0px;}body.rtl .elementor-109 .elementor-element.elementor-element-cf81261{right:0px;}.elementor-109 .elementor-element.elementor-element-cf81261{top:-1px;z-index:-1;}.elementor-109:not(.elementor-motion-effects-element-type-background), .elementor-109 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-109 .elementor-element.elementor-element-80a34ef{--n-menu-heading-wrap:nowrap;--n-menu-heading-overflow-x:scroll;}}@media(min-width:768px){.elementor-109 .elementor-element.elementor-element-c19e13a{--width:20%;}}@media(max-width:1024px) and (min-width:768px){.elementor-109 .elementor-element.elementor-element-c19e13a{--width:30%;}}@media(max-width:767px){.elementor-109 .elementor-element.elementor-element-db48cdd{--flex-wrap:nowrap;}.elementor-109 .elementor-element.elementor-element-80a34ef{--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-toggle-align:flex-end;--n-menu-toggle-icon-distance-from-dropdown:30px;}}/* Start custom CSS */.contenedor-principal {
  background-color: transparent; /* Color inicial */
  transition: background-color 0.4s ease; /* Para que el cambio no sea brusco */
}

/* Esta clase se añade con JavaScript */
.contenedor-principal.scrolled {
  background-color: #FFF;
  
  /* El efecto de desenfoque */
  backdrop-filter: blur(10px); 
  -webkit-backdrop-filter: blur(10px); /* Soporte para Safari */
  
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Opcional: una línea sutil */
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.07);
}

/*Cambiar imagen del logo al scroll*/
.cambiar-logo img {
  content: url(https://plasticaribe.silvanaurrea.com/wp-content/uploads/Logo-plasticaribe.png);
}
/* Estilo para cambiar el color de los textos e iconos al scroll */
@media (min-width: 769px) {
    .cambiar-color-menu span {
        color: #131f4c !important;
    }
}
    /*Estilo para cambiar el color de menu hamburguesa*/
    .cambiar-color-menu svg {
        fill: #131f4c!important;
    }/* End custom CSS */