@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//crearhome.dev.compass-ds.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

:root {
	--wd-text-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Inter", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: var(--wd-title-font);
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Rubik", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(241,137,35);
	--wd-alternative-color: rgb(31,32,36);
	--btn-default-bgcolor: rgb(241,137,35);
	--btn-default-bgcolor-hover: rgb(241,137,35);
	--btn-accented-bgcolor: rgb(241,137,35);
	--btn-accented-bgcolor-hover: rgb(241,137,35);
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(241,137,35);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(248,246,245);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(0,0,0);
	--wd-form-placeholder-color: rgb(179,179,179);
	--wd-form-brd-color: rgb(179,179,179);
	--wd-form-brd-color-focus: rgb(241,137,35);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #333;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 35px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

:root{
	--main-color-primary: #f18923;
	--main-color-black: #1f2024;
	--main-color-dark: #202125;
	
  --text-size-64: 64px;
	--text-line-64: 68px;
  --text-size-40: 40px;
	--text-line-40: 43px;
  --text-size-32: 32px;
	--text-line-32: 35px;
	--text-size-24: 24px;
  --text-line-24: 27px;
	--text-size-20: 20px;
  --text-line-20: 24px;
	--text-size-16: 16px;
  --text-line-16: 18px;
	
	--main-radius-img: 10px;
	
	--main-padding-bottom: 20px;
}

.d-none{display:none!important}
.desk{display:inline}
.mob{display:none}

img {pointer-events: none;}

/* Textos */
a:hover {color: #f18823;}
.tx-black, .tx-black > div > p, .tx-black > span, .tx-black > div{color: var(--main-color-black)!important}
.tx-dark, .tx-dark > div > p, .tx-dark > span, .tx-dark > div{color: var(--main-color-dark)!important}
.tx-white, .tx-white > div > p, .tx-white > span, .tx-white > div{color: white!important}
.tx-primary, .tx-primary > div > p, .tx-primary > span, .tx-primary > div{color: var(--main-color-primary)!important}


.tx-64, .tx-64 > div > p, .tx-64 > span, .tx-64 > div {
	font-size: var(--text-size-64)!important;
	line-height: var(--text-line-64)!important;
}

.tx-40, .tx-40 > div > p, .tx-40 > span, .tx-40 > div {
	font-size: var(--text-size-40)!important;
	line-height: var(--text-line-40)!important;
}

.tx-32, .tx-32 > div > p, .tx-32 > span, .tx-32 > div {
	font-size: var(--text-size-32)!important;
	line-height: var(--text-line-32)!important;
}

.tx-24, .tx-24 > div > p, .tx-24 > span, .tx-24 > div {
	font-size: var(--text-size-24)!important;
	line-height: var(--text-line-24)!important;
}

.tx-20, .tx-20 > div > p, .tx-20 > span, .tx-20 > div {
	font-size: var(--text-size-20)!important;
	line-height: var(--text-line-20)!important;
}

.tx-16, .tx-16 > div > p, .tx-16 > span, .tx-16 > div {
	font-size: var(--text-size-16)!important;
	line-height: var(--text-line-16)!important;
}

.fw-black, .fw-black > div > p, .fw-black > span, .fw-black > div {font-weight: 800!important}
.fw-bold, .fw-bold > div > p, .fw-bold > span, .fw-bold > div {font-weight: 600!important}
.fw-normal, .fw-normal > div > p, .fw-normal > span, .fw-normal > div {font-weight: 400!important}
.fw-light, .fw-light > div > p, .fw-light > span, .fw-light > div {font-weight: 200!important}

.tx-balance{text-wrap-style: balance!important;}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {
    margin-bottom: var(--main-padding-bottom);
}

/* Menú */
span.nav-link-text {
  font-size: var(--text-size-20) !important;
	font-weight: 400;
}

/* Imagenes */
.wpb_single_image, .wpb_single_image img {border-radius: var(--main-radius-img)!important;}

.wpb_single_image img {
    border-radius: var(--main-radius-img)!important;
    /*box-shadow: 5px 5px 15px!important;*/
}

.box-shadow img{box-shadow: 5px 5px 15px;}

.video-home{
	  border-radius: var(--main-radius-img) !important;
	  box-shadow: 5px 5px 15px;
}

.video-home iframe {
    pointer-events: none !important;
}

.video-home .vc_video-bg iframe {
    opacity: 1;
}

.video-home .vc_video-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
}

.promo-banner, .promo-banner .wrapper-content-banner {
    border-radius: var(--main-radius-img)!important;
}
.promo-banner{margin-bottom: var(--main-padding-bottom);}

.img-materiales img {max-width: 80% !important;}
.img-materiales:hover img {
    filter: drop-shadow(0 15px 25px rgba(255, 140, 21, 0.4));
}

/* Botones */
.btn-general {
    background: var(--main-color-primary);
    color: white !important;
    font-size: var(--text-size-16) !important;
    font-weight: 400!important;
}

.btn-general:hover {
    background: var(--main-color-primary);
    color: black !important;
    font-size: var(--text-size-16) !important;
}

.btn-secundario {
    background: #F8F6F5;
    color: #606060 !important;
    font-size: var(--text-size-16) !important;
    font-weight: 400!important;
}

.btn-secundario:hover {
    background: #F8F6F5;
    color: black !important;
    font-size: var(--text-size-16) !important;
}

/* Secciones */
.wd-content-layout {padding-block: 0px;}
.section-general{margin-top: 5vw}
.section-padding{padding: 5vw 0px}
.section-slider{padding: 5vw 0px; min-height:37vw}

.card-white {
  position: relative;
  margin: 5vw 0px;
  padding: 0vw;
  background: rgba(255,255,255,0.85);
  border-radius: var(--main-radius-img);
  z-index: 1;
}

/* Testimonios */
.wd-nav-arrows[class*="wd-hover"].wd-pos-sep .wd-btn-arrow {opacity: 1!important;}
.wd-arrow-inner {color: white!important;}

/* Preguntas Frecuentes */
.wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion.vc_tta-color-white .vc_tta-panels {
    border-top: 1px solid rgba(0, 0, 0, 0.105);
}
.section-preguntas h4 a {font-size: var(--text-size-20);}
.section-preguntas .vc_active h4 a {color: var(--main-color-primary)!important}

/* Viviendas */
.btn-estrella {
    border-radius: 200px!important;
    padding: 7px 20px!important;
    color: white!important;
}

.estrellas-basic .btn-estrella {background: #4088C7}
.estrellas-standard .btn-estrella {background: var(--main-color-primary)!important}
.estrellas-premium .btn-estrella {background: var(--main-color-black)!important;color: var(--main-color-primary)!important}


/* Acordion */
.accordion {
  display: flex;
  width: 100%;
  height: 420px;
  gap: 4px;
  background: #dcdcdc;
  padding: 8px;
  border-radius: 8px;
}

.tab {
  flex: 1;
  min-width: 0;
  background: #e4e4e4;
  border-radius: 6px;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 16px;
  transition: flex 0.45s ease;
  position: relative;
}

.tab:nth-child(1) {
  background: #ebebeb;
}
.tab:nth-child(2) {
  background: #e6e6e6;
}
.tab:nth-child(3) {
  background: #ececec;
}
.tab:nth-child(4) {
  background: #e8e8e8;
}

.tab.is-expanded {
  flex: 5;
  cursor: default;
}

.tab:not(.is-expanded):hover {
  filter: brightness(0.97);
}

.tab-inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
}

.tab:not(.is-expanded) .tab-inner {
  justify-content: flex-start;
}

.tab-main {
  display: grid;
  gap: 8px;
  align-content: end;
  min-width: 0;
}

.tab-line1 {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 0.5em;
  flex-wrap: nowrap;
  white-space: nowrap;
}

.tab-desc {margin: 0;}

/* Reserva altura: la descripción ocupa sitio aunque no se vea */
.tab:not(.is-expanded) .tab-desc {
  visibility: hidden;
}

.tab-desc-text {
  display: none;
}

/* El título no empuja el número cuando está colapsado; la fila 1 mantiene altura */
.tab:not(.is-expanded) .tab-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.tab-actions {
  display: none;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  padding-bottom: 2px;
}

.tab.is-expanded .tab-actions{
  display: flex;
}

.tab.is-expanded .tab-desc-text {
  display: inline;
}

.pill {
  border: none;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #fff;
  font-family: inherit;
  white-space: nowrap;
}

.pill--basic {
  background: #2563eb;
}

.pill--standard {
  background: #ea580c;
}

.pill--premium {
  background: #111;
  color: #fff;
}

.pill--premium .star {
  color: #ea580c;
  -webkit-text-stroke: 1px #ea580c;
}

/* Proyectos */
.img-proyectos img, .logo-footer img {box-shadow: none !important; border-radius: 0px!important}
.carrousel-proyecto .promo-banner {margin-bottom: 0px !important;}
.carrousel-proyecto.wd-carousel{padding-bottom:5px!important}
.wd-popup {border-radius: var(--main-radius-img);}


/* PreFooter Formulario de Contacto */
.wd-prefooter {padding-bottom: 0px;}
label{font-size: var(--text-size-16);}
.wd-prefooter {padding-bottom: 0px;}

/* Footer */
.wd-nav-vertical.wd-design-default>li:not(:last-child) {border-bottom: 0px;}
.wd-nav-vertical.wd-design-default {--nav-border: 0px;}
.logo-footer{max-width:230px}

/*Copyrights*/
img.logo-fivatz, img.logo-compass {
    height: 4vw;
    min-height: 10px;
    max-height: 15px;
    max-width: 1000px;
}
img.logo-fivatz{
    margin: 0px 5px ;
}
.min-footer {padding-block: 5px;}


img.logo-fivatz {
    margin-bottom: 7px !important;
}
img.logo-compass {
    margin-bottom: 3px !important;
}

.wd-copyrights .wd-col-start {
    align-content: center;
}


.wd-copyrights {
    background: black;
}

.wd-copyrights * {
    color: white;
}@media (min-width: 1025px) {
	.card-white::before {
  content: "";
  position: absolute;
  top: -3vw;
  left: -3vw;
  right: -3vw;
  bottom: -3vw;
  background: rgba(255,255,255,0.85);
  border-radius: var(--main-radius-img);
  z-index: -1;
	display:block!important;
}


/* Viviendas */
.img-flotante-obra {margin-left: -8vw;}
.img-flotante-obra img {border: 1px solid #666}


}

@media (max-width: 576px) {
	:root{
  --text-size-64: 55px;
	--text-line-64: 57px;
  --text-size-40: 30px;
	--text-line-40: 31px;
  --text-size-32: 25px;
	--text-line-32: 27px;
	--text-size-24: 21px;
  --text-line-24: 23px;
	--text-size-20: 18px;
  --text-line-20: 20px;
	--text-size-16: 15px;
  --text-line-16: 17px;
	
	--main-radius-img: 10px;
	
	--main-padding-bottom: 20px;
}

.desk{display: none}
.mob{display:inline}

/* Servicios */
.img-servicios img{max-width:70%}


/* CopyRight */
.min-footer {
    width: 100%;
    margin: auto;
}

img.logo-compass {
    max-width: 60px;
}

/* Acordion */
.accordion {
  flex-direction: column;
  height: auto;
}

.tab {
  flex: none !important;
  min-height: 72px;
}

.tab.is-expanded {
  min-height: 280px;
}

.tab-inner {
  flex-direction: column;
  align-items: flex-start;
}

.tab-actions {
  justify-content: flex-start;
}
}