/*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 {
    text-align: left;
    margin-bottom: 10px;
}

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

/*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;
    padding-left: 30px;
}

.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
-------------------------------------*/

/* COMIENZA EL CSS PERSONALIZADO */

.padding-section {
  padding: 80px 0px;
}

.padding-section-3 {
  padding: 80px 0px 40px;
}

.padding-section-3-1 {
  padding: 40px 0px 80px;
}

.padding-section-footer {
  padding: 80px 0px 0px;
}

.padding-right-15 {
    padding-right: 15px;
}

.button-general .inner-column .header-btn {
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0px;
    line-height: 48px;
    background-color: transparent;
    color: #fff;
    border: 1px solid var(--theme-color-white);
    padding: 0;
    width: 140px;
    text-align: center;
    margin-top: -8px;
    position: relative;
    top: 5px;
    height: 50px;
    z-index: 9;
}

.button-general .inner-column .header-btn {
    display: inline-block;
    font-weight: 600;
    margin-top: 30px;
}

.button-general .inner-column .header-btn:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
    background: var(--theme-color-white);
    border-radius: inherit;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1), cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.button-general .inner-column .header-btn:hover {
    background-color: transparent;
    border-color: var(--theme-color-white);
    color: var(--theme-color1);
}

.button-general .inner-column .header-btn:hover:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

body {
    color: #b7b7b7;
}

p, .text {
    color: #b7b7b7;
}

/* MENU START */

.header-style-four .main-box .nav-outer .nav .navigation li {
    margin-right: 30px;
}

.sticky-header .main-menu .navigation > li {
    margin: 0;
    margin-left: 30px;
    padding: 20px 0;
}

.sticky-header .logo img {
    max-height: 70px;
}

.mobile-menu .nav-logo img {
    max-height: 90px;
}

.header-style-four .main-box .nav-outer .nav .navigation li.current-menu-item a.primary-a {
    color: var(--theme-color1);
}

.header-style-four .main-menu .navigation > li.current-menu-item > a.primary-a:before {
    width: 100%;
}

.sticky-header.fixed-header .inner-container .nav-outer .main-menu .navigation > li.current-menu-item > a.primary-a {
    color: var(--theme-color1);
}

.header-style-four .main-box {
    padding: 21px 0;
}

.header-style-four .main-box .nav-outer .nav .navigation li a:hover {
    color: #FFFFFF;
}

.header-style-four .main-menu .navigation > li > ul > li > a:hover {
    color: #FFFFFF;
}

.header-style-four.home-style1 .header-lower {
    padding: 0 20px;
}

/* MENU END */

/* BREADCRUMB START */

.banner-section-thirteen .banner-slider .banner-slide .inner-slide {
    max-width: 100%;
    padding: 147px 32px 31px 80px;
}

.banner-section-thirteen .banner-slider .banner-slide .inner-slide .outer-box .content-column {
    align-items: center;
}

.banner-section-thirteen .banner-slider .banner-slide .inner-slide .outer-box .bg-image1:before {
    background-color: rgba(var(--theme-color-black-rgb), 0);
    transition: background 0.4s ease;
}

.banner-section-thirteen .banner-slider .banner-slide .inner-slide .outer-box .bg-image1:hover:before {
    background-color: rgba(var(--theme-color-black-rgb), 0);
}

.banner-section-eleven .banner-slider .content-column .video-info {
    margin-top: 45px;
}

.video-info .inner-video-info .inner-column .header-btn {
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0px;
    line-height: 48px;
    background-color: transparent;
    color: #fff;
    border: 1px solid var(--theme-color-white);
    padding: 0;
    width: 140px;
    text-align: center;
    margin-top: -8px;
    position: relative;
    top: 5px;
    height: 50px;
    z-index: 9;
}

.video-info .inner-video-info .inner-column .header-btn {
    display: inline-block;
    font-weight: 600;
    margin-bottom: 30px;
}

.video-info .inner-video-info .inner-column .header-btn:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
    background: var(--theme-color-white);
    border-radius: inherit;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1), cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.video-info .inner-video-info .inner-column .header-btn:hover {
    background-color: transparent;
    border-color: var(--theme-color-white);
    color: var(--theme-color1);
}

.video-info .inner-video-info .inner-column .header-btn:hover:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.banner-section-eleven .banner-slider .content-column .content-info {
    left: -110px;
}

