/* COMIENZA EL CSS PERSONALIZADO */

/*input number quitar flechas*/

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/*input number quitar flechas*/


/*Footer espacio para el Subvencionado */

.footer-logo-espacio {
    margin-bottom: 30px;
    width: 250px;
    height: auto;
}

.footer-logo-espacio img {
    max-width: 100%;
}

/*Footer espacio para el Subvencionado*/


/*contienecheckbox*/

.contienecheckbox {
    display: flex;
    align-items: center;
    text-align: left;
}

.labelcheck {
    width: 93%;
    vertical-align: middle;
    margin: 0px !important;
    display: inline-block;
    font-size: 15px;
    line-height: 19px;
}

/*contienecheckbox*/

/*Loader*/

.ajax-loader {width: 79px; display: none;}
.ajax-result {margin-top:10px;}
.ajax-result .success, .ajax-result .error{clear:both; padding: 10px;border: 1px solid green;font-size: 14px;background: #a9e4a9;color:#000;text-align:center; display:none; }
.ajax-result .error{background: #f98e8e;}
.ajax-result-phone {margin-top:10px;}
.ajax-result-phone .success, .ajax-result-phone .error{clear:both; padding: 10px;border: 1px solid green;font-size: 14px;background: #a9e4a9;color:#000;text-align:center; display: none; }
.ajax-result-phone .error{background: #f98e8e;}
.ajax-result-home {margin-top:10px;}
.ajax-result-home .success, .ajax-result-home .error{clear:both; padding: 10px;border: 1px solid green;font-size: 14px;background: #a9e4a9;color:#000;text-align:center; display:none; }
.ajax-result-home .error{background: #f98e8e;}

.hpxpfck {position: absolute !important;  left: -9999px;  top: -9999px;  height: 0;  width: 0;  overflow: hidden;}

/*Loader*/

/* -----------------------------------
    Resaltar los titulos de los avisos
-------------------------------------*/

.resaltartitulos ul li {
    list-style: disc;
    margin: 15px;
}

.resaltartitulos ul {
    height: auto;
}

.resaltartitulos h1,
.resaltartitulos h2,
.resaltartitulos h3,
.resaltartitulos h4,
.resaltartitulos h5,
.resaltartitulos h6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

/* -----------------------------------
    Resaltar los titulos de los avisos
-------------------------------------*/

.validate-background {
    background-color: #000;
    display: contents;
}

.desktop-hidden {
    display: none !important;
}

.text {
    color: #595959
}

.mrtm-15 {
    margin-top: -15px;
}

.mrt-20 {
    margin-top: 20px;
}

.mrt-30 {
    margin-top: 30px;
}

.mrr-5 {
    margin-right: 5px;
}

.mrb-20 {
    margin-bottom: 20px;
}

.pdl-10 {
    padding-left: 10px;
}

b, strong {
    color: #000;
    font-weight: 600;
}

.service-section-two .service-block-h2 .inner-block .content-box .contents .text b,
.service-section-two .service-block-h2 .inner-block .content-box .contents .text strong {
    color: #fff;
    font-weight: 600;
}

/* MENU START */

.header-style-one.style-one .header-top .top-left .list-style-one li a:hover {
    color: var(--theme-color2)
}

.main-menu .navigation > li {
    margin-right: 50px;
}

.main-menu .navigation > li > ul > li > a {
    line-height: 24px;
    font-weight: 600;
    color: #595959;
}

.main-menu .navigation > li > ul > li > a:hover {
    color: var(--theme-color2);
}

.social-icon-one {
    align-items: center;
}

.header-style-one.style-one .header-top .social-icon-one li:nth-child(2) {
    margin-left: 10px;
    margin-right: 5px;
}

.header-style-one.style-one .header-top .social-icon-one li a {
    background-color: var(--theme-color-light);
    border-radius: 50%;
    color: var(--theme-color1);
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    width: 24px;
}

.mobile-menu .social-links li a:hover {
    color: var(--theme-color3);
}

.main-menu .navigation > li > a {
    color: #595959;
}

.main-menu .navigation>li.current>a {
    color: var(--theme-color2);
    font-weight: 700;
}

.sticky-header .main-menu .navigation > li > a {
    color: #595959;
}

.sticky-header.fixed-header .inner-container {
    justify-content: start;
}

.sticky-header.fixed-header .inner-container .nav-outer .main-menu .navbar-collapse .navigation li.desktop-hidden {
    display: block !important;
}

/* DETAILS START */

/* ## BREADCRUMBS ## */

.banner-section .image-column .object-1 {
    left: -80px;
    top: 65px;
}

.banner-section:after {
    background-image: url(../images/content/inicio/inicio-1.png);
    max-width: 100%;
}

.banner-section .image-column .image-pattern {
    top: -80px;
}

.banner-section .content-column .banner-title {
    font-size: clamp(40px, 5.25vw, 100px);
}

.banner-section .content-column .banner-text {
    left: 52%;
}

.banner-section .content-column .banner-text {
    height: 130px;
    max-width: 430px;
}

.page-breadcrumb li a {
    color: var(--White);
    font-weight: 500;
    text-transform: capitalize;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
    color: var(--theme-color3);
}

.page-breadcrumb li a.active {
    color: var(--theme-color3);
}

.page-title.servicio-de-reparaciones-y-averias-en-barcelona {
    background-position: bottom;
}

.banner-section .image-column .object-1 span:after {
    left: -75px;
}

.banner-section .image-column .object-2 span:after {
    left: 15px;
}

/* ## SECTION 1 ## */

.team-details .auto-container .team-details__top .row {
    justify-content: center;
    align-items: center;
}

.team-details__top {
    padding: 0 0 0px;
}

.team-details__big-text {
    top: 145px;
    left: -210px;
}

.service-block .inner-box .content-box .count {
    color: #595959;
}

.service-block .inner-box:hover .content-box .count {
    color: #cc4523;
}

.service-block .inner-box .content-box h2.title,
.service-block .inner-box .content-box h3.title {
    font-size: 24px;
}

.service-block .inner-box .image-box .icon-box {
    line-height: 80px;
}

/* -----------------------------------
    Filtro de proyectos (proyectos.php)
   ----------------------------------- */

.project-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 40px;
}

.project-filter__btn {
    position: relative;
    min-width: 130px;
    padding: 10px 22px;
    border-radius: 6px;
    border: 1px solid var(--theme-color-lighter);
    background-color: #ffffff;
    color: #595959;
    font-family: var(--body-font-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.15s ease;
}

.project-filter__btn:hover {
    border-color: var(--theme-color3);
    color: var(--theme-color2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}

.project-filter__btn.is-active {
    background-color: var(--theme-color3);
    border-color: var(--theme-color3);
    color: var(--theme-color3-text-color);
    box-shadow: 0 8px 20px rgba(var(--theme-color3-rgb), 0.35);
}

/* Animación de tarjetas: fade + movimiento vertical */
.js-project-gallery {
    position: relative;
}

.js-project-gallery .js-project-item {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.35s ease, transform 0.35s ease;
}

.js-project-gallery .js-project-item.project-visible {
    opacity: 1;
    transform: translateY(0);
}

@media only screen and (max-width: 767.98px) {
    .project-filter {
        gap: 8px;
    }

    .project-filter__btn {
        min-width: auto;
        font-size: 14px;
        padding: 8px 14px;
    }
}

/* Fin filtro de proyectos */

.project-filter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    margin-bottom: 40px;
}

.project-filter__btn {
    position: relative;
    min-width: 130px;
    padding: 10px 22px;
    border-radius: 6px;
    border: 1px solid var(--theme-color-lighter);
    background-color: #ffffff;
    color: #595959;
    font-family: var(--body-font-family);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.15s ease;
}

.project-filter__btn:hover {
    border-color: var(--theme-color3);
    color: var(--theme-color2);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.06);
    transform: translateY(-1px);
}

.project-filter__btn.is-active {
    background-color: var(--theme-color1);
    border-color: var(--theme-color1);
    color: var(--theme-color3-text-color);
    box-shadow: 0 8px 20px rgba(var(--theme-color1-rgb), 0.35);
}

@media only screen and (max-width: 767.98px) {
    .project-filter {
        gap: 8px;
    }

    .project-filter__btn {
        min-width: auto;
        font-size: 14px;
        padding: 8px 14px;
    }
}

/* Fin filtro de proyectos */

.contact-details__info li:hover .icon span {
    color: var(--White);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.sec-title.contacto {
    margin-bottom: 0;
}

ul.list-unstyled.contact-details__info li div.text h3 {
    font-size: 16px;
}

.contact-details__right div.sec-title {
    margin-bottom: 40px;
}

/* ## TEMPLATE 1 ## */

.about-section-three .sec-title .title {
    max-width: 1240px;
}

.justify-content-xl-center {
    justify-content: center !important;
    align-items: center;
}

.about-section-three .countdown-content-box .inner-box {
    margin: 0 auto 0;
}

/* ## SECTION 2 ## */

.home2-tab-service-imgbox .content-area h3.title {
    font-size: var(--h4-font-size);
}

.service-section-two .service-block-h2 .inner-block .content-box .contents h3.title {
    font-size: var(--h4-font-size);
}

label.labelcheck a {
    color: #000047;
    transition: all 500ms ease;
}

label.labelcheck a:hover {
    color: #cc4523;
}

.process-section-two:before {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(69.43%, #E1E7FD), color-stop(98.99%, #FFFFFF));
    background: linear-gradient(180deg, #E1E7FD 69.43%, #FFFFFF 98.99%);
    -webkit-box-shadow: inset 0px -294px 250px #E1E7FD;
    box-shadow: inset 0px -294px 250px #FFFFFF;
    border-radius: 0%;
    content: "";
    height: 820px;
    left: -219px;
    position: absolute;
    top: -130px;
    width: 3333px;
    z-index: -1;
}

.hzAccordion-section .options .option .default-content .title {
    font-size: var(--h4-font-size);
}

.hzAccordion-section .options .option .label .info .cont .sub-title {
    color: var(--theme-color-white);
    letter-spacing: -0.03em;
    font-weight: 600;
    font-size: var(--h4-font-size);
}

/* ## TEMPLATE 2 ## */

.mrt-template-1-home {
    margin-top: 80px
}

/* ## SECTION 3 ## */

.about1-image2-column .about-client-info .inner-box .details h2.title {
    font-size: var(--h4-font-size);
}

.about1-image2-column .about-client-info .inner-box .info h3.title {
    font-size: var(--h5-font-size);
}

.about-section-two .sec-title h3.title {
    font-size: clamp(30px, 4vw, 50px);
}

.feature-box .inner-box .icon {
    line-height: 75px;
}

.feature-box .inner-box:hover .icon img {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.feature-box .inner-box .icon img {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.feature-box-four .inner-box .theme-btn.reforma-local {
    padding-right: 0;
}

.feature-box-four .inner-box .theme-btn.reforma-local .btn-title {
    line-height: 54px;
}

.process-box .process-wrapper:after {
    display: none;
}

/* ## SECTION 4 ## */

.section-4 .container .row {
    align-items: center;
}

.accordion-box .block .acc-btn {
    padding: 33px 80px 33px 30px;
}

.contact-section-one .contact-badge .title {
    color: var(--theme-color-white);
    margin-bottom: 0;
    font-size: var(--h5-font-size);
}

.contact-section-one .contact-social .title {
    color: var(--theme-color-white);
    font-weight: 600;
    font-size: var(--h5-font-size);
}

.contact-section-one .contact-badge .conpany-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.conpany-logo img {
    height: 55px;
}

.contact-home .contienecheckbox input[type=checkbox] {
    width: 15px;
}

.contact-home .contienecheckbox label.labelcheck a {
    color: #ffffff;
    text-decoration: underline #cc4523 2px;
    transition: all 300ms ease;
}

.contact-home .contienecheckbox label.labelcheck a:hover {
    color: #cc4523;
}

/* SECTION 5 */

.project-bottom .funfact-block .inner-block .count-box:before {
    bottom: 0px;
}

.project-bottom .funfact-block .inner-block .count-box .text {
    max-width: 160px;
}

/* FOOTER START */

.main-footer h2.widget-title,
.main-footer h3.widget-title {
    font-size: var(--h5-font-size);
}

.user-links li a:before {
    background-color: var(--theme-color3);
}

.footer-style-one .contact-widget {
    padding-left: 50px;
}

.footer-style-one .contact-widget .list-one .text a {
    position: relative;
    display: inline-block;
    color: inherit;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: var(--theme-color-white);
}

.footer-style-one .contact-widget .list-one .text a:before {
    position: absolute;
    left: 0;
    bottom: 3px;
    width: 0;
    height: 1px;
    background-color: var(--theme-color1);
    content: "";
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.footer-style-one .contact-widget .list-one .text a:before {
    background-color: var(--theme-color3);
}

.footer-style-one .contact-widget .list-one .text a:hover:before {
    width: 100%;
}

.footer-style-one .contact-widget .list-one .text a i {
    margin-right: 10px;
}

.footer-middle .outer-box {
    background-color: #cc4523;
}

.footer-bottom .copyright-text a {
    text-decoration: underline #cc4523 2px;
    line-height: 10px;
}

.footer-bottom .copyright-text a:hover {
    color: #cc4523;
}

/* RESPONSIVE START */

@media only screen and (max-width: 1499.98px) {
    .banner-section .content-column .banner-text {
        left: 0;
        margin-top: 0;
        position: relative;
    }
}

@media only screen and (max-width: 1310px) {
    .header-style-one .main-menu .navigation > li {
        margin-right: 30px;
    }

    .main-menu .navigation > li > a {
        font-size: 14px;
        font-weight: 600;
        line-height: 30px;
    }
}

@media only screen and (max-width: 1282px) {
    .hzAccordion-section .options .option .label .info .cont .count {
        bottom: -100px;
    }
}

@media only screen and (max-width: 1207px) {
    .hzAccordion-section .options .option .label .info .cont .count {
        bottom: -140px;
    }
}

@media (max-width: 1200px) {
    .hzAccordion-section .options .option .label .info .cont .count {
        bottom: -100px;
    }
}

@media (max-width: 1199.98px) {
    .hzAccordion-section .options {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .hzAccordion-section .options .option.active {
        height: 350px;
        min-width: inherit;
        padding: 30px;
    }

    .hzAccordion-section .options .option .label .info {
        padding: 0 0 30px;
    }
}

@media only screen and (max-width: 1140px) {
    .main-menu {
        display: none;
    }

    .mobile-nav-toggler {
        display: block;
    }

    .main-header .main-box {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .main-header .main-box .nav-outer {
        width: auto;
    }

    .desktop-hidden {
        display: block !important;
    }

    .header-style-one .header-lower .outer-box .theme-btn {
        display: none;
    }

    .sticky-header.fixed-header .inner-container {
        justify-content: space-between;
    }

    .footer-style-one .contact-widget {
        padding-left: 10px;
    }
}

@media only screen and (max-width: 992px) {

    .banner-section.pt-120.pb-120 {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .footer-style-one .contact-widget {
        padding-left: 0px;
    }

    .mrt-template-1-home {
        margin-top: 60px
    }
}

@media (max-width: 767.98px) {
    .contact-section-one .contact-info {
        margin-left: 5px;
        margin-top: 30px;
    }

    .hzAccordion-section .options {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .hzAccordion-section .options {
        grid-template-columns: repeat(1, 1fr);
    }

    .hzAccordion-section .options .option .label .info .cont .count {
        bottom: -70px;
    }
}

@media (max-width: 719px) {
    .mrtm-15 {
        margin-top: 0px;
    }
}

@media (max-width: 450px) {
    .mrtm-15 {
        margin-top: 0px;
    }

    .hzAccordion-section .options .option .default-content .title {
        font-size: 20px;
    }

    .hzAccordion-section .options .option .label .info .cont .sub-title {
        color: var(--theme-color-white);
        letter-spacing: -0.03em;
        font-weight: 600;
        font-size: 20px;
        padding-right: 30px;
    }
}

@media only screen and (min-width: 1750px) {
    .banner-section .image-column .object-1 {
        left: 0px;
    }

    .banner-section .image-column .object-2 {
        right: 25%;
        top: 500px;
    }
}

/* TERMINA EL CSS PERSONALIZADO  */

/********************************************************************************************************************************
****************************************************** FOCUS PARAMETERS ********************************************************* 
*********************************************************************************************************************************/

input:focus,
textarea:focus {
    outline: 2px solid white !important;
}

*:focus-visible,
a:focus-visible img,
a:focus-visible,
a:focus-visible h2,
a:focus-visible h3 {
    outline: 4px dashed darkorange !important;
}

a.AccessibilityLinkFirstLevelWithMenu+.AccessibilityDropDownMenu[aria-expanded="true"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}