@import url("./pgen_preset_data/style.css");

/* .sp-pagebuilder-page-edit, #sp-pagebuilder-page-edit {
    display:none!important;
} */

/* header */

/* bottom + footer */

#sppb-addon-1683273177270 {
    opacity:0.8;
}

#qdc_svg_module_129 {
    padding: 8px 10px 0!important;
    display:flex;
    justify-content: center;
}

#qdc_svg_module_129 svg{
    max-width:330px;
    opacity:0.75!important;
}

#sp-footer .container-inner {
    padding: 10px 0!important;
}

#sp-footer1 .sp-column {
    display:grid;
    grid-template-columns: 100%;
    gap:15px;
    grid-gap:15px;
}

#sp-bottom .bottom-title svg {
    height: 20px;
    width: auto;
    vertical-align: middle;
    margin-top: -4px;
}

#sp-bottom, #sp-bottom * {
    opacity:1!important;
}

.bottom_icons .sppb-column-addons {
    display:flex;
    align-items:center;
    justify-content: space-between;
}

.bottom_icons .sppb-column-addons svg {
    min-height:50px;
    height:100%;
    max-height:50px;
}

/* bottom menu */


/* Footer */

#sp-footer2 p {
    margin:0!important;
}

#sp-footer2 > .sp-column {
    display:flex;
    justify-content: flex-end;
}

/* Contacte */

.bfSectionDescription p {
    font-family: var(--title_font);
    font-style: italic;
    font-size: 24px;
    line-height: 30px;
    font-weight: 900;
}

#contactans .row-fluid:first-child>.bfSectionDescription>p {
    color: white;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 1em;
}

.bfQuickMode input[type=text],
.bfQuickMode textarea,
.bfQuickMode select,
.bfQuickMode .uneditable-input {
    max-width: 100%!important;
    width: 100%!important;
}

.bfQuickMode .controls.form-inline>div {
    width: 100%!important;
}

.bfQuickMode textarea {
    border-radius: 4px;
    padding: 8px 12px;
    max-height:150px;
}

.bfElemWrap .form-inline {
    width:100%;
    min-width:100%;
}


#bfElemWrap5 {
    margin-top: -1em!important;
}

#bfElemWrap13 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
}

#bfSubmitButton {
    position: relative;
    color: #fff;
    padding-left: 36px;
}

#bfSubmitButton:before {
    position: absolute;
    top: 6px;
    left: 12px;
    font-family: "Font Awesome 5 Free";
    content: "\f0e0";
    font-size: 16px;
    color: white;
}

.bfQuickMode section, .bfQuickMode fieldset {
    padding-right:0!important;
}

.page-3 .bfQuickMode .form-group {
    position: relative;
}

.page-3 .bfQuickMode .form-group #bfSubmitButton {
    position: absolute!important;
    right: 24px;
    top:-95px;
    margin: 0!important;
    z-index: 999;
}

@media (max-width: 414px) and (orientation:portrait) {
    .page-3 .bfQuickMode .form-group #bfSubmitButton {
        position: relative!important;
        top: 0!important;
        left:0!important;
    }
}

.page-3 #bfSubmitButton {
    width:25%;
    position: relative;
    color: var(--corporative_main_color)!important;
    background-color: var(--corporative_secondary_color)!important;
    border-color: var(--corporative_secondary_color)!important;
    border-radius:0!important;
    padding:0!important;
    line-height:30px!important;
}

.page-3 #bfSubmitButton:before {
    display:none;
}

.page-3 .bfElemWrap {
    background: transparent!important;
}

#section-id-1609761725082 {
    background-color: var(--corporative_third_color)!important;
}

#sppb-addon-1609761725098 .sppb-addon-title {
    color:white!important;
}

#sppb-addon-1610043971893 img {
    max-width:100%;
}

.sppb-addon-single-image-container {
    display: grid;
    place-items: center;
}

.page-3 .sppb-addon-content, .conditions_explained {
    text-align:justify;
    hyphens: auto;
    -webkit-hyphens: auto;
}

/* Home */

.page-6.home section > div:first-child {
    margin-bottom:0!important;
}

/* Pàgina 'Automation capabilities' */

#column-id-1684082454766 {
    min-height:65vh!important;
}

/* Responsive */

@media (max-width:1200px) and (min-width:992px){
    .bottom_icons .sppb-column-addons svg {
        min-height: 35px;
        height: 100%;
        max-height: 35px;
    }
}

