.elementor-177 .elementor-element.elementor-element-26f1b8f{--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;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.3;--padding-top:6em;--padding-bottom:6em;--padding-left:1em;--padding-right:1em;}.elementor-177 .elementor-element.elementor-element-26f1b8f::before, .elementor-177 .elementor-element.elementor-element-26f1b8f > .elementor-background-video-container::before, .elementor-177 .elementor-element.elementor-element-26f1b8f > .e-con-inner > .elementor-background-video-container::before, .elementor-177 .elementor-element.elementor-element-26f1b8f > .elementor-background-slideshow::before, .elementor-177 .elementor-element.elementor-element-26f1b8f > .e-con-inner > .elementor-background-slideshow::before, .elementor-177 .elementor-element.elementor-element-26f1b8f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://electricsindustrialsbanyoles.com/wp-content/uploads/2025/10/electric-wires-backgrounds-3VQBACK.png");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-177 .elementor-element.elementor-element-26f1b8f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-177 .elementor-element.elementor-element-058a03e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-177 .elementor-element.elementor-element-7156847{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-177 .elementor-element.elementor-element-7156847 .elementor-heading-title{font-family:"Libre Franklin", Sans-serif;font-size:1.5rem;font-weight:600;line-height:1em;color:var( --e-global-color-accent );}.elementor-177 .elementor-element.elementor-element-4de19c6{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;text-align:center;}.elementor-177 .elementor-element.elementor-element-4de19c6 .elementor-heading-title{font-family:"Libre Franklin", Sans-serif;font-size:3.5rem;line-height:1em;}.elementor-177 .elementor-element.elementor-element-194cb24{margin:0% 15% calc(var(--kit-widget-spacing, 0px) + 0%) 15%;text-align:center;font-family:"Libre Franklin", Sans-serif;font-size:16px;font-weight:500;color:var( --e-global-color-primary );}.elementor-177 .elementor-element.elementor-element-0330cca{--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:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-177 .elementor-element.elementor-element-1bdf200{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--background-transition:0.3s;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-177 .elementor-element.elementor-element-5e1aa88{--spacer-size:50px;}.elementor-177 .elementor-element.elementor-element-4be73a1{width:100%;max-width:100%;}.elementor-177 .elementor-element.elementor-element-2229b86{width:100%;max-width:100%;}.elementor-177 .elementor-element.elementor-element-1c6656e{--display:flex;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-177 .elementor-element.elementor-element-3341921{width:100%;max-width:100%;}.elementor-177 .elementor-element.elementor-element-9392397{width:100%;max-width:100%;}.elementor-177 .elementor-element.elementor-element-b93ebe3{--display:flex;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-177 .elementor-element.elementor-element-0362265{--spacer-size:50px;}.elementor-177 .elementor-element.elementor-element-19ed634{width:100%;max-width:100%;}.elementor-177 .elementor-element.elementor-element-9419231{width:100%;max-width:100%;}.elementor-177 .elementor-element.elementor-element-7c2eb76:not(.elementor-motion-effects-element-type-background), .elementor-177 .elementor-element.elementor-element-7c2eb76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://electricsindustrialsbanyoles.com/wp-content/uploads/2025/10/Imatge-de-WhatsApp-2025-10-20-a-les-12.05.12_727f0135-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-177 .elementor-element.elementor-element-7c2eb76 > .elementor-background-overlay{background-color:#00080C;opacity:0.7;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-177 .elementor-element.elementor-element-7c2eb76{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:6em 1em 6em 1em;z-index:1;}.elementor-177 .elementor-element.elementor-element-f474232.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-177 .elementor-element.elementor-element-f474232 > .elementor-element-populated{padding:3em 1em 3em 1em;}.elementor-177 .elementor-element.elementor-element-068e151{text-align:center;}.elementor-177 .elementor-element.elementor-element-068e151 .elementor-heading-title{font-family:"Libre Franklin", Sans-serif;font-size:3rem;line-height:1em;color:var( --e-global-color-primary );}.elementor-177 .elementor-element.elementor-element-233eeda{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;text-align:center;}.elementor-177 .elementor-element.elementor-element-233eeda .elementor-heading-title{font-family:"Libre Franklin", Sans-serif;font-size:1.9rem;line-height:1em;color:var( --e-global-color-primary );}.elementor-177 .elementor-element.elementor-element-cd058bd{margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;}.elementor-177 .elementor-element.elementor-element-cd058bd.elementor-element{--align-self:center;}.elementor-177 .elementor-element.elementor-element-cd058bd .elementor-button{fill:#000000;color:#000000;}.elementor-177 .elementor-element.elementor-element-cd058bd .elementor-button:hover, .elementor-177 .elementor-element.elementor-element-cd058bd .elementor-button:focus{color:#FFFFFF;}.elementor-177 .elementor-element.elementor-element-cd058bd .elementor-button:hover svg, .elementor-177 .elementor-element.elementor-element-cd058bd .elementor-button:focus svg{fill:#FFFFFF;}@media(min-width:768px){.elementor-177 .elementor-element.elementor-element-26f1b8f{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-177 .elementor-element.elementor-element-1bdf200{--width:100%;}.elementor-177 .elementor-element.elementor-element-1c6656e{--width:100%;}.elementor-177 .elementor-element.elementor-element-b93ebe3{--width:100%;}}@media(min-width:1025px){.elementor-177 .elementor-element.elementor-element-26f1b8f::before, .elementor-177 .elementor-element.elementor-element-26f1b8f > .elementor-background-video-container::before, .elementor-177 .elementor-element.elementor-element-26f1b8f > .e-con-inner > .elementor-background-video-container::before, .elementor-177 .elementor-element.elementor-element-26f1b8f > .elementor-background-slideshow::before, .elementor-177 .elementor-element.elementor-element-26f1b8f > .e-con-inner > .elementor-background-slideshow::before, .elementor-177 .elementor-element.elementor-element-26f1b8f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-attachment:fixed;}.elementor-177 .elementor-element.elementor-element-7c2eb76:not(.elementor-motion-effects-element-type-background), .elementor-177 .elementor-element.elementor-element-7c2eb76 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-177 .elementor-element.elementor-element-7156847 .elementor-heading-title{font-size:1.4rem;}.elementor-177 .elementor-element.elementor-element-4de19c6{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-177 .elementor-element.elementor-element-4de19c6 .elementor-heading-title{font-size:2.6rem;}.elementor-177 .elementor-element.elementor-element-194cb24{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-177 .elementor-element.elementor-element-068e151 .elementor-heading-title{font-size:2.6rem;}.elementor-177 .elementor-element.elementor-element-233eeda .elementor-heading-title{font-size:2.6rem;}.elementor-177 .elementor-element.elementor-element-cd058bd{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}}@media(max-width:767px){.elementor-177 .elementor-element.elementor-element-7156847{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-177 .elementor-element.elementor-element-7156847 .elementor-heading-title{font-size:1.2rem;}.elementor-177 .elementor-element.elementor-element-4de19c6 .elementor-heading-title{font-size:2rem;}.elementor-177 .elementor-element.elementor-element-194cb24{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-177 .elementor-element.elementor-element-068e151{text-align:center;}.elementor-177 .elementor-element.elementor-element-068e151 .elementor-heading-title{font-size:2rem;}.elementor-177 .elementor-element.elementor-element-233eeda{text-align:center;}.elementor-177 .elementor-element.elementor-element-233eeda .elementor-heading-title{font-size:2rem;}.elementor-177 .elementor-element.elementor-element-cd058bd{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}}/* Start custom CSS for html, class: .elementor-element-4be73a1 */.card-container {
    perspective: 1000px;

