.elementor-4669 .elementor-element.elementor-element-8b81211{--display:flex;--min-height:35vh;--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;--justify-content:center;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--overlay-opacity:0.98;border-style:solid;--border-style:solid;border-width:0px 0px 3px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:3px;--border-left-width:0px;border-color:var( --e-global-color-secondary );--border-color:var( --e-global-color-secondary );--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:50px;--padding-right:50px;}.elementor-4669 .elementor-element.elementor-element-8b81211:not(.elementor-motion-effects-element-type-background), .elementor-4669 .elementor-element.elementor-element-8b81211 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://alcoametal.com/wp-content/uploads/2026/08/LUMBER1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4669 .elementor-element.elementor-element-8b81211::before, .elementor-4669 .elementor-element.elementor-element-8b81211 > .elementor-background-video-container::before, .elementor-4669 .elementor-element.elementor-element-8b81211 > .e-con-inner > .elementor-background-video-container::before, .elementor-4669 .elementor-element.elementor-element-8b81211 > .elementor-background-slideshow::before, .elementor-4669 .elementor-element.elementor-element-8b81211 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4669 .elementor-element.elementor-element-8b81211 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(100deg, #001133 40%, #F9741B00 100%);}.elementor-widget-heading .elementor-heading-title{font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4669 .elementor-element.elementor-element-5842dbc .elementor-heading-title{font-size:80px;font-weight:900;text-transform:uppercase;line-height:80px;color:var( --e-global-color-2968328 );}.elementor-4669 .elementor-element.elementor-element-331c2e5{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-4669 .elementor-element.elementor-element-331c2e5:not(.elementor-motion-effects-element-type-background), .elementor-4669 .elementor-element.elementor-element-331c2e5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFAFA;}.elementor-4669 .elementor-element.elementor-element-2c744e0{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#CCCCCC7D;--border-color:#CCCCCC7D;--border-radius:10px 10px 10px 10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4669 .elementor-element.elementor-element-c411a69{--display:flex;--min-height:20vh;--border-radius:10px 10px 0px 0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4669 .elementor-element.elementor-element-c411a69:not(.elementor-motion-effects-element-type-background), .elementor-4669 .elementor-element.elementor-element-c411a69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://alcoametal.com/wp-content/uploads/2026/06/rubber-boots-for-metal-roofing-for-sale-in-lancaster-pa-1536x1024-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4669 .elementor-element.elementor-element-9b0ee9a{--display:flex;--flex-direction:row-reverse;--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-reverse;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-4669 .elementor-element.elementor-element-2550d77 .elementor-icon-wrapper{text-align:center;}.elementor-4669 .elementor-element.elementor-element-2550d77.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-4669 .elementor-element.elementor-element-2550d77.elementor-view-framed .elementor-icon, .elementor-4669 .elementor-element.elementor-element-2550d77.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-4669 .elementor-element.elementor-element-2550d77.elementor-view-framed .elementor-icon, .elementor-4669 .elementor-element.elementor-element-2550d77.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-4669 .elementor-element.elementor-element-2550d77 .elementor-icon{font-size:30px;}.elementor-4669 .elementor-element.elementor-element-2550d77 .elementor-icon svg{height:30px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-4669 .elementor-element.elementor-element-77d75d3 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-4669 .elementor-element.elementor-element-77d75d3 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-4669 .elementor-element.elementor-element-77d75d3{--e-icon-list-icon-size:40px;--icon-vertical-offset:0px;}.elementor-4669 .elementor-element.elementor-element-77d75d3 .elementor-icon-list-icon{padding-inline-end:10px;}.elementor-4669 .elementor-element.elementor-element-77d75d3 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-4669 .elementor-element.elementor-element-77d75d3 .elementor-icon-list-item > a{font-size:20px;text-transform:uppercase;}.elementor-4669 .elementor-element.elementor-element-77d75d3 .elementor-icon-list-text{color:var( --e-global-color-primary );transition:color 0.3s;}@media(max-width:1366px){.elementor-4669 .elementor-element.elementor-element-8b81211{--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-4669 .elementor-element.elementor-element-5842dbc .elementor-heading-title{font-size:60px;}.elementor-4669 .elementor-element.elementor-element-331c2e5{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}}@media(max-width:1024px){.elementor-4669 .elementor-element.elementor-element-8b81211{--padding-top:20px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-4669 .elementor-element.elementor-element-5842dbc .elementor-heading-title{font-size:50px;line-height:55px;}.elementor-4669 .elementor-element.elementor-element-331c2e5{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-4669 .elementor-element.elementor-element-8b81211{--min-height:20vh;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-4669 .elementor-element.elementor-element-5842dbc .elementor-heading-title{font-size:35px;line-height:45px;}.elementor-4669 .elementor-element.elementor-element-331c2e5{--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-4669 .elementor-element.elementor-element-9b0ee9a{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}}@media(min-width:768px){.elementor-4669 .elementor-element.elementor-element-2c744e0{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4669 .elementor-element.elementor-element-2c744e0{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-9b0ee9a *//* 1. Prepara el contenedor */
.elementor-4669 .elementor-element.elementor-element-9b0ee9a {
    position: relative;
    overflow: hidden;
}

/* 2. Asegura que TODO el contenido quede por encima de la cortina */
.elementor-4669 .elementor-element.elementor-element-9b0ee9a > * {
    position: relative;
    z-index: 2;
}

/* 3. Crea la cortina y la esconde a la izquierda */
.elementor-4669 .elementor-element.elementor-element-9b0ee9a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0; 
    width: 100%;
    height: 100%;
    background-color: #F9741B;
    transform: translateX(-102%); 
    opacity: 0; 
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
    z-index: 1; 
}

/* 4. Activa la cortina en el hover */
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover::before {
    transform: translateX(0);
    opacity: 1; 
}

/* 5. SUPER REGLA: Cambia el color de cualquier texto (h1, h2, p, span) o ícono (i, svg) a negro */
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover h1,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover h2,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover h3,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover h4,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover h5,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover h6,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover p,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover span,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover a,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover i,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover svg,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a:hover path {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
    transition: color 0.3s ease, fill 0.3s ease;
}

/* 6. Transición suave de salida para todos los elementos */
.elementor-4669 .elementor-element.elementor-element-9b0ee9a h1,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a h2,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a h3,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a h4,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a h5,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a h6,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a p,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a span,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a a,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a i,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a svg,
.elementor-4669 .elementor-element.elementor-element-9b0ee9a path {
    transition: color 0.3s ease, fill 0.3s ease;
}/* End custom CSS */