@media (max-width: 768px){
    #sppb-addon-1683273177261{
        max-width:100%!important;
        margin-left:0!important;
    }

    #sppb-addon-wrapper-1683273177261 {
        margin-bottom:0!important;
    }
}

/* Bottom */

#sp-bottom {
    /* background-image: linear-gradient(135deg, var(--activacions-darkgray) 10%, var(--activacions-blue) 10%, var(--activacions-blue) 50%, var(--activacions-darkgray) 50%, var(--activacions-darkgray) 60%, var(--activacions-blue) 60%, var(--activacions-blue) 100%)!important; */
    /* background-image: linear-gradient(135deg, var(--activacions-darkgray) 10%, black 10%, black 50%, var(--activacions-darkgray) 50%, var(--activacions-darkgray) 60%, black 60%, black 100%) !important; */
    background-image: repeating-linear-gradient(135deg, #2F302F, #2F302F 10px, #141314 10px, #141314 20px)!important;
    /* background-size: 25.00px 25.00px!important; */
}

#sp-bottom .bottom_column {
    --bottom-border-radius: 20px;
    border: 1px solid var(--activacions-darkgray);
    min-height: 300px;
    background-color: var(--activacions-blue);
}

#sp-bottom .bottom_column.first {
    border-bottom-left-radius: var(--bottom-border-radius);
}
#sp-bottom .bottom_column.last {
    border-bottom-right-radius: var(--bottom-border-radius);
}

body:not(.itemid-1390) #sp-main-body:after {
    background-image: url("./images/pattern_industrial.jpg") !important;
    opacity: 0.35!important;
    z-index: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    top: 0;
    left: 0;
}

/* template */

/* titol de secció */

.section_title.page_title .sppb-addon-title > span:first-child {
    display:block;
    font-weight:bold;
    font-size:56px;
}

.section_title.page_title .sppb-addon-title > span:nth-child(2) {
    display:block;
    font-weight:bold;
    font-size:26px;
}

.section_title.section_subtitle .sppb-addon-title {
    font-family: var(--title_font);
    position:relative;
    display:block;
    font-weight:700;
    font-size:36px;
    border-bottom: 1px solid var(--activacions-blue);
    z-index:1;
    padding-bottom:10px!important;
}

.section_title.section_subtitle .sppb-addon-title:after {
    --triangle_width: 150px;
    --separation_from_init: 50px;
    position:absolute;
    content:"";
    width: var(--triangle_width);
    height:30px;
    background-color:var(--activacions-blue);
    clip-path: polygon(0 0, 50% 60%, 100% 0);
    top:100%;
    left:var(--separation_from_init);
}

/* subtitol amb triangle */

.section_title.section_subtitle.decoration_center .sppb-addon-title:after {
    left:calc(50% - calc(var(--triangle_width) / 2));
}

.section_title.section_subtitle.decoration_right .sppb-addon-title:after {
    left:initial;
    right:var(--separation_from_init);
}

.section_title.section_subtitle:after {
    content: "";
    display: block;
    height: 4px;
    background: transparent;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    position:relative;
    z-index:-1;
}

/* Text */

:root {
    --items_padding: 30px;
}

.snippet_column {
    --column-count:1;
    columns:var(--column-count);
    column-gap:var(--items_padding);
}

@media (min-width:992px){
    .column_2{
    --column-count:2;
    }
    .column_3{
    --column-count:3;
    }
}

/* colored container */

.colored_container > .sppb-row-container > .sppb-row, .colored_container:not(.sppb-section), .item_capsule {
    /* --rounding_value: 0.675rem; */
    --rounding_value: 3rem;
}

.colored_container > .sppb-row-container > .sppb-row, .colored_container:not(.sppb-section) {
    background-color:var(--activacions-blue);
    padding: var(--items_padding);
    color:var(--activacions-white);
}

.colored_container.top_left_rounded > .sppb-row-container > .sppb-row, .colored_container:not(.sppb-section).top_left_rounded, .item_capsule.top_left_rounded {
    border-top-left-radius: var(--rounding_value);
}
.colored_container.bottom_left_rounded > .sppb-row-container > .sppb-row, .colored_container:not(.sppb-section).bottom_left_rounded, .item_capsule.bottom_left_rounded {
    border-bottom-left-radius: var(--rounding_value);
}
.colored_container.top_right_rounded > .sppb-row-container > .sppb-row, .colored_container:not(.sppb-section).top_right_rounded, .item_capsule.top_right_rounded {
    border-top-right-radius: var(--rounding_value);
}
.colored_container.bottom_right_rounded > .sppb-row-container > .sppb-row, .colored_container:not(.sppb-section).bottom_right_rounded, .item_capsule.bottom_right_rounded {
    border-bottom-right-radius: var(--rounding_value);
}
.item_capsule.all_rounded {
    border-radius: var(--rounding_value);
}