.icon-card {
    width: 60px
}

.card-heading {
    color: #0C608A;
    font-family: Libre Franklin;
    font-size: 1.3rem;
    font-weight: 600;
}

.flip-card {
    width: 100%;
    height: 230px;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    position: relative;
    cursor: pointer;
}

.card-trigger:hover .flip-card {
    transform: rotateY(180deg);
}

.flip-card-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    backface-visibility: hidden;
    text-align: center;
}

.flip-card-front {
    background-color: #fff;
    color: black;
}

.flip-card-back {
    background-color: #53AD36;
    padding: 5px;
    transform: rotateY(180deg);
    color: black;
}

.btn-card {
    background-color: #0C608A;
    color: white;
    font-family: Libre Franklin;
    font-size: 0.8em;
    font-weight: 500;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.btn-card:hover {
    transform: scale(0.95);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2229b86 */.card-container {
    perspective: 1000px;

.icon-card {
    width: 60px
}

.card-heading {
    color: #0C608A;
    font-family: Libre Franklin;
    font-size: 1.3rem;
    font-weight: 600;
}

.flip-card {
    width: 100%;
    height: 230px;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    position: relative;
    cursor: pointer;
}

.card-trigger:hover .flip-card {
    transform: rotateY(180deg);
}

.flip-card-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    backface-visibility: hidden;
    text-align: center;
}

.flip-card-front {
    background-color: #fff;
    color: black;
}

.flip-card-back {
    background-color: #53AD36;
    padding: 5px;
    transform: rotateY(180deg);
    color: black;
}

.btn-card {
    background-color: #0C608A;
    color: white;
    font-family: Libre Franklin;
    font-size: 0.8em;
    font-weight: 500;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.btn-card:hover {
    transform: scale(0.95);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3341921 */.card-container {
    perspective: 1000px;

.icon-card {
    width: 60px
}

.card-heading {
    color: #0C608A;
    font-family: Libre Franklin;
    font-size: 1.3rem;
    font-weight: 600;
}

.flip-card {
    width: 100%;
    height: 230px;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    position: relative;
    cursor: pointer;
}

.card-trigger:hover .flip-card {
    transform: rotateY(180deg);
}

.flip-card-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    backface-visibility: hidden;
    text-align: center;
}

.flip-card-front {
    background-color: #fff;
    color: black;
}

.flip-card-back {
    background-color: #53AD36;
    padding: 5px;
    transform: rotateY(180deg);
    color: black;
}

.btn-card {
    background-color: #0C608A;
    color: white;
    font-family: Libre Franklin;
    font-size: 0.8em;
    font-weight: 500;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.btn-card:hover {
    transform: scale(0.95);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9392397 */.card-container {
    perspective: 1000px;

.icon-card {
    width: 60px
}

.card-heading {
    color: #0C608A;
    font-family: Libre Franklin;
    font-size: 1.3rem;
    font-weight: 600;
}

.flip-card {
    width: 100%;
    height: 230px;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    position: relative;
    cursor: pointer;
}

.card-trigger:hover .flip-card {
    transform: rotateY(180deg);
}

.flip-card-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    backface-visibility: hidden;
    text-align: center;
}

.flip-card-front {
    background-color: #fff;
    color: black;
}

.flip-card-back {
    background-color: #53AD36;
    padding: 5px;
    transform: rotateY(180deg);
    color: black;
}

.btn-card {
    background-color: #0C608A;
    color: white;
    font-family: Libre Franklin;
    font-size: 0.8em;
    font-weight: 500;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.btn-card:hover {
    transform: scale(0.95);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19ed634 */.card-container {
    perspective: 1000px;

.icon-card {
    width: 60px
}

.card-heading {
    color: #0C608A;
    font-family: Libre Franklin;
    font-size: 1.3rem;
    font-weight: 600;
}

.flip-card {
    width: 100%;
    height: 230px;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    position: relative;
    cursor: pointer;
}

.card-trigger:hover .flip-card {
    transform: rotateY(180deg);
}

.flip-card-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    backface-visibility: hidden;
    text-align: center;
}

.flip-card-front {
    background-color: #fff;
    color: black;
}

.flip-card-back {
    background-color: #53AD36;
    padding: 5px;
    transform: rotateY(180deg);
    color: black;
}

.btn-card {
    background-color: #0C608A;
    color: white;
    font-family: Libre Franklin;
    font-size: 0.8em;
    font-weight: 500;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.btn-card:hover {
    transform: scale(0.95);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9419231 */.card-container {
    perspective: 1000px;

.icon-card {
    width: 60px
}

.card-heading {
    color: #0C608A;
    font-family: Libre Franklin;
    font-size: 1.3rem;
    font-weight: 600;
}

.flip-card {
    width: 100%;
    height: 230px;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    position: relative;
    cursor: pointer;
}

.card-trigger:hover .flip-card {
    transform: rotateY(180deg);
}

.flip-card-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    backface-visibility: hidden;
    text-align: center;
}

.flip-card-front {
    background-color: #fff;
    color: black;
}

.flip-card-back {
    background-color: #53AD36;
    padding: 5px;
    transform: rotateY(180deg);
    color: black;
}
.btn-card {
    background-color: #0C608A;
    color: white;
    font-family: Libre Franklin;
    font-size: 0.8em;
    font-weight: 500;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
}

.btn-card:hover {
    transform: scale(0.95);
}/* End custom CSS */