.banner-section-eleven .banner-slider .content-column .video-info {
    justify-content: center;
}

/* BREADCRUMB END */

/* SECTION 1 START */

.list-style-one li {
    margin-right: 10px;
}

.form-control:focus {
    color: #ffffff;
}

label.labelcheck a {
    color: #FFFFFF;
}

label.labelcheck a:hover {
    text-decoration: underline var(--theme-color1);
}

.contact-details__info li:hover .icon {
    background-color: var(--theme-color-black);
}

.contact-details__info li .text a {
    color: #FFFFFF;
}

.contact-details__info li .text a:hover {
    text-decoration: underline var(--theme-color1);
    color: #FFFFFF;
}

b,
strong {
    color: #FFFFFF;
    font-weight: var(--body-font-weight-bold);
}

.resaltartitulos.sitemaps a {
    color: #FFFFFF;
}

.resaltartitulos.sitemaps a:hover {
    text-decoration: underline var(--theme-color1);
    color: #FFFFFF;
}

.about-section .content-column .inner-column .btn-box {
    margin-top: 41px;
}

/* SECTION 1 END */

/* TEMPLATE 1 START */

.process-section .outer-box .bg-image-box:before {
    background-color: rgba(var(--theme-color-black-rgb), 0.2);
}

.process-section .outer-box:has(.inner-box:hover) .bg-image-box::before {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0.50) 30%,
        rgba(0, 0, 0, 0.05) 100%
    );
    background-color: transparent;
}

.process-section .outer-box .bg-image-box {
    height: calc(100%);
}

.process-block {
    padding-bottom: 0px;
}

/* TEMPLATE 1 END  */

/* SECTION 2 START */

.about-section-two .content-column .inner-column .image-1 {
    display: inline-block;
    margin-top: 35px;
    position: relative;
    margin-bottom: 0;
}

.feature-section-four .content-column .inner-column .healthy-food .food-list {
    margin-right: 50px;
}

.about-section-two .content-column .inner-column {
    padding: 61px 0 0px;
}

.about-section-two .content-column .inner-column .image-1 {
    margin-top: 0px;
}

.project-block .inner-box:before {
    background-color: rgba(var(--theme-color-black-rgb), 0);
}

.project-block .inner-box .content-box .category {
    color: #FFFFFF;
    text-decoration: underline var(--theme-color1) 2px;
}

.about-section-two .content-column .inner-column .image-1.interiorisme-comercia-a-barcelona:after,
.about-section-two .content-column .inner-column .image-1.projectes-dinteriorisme-a-barcelona:after,
.about-section-two .content-column .inner-column .image-1.decorar-dormitori-juvenil-a-barcelona:after {
    bottom: 80px;
}

.about-section-two .content-column .inner-column .sec-title h2 {
    padding-right: 20px;
}

.project-block .inner-box .box-caption {
    border-top: 0px;
}

.project-block .inner-box:hover:before {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.65) 0%,
        rgba(0, 0, 0, 0.30) 30%,
        rgba(0, 0, 0, 0.05) 100%
    );
    background-color: transparent;
}

/* SECTION 2 END  */

/* TEMPLATE 2 START */

.video-section-two {
    overflow: hidden;
}

.video-section-two .bg.bg-image {
    background-attachment: fixed;
}

.video-section-two .bg-image:before {
    background-color: rgba(var(--theme-color-black-rgb), 0);
    transition: background 0.4s ease;
}

.video-section-two:hover .bg-image::before {
    background-color: rgba(var(--theme-color-black-rgb), 0);
}

.video-section-two .btn-column .inner-column .header-btn {
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0px;
    line-height: 48px;
    background-color: transparent;
    color: #fff;
    border: 1px solid var(--theme-color-white);
    padding: 0;
    width: 140px;
    text-align: center;
    margin-top: -8px;
    position: relative;
    top: 5px;
    height: 50px;
    z-index: 9;
}

.video-section-two .btn-column .inner-column .header-btn {
    display: inline-block;
    font-weight: 600;
}

.video-section-two .btn-column .inner-column .header-btn:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
    background: var(--theme-color-white);
    border-radius: inherit;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1), cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.video-section-two .btn-column .inner-column .header-btn:hover {
    background-color: transparent;
    border-color: var(--theme-color-white);
    color: var(--theme-color1);
}

