.elementor-21 .elementor-element.elementor-element-423163f{--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.2;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:450px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-423163f:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-423163f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-36f3318 );}.elementor-21 .elementor-element.elementor-element-423163f::before, .elementor-21 .elementor-element.elementor-element-423163f > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-423163f > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-423163f > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-423163f > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-423163f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );background-image:url("https://rockconstructioninc.com/wp-content/uploads/2026/09/ChatGPT-Image-Sep-2-2026-09_43_56-AM-1.webp");--background-overlay:'';}.elementor-21 .elementor-element.elementor-element-739c5cb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--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-21 .elementor-element.elementor-element-2d59b21{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--overlay-opacity:0.9;--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-21 .elementor-element.elementor-element-2d59b21::before, .elementor-21 .elementor-element.elementor-element-2d59b21 > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-2d59b21 > .e-con-inner > .elementor-background-video-container::before, .elementor-21 .elementor-element.elementor-element-2d59b21 > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-2d59b21 > .e-con-inner > .elementor-background-slideshow::before, .elementor-21 .elementor-element.elementor-element-2d59b21 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-21 .elementor-element.elementor-element-139e69d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-139e69d{text-align:center;}.elementor-21 .elementor-element.elementor-element-139e69d .elementor-heading-title{-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:var( --e-global-color-primary );stroke:var( --e-global-color-primary );color:var( --e-global-color-c3dd5b3 );}.elementor-21 .elementor-element.elementor-element-f8bba34 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-f8bba34{text-align:center;}.elementor-21 .elementor-element.elementor-element-d323eb4{--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-21 .elementor-element.elementor-element-6911526 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-21 .elementor-element.elementor-element-6911526 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-21 .elementor-element.elementor-element-6911526{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-423163f{--padding-top:180px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-423163f{--padding-top:450px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-21 .elementor-element.elementor-element-2d59b21{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-21 .elementor-element.elementor-element-f8bba34 > .elementor-widget-container{margin:0px 0px -10px 0px;}}/* Start custom CSS for heading, class: .elementor-element-139e69d *//* ========================================================== DEGRADADO BLANCO CONTINUO + HAZ DE LUZ + TEXTURA DE LADRILLOS ========================================================== */ .elementor-21 .elementor-element.elementor-element-139e69d .elementor-heading-title, .elementor-21 .elementor-element.elementor-element-139e69d .elementor-widget-container, .elementor-21 .elementor-element.elementor-element-139e69d p, .elementor-21 .elementor-element.elementor-element-139e69d span, .elementor-21 .elementor-element.elementor-element-139e69d strong, .elementor-21 .elementor-element.elementor-element-139e69d a { background-image: /* ========================================= 1. TEXTURA DE LADRILLOS ========================================= */ url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='32' viewBox='0 0 60 32'%3E%3Cg fill='none' stroke='%23b8b8b8' stroke-opacity='.70' stroke-width='1.2'%3E%3Cpath d='M0 0H60M0 16H60M0 32H60'/%3E%3Cpath d='M0 0V16M30 0V16M60 0V16'/%3E%3Cpath d='M15 16V32M45 16V32'/%3E%3C/g%3E%3C/svg%3E"), /* ========================================= 2. HAZ DE LUZ Solo esta capa se mueve ========================================= */ linear-gradient( 115deg, transparent 0%, transparent 38%, rgba(255,255,255,.08) 43%, rgba(255,255,255,.45) 47%, rgba(255,255,255,1) 50%, rgba(255,255,255,.45) 53%, rgba(255,255,255,.08) 57%, transparent 62%, transparent 100% ), /* ========================================= 3. DEGRADADO BLANCO BASE Siempre visible y continuo ========================================= */ linear-gradient( 90deg, #bfbfbf 0%, #d2d2d2 12%, #e5e5e5 24%, #f2f2f2 38%, #ffffff 50%, #f2f2f2 64%, #e5e5e5 78%, #d2d2d2 90%, #bfbfbf 100% ); background-size: 60px 32px, 220% 100%, 100% 100%; background-position: 0 0, 150% 50%, center; background-repeat: repeat, no-repeat, no-repeat; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; /* Relieve sutil para que funcione sobre fondos claros y oscuros */ filter: drop-shadow(0 1px 1px rgba(255,255,255,.22)) drop-shadow(0 2px 2px rgba(0,0,0,.28)) drop-shadow(0 4px 5px rgba(0,0,0,.14)); animation: wmp-white-brick-beam 4.5s ease-in-out infinite; transition: filter .35s ease, transform .35s ease; } /* ========================================================== ANIMACIÓN DEL HAZ ========================================================== */ @keyframes wmp-white-brick-beam { 0% { background-position: 0 0, 150% 50%, center; } 20% { background-position: 0 0, 150% 50%, center; } 70% { background-position: 0 0, -50% 50%, center; } 100% { background-position: 0 0, -50% 50%, center; } } /* ========================================================== HOVER ========================================================== */ .elementor-21 .elementor-element.elementor-element-139e69d:hover .elementor-heading-title, .elementor-21 .elementor-element.elementor-element-139e69d:hover .elementor-widget-container, .elementor-21 .elementor-element.elementor-element-139e69d:hover p, .elementor-21 .elementor-element.elementor-element-139e69d:hover span, .elementor-21 .elementor-element.elementor-element-139e69d:hover strong, .elementor-21 .elementor-element.elementor-element-139e69d:hover a { filter: drop-shadow(0 1px 2px rgba(255,255,255,.28)) drop-shadow(0 3px 3px rgba(0,0,0,.32)) drop-shadow(0 5px 6px rgba(0,0,0,.16)); transform: translateY(-1px); } /* ========================================================== ACCESIBILIDAD ========================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-21 .elementor-element.elementor-element-139e69d .elementor-heading-title, .elementor-21 .elementor-element.elementor-element-139e69d .elementor-widget-container, .elementor-21 .elementor-element.elementor-element-139e69d p, .elementor-21 .elementor-element.elementor-element-139e69d span, .elementor-21 .elementor-element.elementor-element-139e69d strong, .elementor-21 .elementor-element.elementor-element-139e69d a { animation: none; background-position: 0 0, 50% 50%, center; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f8bba34 *//* ========================================================== DEGRADADO ROJO + HAZ DE LUZ + TEXTURA DE LADRILLOS Mantiene los mismos tonos del degradado anterior ========================================================== */ .elementor-21 .elementor-element.elementor-element-f8bba34 .elementor-heading-title, .elementor-21 .elementor-element.elementor-element-f8bba34 .elementor-widget-container, .elementor-21 .elementor-element.elementor-element-f8bba34 p, .elementor-21 .elementor-element.elementor-element-f8bba34 span, .elementor-21 .elementor-element.elementor-element-f8bba34 strong, .elementor-21 .elementor-element.elementor-element-f8bba34 a { /* TEXTURA DE LADRILLO + DEGRADADO ORIGINAL */ background-image: /* TEXTURA DE LADRILLOS INTERPUESTOS */ url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='32' viewBox='0 0 60 32'%3E%3Cg fill='none' stroke='%236f0000' stroke-opacity='.32' stroke-width='1.2'%3E%3Cpath d='M0 0H60M0 16H60M0 32H60'/%3E%3Cpath d='M0 0V16M30 0V16M60 0V16'/%3E%3Cpath d='M15 16V32M45 16V32'/%3E%3C/g%3E%3C/svg%3E"), /* DEGRADADO ROJO ORIGINAL */ linear-gradient( 115deg, #6f0000 0%, #8f0001 12%, #a90002 24%, #c90204 38%, #e31215 48%, /* HAZ DE LUZ */ #ff5a5d 52%, #ffb3b5 55%, #ffffff 57%, #ffb3b5 59%, #ff5a5d 62%, #e31215 68%, #c90204 78%, #a90002 88%, #7d0000 100% ); /* Ladrillo pequeño + degradado ancho */ background-size: 60px 32px, 320% 100%; /* La textura queda fija. Solo se mueve el degradado y el haz. */ background-position: 0 0, 120% 50%; background-repeat: repeat, no-repeat; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; /* Definición sin alterar el degradado */ filter: drop-shadow(0 2px 2px rgba(80,0,0,.30)) drop-shadow(0 4px 5px rgba(0,0,0,.16)); animation: wmp-red-brick-light 4.5s ease-in-out infinite; transition: filter .35s ease, transform .35s ease; } /* ========================================================== MOVIMIENTO DEL HAZ La textura de ladrillo permanece fija ========================================================== */ @keyframes wmp-red-brick-light { 0% { background-position: 0 0, 120% 50%; } 25% { background-position: 0 0, 120% 50%; } 65% { background-position: 0 0, -20% 50%; } 100% { background-position: 0 0, -20% 50%; } } /* ========================================================== HOVER ========================================================== */ .elementor-21 .elementor-element.elementor-element-f8bba34:hover .elementor-heading-title, .elementor-21 .elementor-element.elementor-element-f8bba34:hover .elementor-widget-container, .elementor-21 .elementor-element.elementor-element-f8bba34:hover p, .elementor-21 .elementor-element.elementor-element-f8bba34:hover span, .elementor-21 .elementor-element.elementor-element-f8bba34:hover strong, .elementor-21 .elementor-element.elementor-element-f8bba34:hover a { filter: drop-shadow(0 2px 3px rgba(120,0,0,.35)) drop-shadow(0 5px 6px rgba(0,0,0,.20)); transform: translateY(-1px); } /* ========================================================== ACCESIBILIDAD ========================================================== */ @media (prefers-reduced-motion: reduce) { .elementor-21 .elementor-element.elementor-element-f8bba34 .elementor-heading-title, .elementor-21 .elementor-element.elementor-element-f8bba34 .elementor-widget-container, .elementor-21 .elementor-element.elementor-element-f8bba34 p, .elementor-21 .elementor-element.elementor-element-f8bba34 span, .elementor-21 .elementor-element.elementor-element-f8bba34 strong, .elementor-21 .elementor-element.elementor-element-f8bba34 a { animation: none; background-position: 0 0, 50% 50%; } }/* End custom CSS */