/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.2
 Text Domain:  bricks
*/


html {
  scroll-behavior: smooth;
  scroll-padding-top: 130px; /* altura de tu header */
}


/*GENERALES*/
h1,h2,h3,h4,h5,h6 {margin-bottom: 10px;}
.img-border {position: relative;display: inline-block;}
.img-border::before {content: "";position: absolute;inset: 0;border-radius: 10px;background: #ffffff;border: 1px solid #e5ddd0;transform: translate(24px, 24px);z-index: 0;/*-webkit-mask-image: linear-gradient(to top, black 0%, transparent 90%);mask-image: linear-gradient(to top, black 0%, transparent 90%);*/}
.img-border img {display: block;border-radius: 10px;box-shadow: 9px 6px 11px rgb(166 149 133 / 45%);position: relative;z-index: 1;}
a {transition: all 0.5s;}
a:hover {color: var(--primary);}

.btn-black.brxe-button:hover {border-color: white !important;}

/*TEXT EDITOR*/
.brxe-text p {margin-bottom: 15px;}
.brxe-text ul {padding-left: 1px;list-style: none;margin-bottom: 15px;}
.brxe-text ul li {margin-bottom: 10px;position: relative;padding-left: 20px;}
.brxe-text ul li::before {content: "";width: 7px;height: 7px;background-color: #D3CDC1;border-radius: 50%;margin-right: 15px;position: absolute;left: 0;top: 9px;} 
.brxe-text ul:last-child {margin-bottom: 0;}
.brxe-text a {text-decoration: underline;}

/*TITLE*/
.pre-title {position: relative;margin-bottom: 35px;}
.pre-title::after {content: "";height: 1px;width: 47px;position: absolute;bottom: -15px;background: var(--primary);left: 0;right: 0;margin: auto;}
.pre-title.left::after {right: auto;}

/*HEADER*/
#brx-header:hover {background-color: white;}
.header-fix #brx-header.brx-sticky.on-scroll {position: fixed;}
.header-fix #brx-header.on-scroll:not(.scrolling) .brxe-logo img {filter: brightness(0) invert(1);transition: all 0.5s;}
.header-fix #brx-header.on-scroll:not(.scrolling) .main-menu-nestable {color: white;}
.header-fix #brx-header.on-scroll:not(.scrolling) .div-link-sesion {color: white;}
.header-fix #brx-header.on-scroll:hover .brxe-logo img {filter: brightness(0);}
.header-fix #brx-header.on-scroll:hover .main-menu-nestable, .header-fix #brx-header.on-scroll:hover .div-link-sesion {color: black;}
.header-fix #brx-header .main-menu-nestable .brx-submenu-toggle span {transition: all 0.5s;}
.header-fix #brx-header.on-scroll:not(.scrolling) .bricks-background-light {border-color: white;}
.header-fix #brx-header.on-scroll:hover .bricks-background-light {border-color: black;}

.brxe-text-link[aria-current="page"], .brx-submenu-toggle.aria-current span {position: relative;color: var(--primary);}
nav > ul > li > .brxe-text-link[aria-current="page"]::after {content: '';position: absolute;bottom: -5px;left: 0;right: 0;width: 45px;height: 1px;background-color: var(--primary);margin: auto;}
nav > ul > li > .brx-submenu-toggle.aria-current > span::after {content: '';position: absolute;bottom: -5px;left: 0;right: 0;width: 45px;height: 1px;background-color: var(--primary);margin: auto;}


.title-span-brown span {color: var(--primary);}
.title-doble-size {font-size: var(--text-2xl);margin-bottom: 20px;}
.title-doble-size span {font-size: var(--text-xl);display: block;}
.title-color {font-size: var(--text-2xl);margin-bottom: 20px;}
.title-color span {color: var(--primary);}
.slide-links .splide__track, .slide-image-text .splide__track {padding-top: 30px;padding-bottom:40px;}
.number-stroke {color: transparent;-webkit-text-stroke: 1.5px #D3CDC1;}
.tabs .tab-menu {justify-content: space-between;}
.tabs .tab-menu .tab-title {position: relative;}
.tabs .tab-menu .tab-title.brx-open::after {content: "";position: absolute;left: 0;bottom: 60px;width: 45px;height: 1px;background: #A69587;left: 50%;transform: translateX(-50%);}
.tabs .tab-menu .tab-title.brx-open::before {content:"";content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-left: 22px solid transparent;border-right: 22px solid transparent;border-bottom: 16px solid #fff;}
.tabs .tab-content .tab-pane {padding: 70px 100px;}
.tabs > .tab-content {box-shadow: 0 0 40px 0 hsla(0, 0%, 76%, 0.27);}
.faqs > .brxe-block {background: white;box-shadow: 0 0 40px rgb(194 194 194 / 30%);padding: 30px;margin-bottom: 25px;border-radius: 10px;}
.faqs > .brxe-block.brx-open .brxe-icon {background: var(--primary);color: white;}

/*HOME*/
.slide-home-item::after {content: "";position: absolute;width: 100%;height: 100%;background: linear-gradient(180deg, rgb(0 0 0 / 30%) 20%, var(--transparent));}


/*SERVICIOS*/
.bg-beige-blanco {position: relative;}
.bg-beige-blanco::after {content:"";position: absolute;top: 0;width: 100%;height: 500px;z-index: -1;background: linear-gradient(90deg, #F7F1E9 0%, #E1D4C8 100%);}


/*NOSOTROS*/
.timeline .splide__slide {position: relative;padding-top: 40px;}
.timeline .splide__slide::before {content: '';position: absolute;top: 8px;left: 0;width: 100%;height: 1px;border-top: 1px dashed #6b6b6b;}
.timeline .splide__slide::after {content: '';position: absolute;top: 8px;left: 50%;transform: translate(-50%, -50%);width: 14px;height: 14px;border-radius: 50%;background: #1a1a1a;border: 2px solid #9a9a9a;z-index: 2;}
.timeline-title {content: "";position: relative;text-align: center;margin-bottom: 25px;}
.timeline-title::after {content: "";width: 50px;height: 1px;background: var(--primary);position: absolute;bottom: 0;left: 0;right: 0;margin: auto;}

.content-img-team::after {content: "";position: absolute;width: 100%;height: 100%;background: rgb(0 0 0 / 60%);left: 0;opacity: 0;transition: all .3s ease-in-out;}
.content-img-team:hover::after {opacity: 1;}
.content-team-position {transition: all .5s ease 0s;z-index: 1;}
.content-img-team:hover .content-team-position {bottom: 25px;opacity: 1;}
.content-img-team .brxe-image {transition: all .3s ease-in-out;;}

.timeline-content{position: relative;}

.timeline-content::before{content: "";position: absolute;left: 7px;top: 12px;bottom: 60px;width: 1px;background: repeating-linear-gradient(to bottom,#d8cfc0 0,#d8cfc0 4px,transparent 4px,transparent 9px);z-index: 1;}
.div-experiencia{position: relative;padding-left: 50px;padding-bottom: 70px;}
.div-experiencia:last-child{padding-bottom: 0;}
.div-experiencia::before, .timeline-content ul li:before {content: "";position: absolute;left: 0;top: 5px;width: 15px;height: 15px;border-radius: 50%;border: 2px solid #b3a692;background: #fff;z-index: 2;}
.div-experiencia.brxe-div:last-child {padding-bottom: 0;}
.timeline-content ul li {padding-left: 25px;}

.arrow-tab {opacity: 0;;transition: all 0.5s;}
.content-title-tab-lateral.brx-open {transition: all 0.5s;}
.content-title-tab-lateral.brx-open .arrow-tab {opacity: 1;}
.content-title-tab-lateral:hover {color: var(--primary);}
.content-title-tab-lateral:hover .arrow-tab {opacity: 1;}

/*BLOG*/
.brxe-posts.posts-lists {overflow: visible;}
.posts-lists .bricks-layout-item {box-shadow: 0 0 40px 0 hsla(0, 0%, 76%, 0.27);border-radius: 10px;overflow: hidden;}
.posts-lists .bricks-layout-wrapper {margin-top: 20px;}
.posts-lists.brxe-posts .bricks-layout-wrapper[data-layout=grid] img {border-radius: 10px;}

.table-content-blog {box-shadow: 0 0 40px 0 hsla(0, 0%, 76%, 0.27);width: 100%;border-radius: 10px;padding: 30px 40px;}
.table-content-blog ul {padding-left: 1px;list-style: none;margin-bottom: var(--space-fluid-01);}
.table-content-blog ul li {margin-bottom: 10px;position: relative;padding-left: 20px;}
.table-content-blog ul li::before {content: "";width: 7px;height: 7px;background-color: #D3CDC1;border-radius: 50%;margin-right: 15px;position: absolute;left: 0;top: 9px;} 
.table-content-blog ul:last-child {margin-bottom: 0;}
.table-content-blog ul li ul {margin-top: 10px;}
.brxe-post-content h2 {font-size: 24px;font-weight: 700;margin-top: 30px;margin-bottom: 20px;}
.brxe-post-content h3 {font-size: 20px;font-weight: 600;margin-top: 30px;margin-bottom: 20px;}
.brxe-post-content h2 strong, .brxe-post-content h3 strong {font-weight: 700;}
.brxe-post-content p {margin-bottom: 15px;}
.brxe-post-content ul {padding-left: 1px;list-style: none;margin-bottom: var(--space-fluid-01);}
.brxe-post-content ul li {margin-bottom: 10px;position: relative;padding-left: 20px;}
.brxe-post-content ul li::before {content: "";width: 7px;height: 7px;background-color: #D3CDC1;border-radius: 50%;margin-right: 15px;position: absolute;left: 0;top: 9px;} 
.brxe-post-content ul:last-child {margin-bottom: 0;}
.brxe-post-content ol {padding-left: 11px;margin-bottom: var(--space-fluid-01);}
.brxe-post-content ol li {margin-bottom: 10px;position: relative;padding-left: 10px;}
.brxe-post-content ol:last-child {margin-bottom: 0;}

.text-cols.brxe-block:last-child {margin-bottom: 0;}

.content-list-ciudades a, .content-list-ciudades span {position: relative;}
.content-list-ciudades .heading-ciudades {margin-bottom: 0;align-items: center;display: inline-flex;position: relative;}
.content-list-ciudades a::before, .content-list-ciudades span::before, .content-list-ciudades .heading-ciudades::before {content: "";width: 7px;height: 7px;background-color: #D3CDC1;border-radius: 50%;margin-right: 15px;position: absolute;left: -16px;top: 10px;}

.list-ciudades .title {line-height: 1.4;}
.list-ciudades .title span {font-size: 14px;opacity: 0.5;display: block;}

/*CONTACTO*/
.contact-form.brxe-form .form-group input, .contact-form.brxe-form textarea {transition: all 0.5s;}
.contact-form.brxe-form .form-group input:focus-visible, .contact-form.brxe-form textarea:focus-visible {outline: none;border: 1px solid black;}

.brxe-text a.read-more {text-decoration: none; color: var(--primary);border-bottom: 1px solid white;}
.brxe-text a.read-more:hover {border-color: var(--primary);}
.read-more-text {display: none;}


/*RESPONSIVE*/
@media (max-width: 767px) {
    .list-ciudades .title span {font-size: 12px;}
    .title-doble-size {font-size: var(--text-xl);}
    .img-hero img {min-height: 200px;object-fit: cover;}
}

/*FORMS*/
.error-email-msg {color: #e74c3c;font-size: 13px;margin-top: 5px;display: none;}
._submit:disabled {background-color: #ccc !important;cursor: not-allowed;opacity: 0.7;}
._row._checkbox-radio{display: flex;align-items: flex-start !important;gap:10px}
._row._checkbox-radio > input {margin-top: 5px;}