.video-section-two .btn-column .inner-column .header-btn:hover:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

/* TEMPLATE 2 END   */

/* SECTION 3 START */

.text.mb-4 {
    margin-bottom: 30px;
}

.row.mood {
    flex-direction: row-reverse;
}

.pricing-section-three .sec-title .text {
    margin-left: 19px;
    margin-top: 30px;
}

.pricing-block-three .inner-box .content-column .inner-column .food-list ul li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 6px;
}

.pricing-block-three .inner-box .content-column .inner-column .food-list ul li i {
    position: absolute;
    left: 0;
    top: 7px;
    color: var(--theme-color1);
}

.about-section-seven .content-column {
    margin-bottom: 10px;
}

.lo-mas-buscado {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lo-mas-buscado .button-general .inner-column .header-btn {
    margin-top: 0;
}

.service-block-three .inner-box .content-box {
    z-index: 1;
}

.button-general.decoradores .inner-column .header-btn {
    margin-top: 0px;
}

.feature-row .content-column.right .inner-column {
    padding: 60px 80px 60px 231px;
}

.feature-row .content-column.left .inner-column {
    padding: 60px 231px 60px 80px;
}

.feature-row .image-column .inner-column.left {
    margin-left: -170px;
    margin-right: 0px;
    position: relative;
    z-index: 9;
}

.service-block-three .lo-mas-buscados .header-btn {
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0px;
    line-height: 48px;
    background-color: transparent;
    color: #fff;
    border: 1px solid var(--theme-color-white);
    padding: 0;
    width: 140px;
    text-align: center;
    margin-top: -8px;
    position: relative;
    top: 5px;
    height: 50px;
    z-index: 9;
}

.service-block-three .lo-mas-buscados .header-btn {
    display: inline-block;
    font-weight: 600;
    margin-top: 30px;
}

.service-block-three .lo-mas-buscados .header-btn:before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    z-index: -1;
    background: var(--theme-color-white);
    border-radius: inherit;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: top right;
    transform-origin: top right;
    transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1), cubic-bezier(0.86, 0, 0.07, 1);
    -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
    transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.service-block-three .lo-mas-buscados .header-btn:hover {
    background-color: transparent;
    border-color: var(--theme-color-white);
    color: #000000;
}

.service-block-three .lo-mas-buscados .header-btn:hover:before {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
}

.about-section-seven .image-column .inner-column {
    padding: 0 0px 209px 0;
}

/* SECTION 3 END */

/* NEWSLETTER START */

.contact-section.style-two .form-column .contact-form .form-group.textarea {
    margin-bottom: 10px;
}

.contact-section.style-two .form-column .contact-form .form-group .contienecheckbox {
    display: flex;
}

.contact-section.style-two .form-column .contact-form .form-group .contienecheckbox .check-input {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.contact-section.style-two .form-column .contact-form .form-group .contienecheckbox .labelcheck a {
    color: #FFFFFF;
    text-decoration: underline var(--theme-color1);
}

.contact-section.style-two .form-column .contact-form .form-group .contienecheckbox .labelcheck a:hover {
    text-decoration: underline var(--theme-color1);
    color: var(--theme-color1);
}

/* NEWSLETTER END   */

/* FOOTER START */

.contact-list .inner .list-info {
    margin-bottom: 13px;
}

.contact-list .inner .list-info a:hover {
    color: #FFFFFF;
}

.footer-bottom .copyright-text a {
    color: #FFFFFF;
    transition: all 300ms ease;
}

p a:not(.button):not(.btn):hover {
    text-decoration: underline var(--theme-color1);
}

.main-footer .widgets-section {
    position: relative;
    padding: 0px;
}

.footer-bottom {
    padding: 15px 0 15px;
}

.copyright-text p {
    margin-bottom: 0px;
}

/* FOOTER END   */

/* --- DEGRADADO PARA LAS IMÁGENES DE SERVICE-BLOCK-THREE --- */
/* Añadido para asegurar que el texto blanco sobre la imagen sea legible */
.service-block-three .image {
    position: relative;
    display: block;
}

.service-block-three .image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    pointer-events: none; /* Permite interacción a través del degradado */
    z-index: 1; /* Se sitúa sobre la imagen pero debajo del contenido (texto) */
}

/* 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;
}