.colored_container > .sppb-row-container {
    padding: 0 var(--items_padding);
}

.colored_container > .sppb-row-container > .sppb-row {
    margin:0!important;
}

.colored_container > .sppb-row-container > .sppb-row > div:first-of-type {
    padding-left:0!important;
    padding-right:calc(var(--items_padding) / 2);
}
.colored_container > .sppb-row-container > .sppb-row > div:last-of-type {
    padding-left:calc(var(--items_padding) / 2);
    padding-right:0!important;
}

.item_capsule {
    --rounding_value: 0.675rem;
    display:grid;
    grid-gap:calc(var(--items_padding) / 2);
    gap:calc(var(--items_padding) / 2);
    width:100%;
    grid-template-columns: min-content auto;
    overflow:hidden;
    align-items: center;
    grid-template-rows:100%;
}

.item_capsule > span {
    display:grid;
    padding:calc(var(--items_padding) / 4) calc(var(--items_padding) / 2);
    color:white;
    height:100%;
    place-content:center;
}
.item_capsule > span:first-child {
    background-color:var(--activacions-darkgray);
}
.item_capsule > span:last-child {
    background-color:var(--activacions-blue);
    text-align: center;
}

.item_capsule.page_snippet {
    --item_children_padding: 10px;
    --rounding_value: 0.675rem;
    width:75%!important;
}

.item_capsule.page_snippet > span:first-child {
    font-size:50px;
    padding:var(--item_children_padding);
}
.item_capsule.page_snippet > span:last-child {
    text-align:left;
    padding:var(--item_children_padding);
    font-size:20px;
    justify-self: flex-start;
    align-items: center;
    place-content: initial;
    font-weight:500;
    width:100%;
}

.company_data_container {
    display:grid;
    grid-gap:calc(var(--items_padding) / 2);
    gap:calc(var(--items_padding) / 2);
    width:100%;
    font-family:var(--title_font);
}

.company_data_container > .telephone_inverse_badge {
    display:block;
    background-color:var(--activacions-white);
    color:var(--activacions-blue)!important;
    font-size:29px!important;
    border-radius:8px;
    line-height:1.3;
    text-align: center;
    font-weight:600;
    font-family:var(--title_font);
}

.company_data_container > .of_badge {
    color:var(--activacions-white)!important;
    font-weight:800;
    font-family:var(--title_font);
    font-size:26px!important;
    line-height:1.3;
    text-align: center;
}

.star_decoration {
    display:grid;
    grid-template-columns: auto 20px auto;
    align-items:center;
    grid-gap:5px;
    gap:5px;
}

.star_decoration hr {
    border-color:var(--activacions-blue)!important;
    border-width: 2px;
    opacity:1;
}

.star_decoration .fa {
    font-size:20px;
    color:var(--activacions-blue)!important;
}

li.sp-menu-item.itemid-1392, li.sp-menu-item.itemid-1391 {
    position:relative;
}

li.sp-menu-item.itemid-1392:before, li.sp-menu-item.itemid-1391:before {
    position:absolute;
    top:18px;
    left:10px;
    content:"";
    width:30px;
    height:30px;
    background-color:var(--activacions-black)!important;
    -webkit-mask-image: url("./images/offertas_icon.svg");
    mask-image: url("./images/offertas_icon.svg");
    mask-repeat: no-repeat;
    z-index:1;
}

li.sp-menu-item.itemid-1392:not(.active), li.sp-menu-item.itemid-1391:not(.active) {
    --navbar_hover_color:#3d4142;
}

li.sp-menu-item.itemid-1392.active:before, li.sp-menu-item.itemid-1391.active:before {
    background-color:var(--activacions-blue)!important;
}

li.sp-menu-item.itemid-1392:hover:before, li.sp-menu-item.itemid-1392:hover > a,
li.sp-menu-item.itemid-1391:hover:before, li.sp-menu-item.itemid-1391:hover > a {
    opacity:0.7!important;
}

b, strong {
    font-weight:700!important;
}