/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.cotizar .row-slider .flickity-page-dots {
    bottom: 5px;
}
.cotizar  .row-slider .flickity-page-dots .dot {
    height: 4px;
    width: 35px;
}
.cotizar  .slider-nav-light .flickity-page-dots .dot.is-selected {
    background-color: #a39366;
}
body {
    line-height: 1.2;
}
p {
    font-size: 15px;
}
.nav-uppercase>li>a {
    letter-spacing: .0em;
}
.nav-spacing-xlarge>li {
    margin: 0px 30px;
}
.button, input[type=button].button, input[type=reset].button, input[type=submit], input[type=submit].button {
    color: #212121;
}
.button, button, input[type=button], input[type=reset], input[type=submit] {
    letter-spacing: .0em;
}
.button.primary.is-outline.is-large{
	padding-right:3.8rem;
}
.header-main .button {
    padding: 0 2.2em;
}
h2 {
    font-size: 3.2em;
    margin-bottom: .3em;
    line-height: 50px;
}
h2 strong {
    font-weight: 700;
    font-style: italic;
}
h3 {
    font-size: 1.4em;
	font-weight: 400!important;
	line-height: 24px;
	margin-bottom: 1.3em;
}
h4 {
    font-size: 1.3em;
}
.vita.icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 1.5em;
}
.justificado p{
	text-align:justify
}

.areas .icon-box-img svg {
    height: 70px;
}
.areas .icon-box:before{
    position: absolute;
    z-index: -1;
    content: "";
    left: 34px;
    top: 26px;
    width: 60px;
    height: 60px;
    background-color: #a39366;
    border-radius: 100%;
}
.distribucion .tab-panels {
    padding-top: 0em;
    padding-bottom: 1em;
	order: 1;
}
.distribucion .nav{
    order: 2;
}
.nav-outline>li>a {
    border: 1px solid #a39366;
    padding: 0 1.6em;
    color: #a39366;
}
.distribucion .nav-outline>li.active>a {
    border-color: rgb(163 147 102);
    color: #ffffff;
    background-color: var(--fs-color-primary);
    font-weight: 700;
    font-style: italic;
}
.distribucion .nav-center {
    justify-content: space-between;
}

.galeria .nav-outline>li.active>a {
    border-color: rgb(163 147 102);
    color: #ffffff;
    background-color: var(--fs-color-primary);
    font-weight: 400;
    font-style: normal;
}
.galeria .nav-outline>li>a {
    border: 1px solid #a39366;
    padding: 0 3.25em;
    color: #a39366;
	font-size: 1.2em;
	line-height: 2.0em;
}
.galeria .col-inner ul li.tab {
    margin-left: 20px;
}
.flickity-prev-next-button {
    color: #a39366;
    opacity: 1;
}

.icon-angle-right:before{
	position: absolute;
    content: "";
    z-index: 0;
    width: 40px;
    height: 40px;
    background-image: url(../../uploads/2025/11/flecha-dorada.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 20px);
    left: 2px;
}
.button:hover .icon-angle-right:before{
    background-image: url(../../uploads/2025/11/flecha-blanca.svg);
}
.button.is-outline {
    line-height: 2.5em;
}

.button.secondary.is-large {
    padding-right: 3.8rem;
    color: #ffff;
}
.button.secondary.is-large:hover{
	color:#a39366
}
.button.secondary.is-large .icon-angle-right:before{
	position: absolute;
    content: "";
    z-index: 0;
    width: 40px;
    height: 40px;
    background-image: url(../../uploads/2025/11/flecha-blanca.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 20px);
    left: 2px;
}
.button.secondary.is-large:hover .icon-angle-right:before{
    background-image: url(../../uploads/2025/11/flecha-dorada.svg);
}



.lineas:before{
	position: absolute;
    content: "";
    z-index: 0;
    width: 116%;
    height: 100px;
    background-image: url(../../uploads/2025/11/lineas.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 5px;
    left: -15px;
}
.row-slider .flickity-page-dots {
    bottom: -30px;
}
.nav-dots-small .flickity-page-dots .dot, .row-slider .flickity-page-dots .dot {
    height: 8px;
    width: 80px;
}
.flickity-page-dots .dot {
    border-radius: 0px;
    margin: 0 2px;
}
.flickity-page-dots .dot.is-selected {
    background-color: #a39366;
}
.slider-nav-outside.slider-nav-circle .previous:before{
	position: absolute;
    content: "";
    z-index: 1;
    width: 26px;
    height: 26px;
    background-image: url(../../uploads/2025/11/flechas-slider-i01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 13px);
    left: 9px;
}
.slider-nav-outside.slider-nav-circle:hover .previous:before{
    background-image: url(../../uploads/2025/11/flechas-slider-i02.svg);
}
.flickity-prev-next-button .arrow, .flickity-prev-next-button svg {
    fill: transparent;
}
.slider-nav-outside.slider-nav-circle .previous {
    margin-right: 20px;
}
.flickity-prev-next-button {
    width: 48px;
}
.slider-nav-circle .flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg {
    border: 1px solid;
}
.slider-nav-outside.slider-nav-circle .next {
    margin-left: 20px;
}
.slider-nav-outside.slider-nav-circle .next:before{
	position: absolute;
    content: "";
    z-index: 1;
    width: 26px;
    height: 26px;
    background-image: url(../../uploads/2025/11/flechas-slider-d01.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: calc(50% - 13px);
    right: 9px;
}
.slider-nav-outside.slider-nav-circle:hover .next:before{
    background-image: url(../../uploads/2025/11/flechas-slider-d02.svg);
}
.slider-nav-circle:hover .flickity-prev-next-button.next svg, 
.slider-nav-circle:hover .flickity-prev-next-button.previous svg{
	background-color: #a39366;
}
.slider-nav-circle .flickity-prev-next-button:hover .arrow,
.slider-nav-circle .flickity-prev-next-button:hover svg {
    fill: #ffffff00 !important;
}
    
.nav-vertical+.tab-panels {
	border-left: 0px solid #ddd;
}
.nav.nav-vertical li {
    margin: 0 0 10px 0;
}
.nav-vertical>li+li {
    border-top: 0px solid #ececec;
}

.ubicacion .nav-outline>li.active>a {
    border-color: #a39366;
    color: #ffffff;
    background-color: #a39366;
}
.ubicacion .tabbed-content {
    margin-top: 3rem;
}
.ubicacion .nav-outline>li>a {
    line-height: 3.0em;
}

.ubicacion .button{
    margin-right: 0.2em;
}

.footer-wrapper p {
    font-size: 18px;
}

.footer-wrapper  h3 {
    font-size: 1.15em;
    font-weight: 600 !important;
    line-height: 24px;
    margin-bottom: 0.3em;
}
.comentario:before{
	position:absolute;
	content:"";
	z-index:0;
	width: 34px;
    height: 91px;
    left: -34px;
    bottom: 31px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
	background-image:url("../../uploads/2025/11/esquina.png");
}
.comentario h3 {
    font-size: 1.9em;
    font-weight: 600 !important;
    line-height: 24px;
    margin-bottom: 0.3em;
}
.absolute-footer {
    font-size: .7em;
}
.numeros h5 {
    font-size: 1.4em;
    margin: 0;
    font-weight: 500 !important;
}
.numeros p {
	margin-bottom:0
}
.stuck .nav>li.active>a{
	color:#fff;
}
.forminator-ui#forminator-module-152.forminator-design--default .forminator-button-submit {
    border-radius: 50px!important;
}


.cotizar .nav-outline>li.active>a {
    border-color: #a39366;
    color: #fff;
    background-color: #a39366;
}
.cotizar .col-inner ul li.tab{
    margin-left: 10px;
}
.cotizar .tabbed-content .nav{
    order: 2;
}
.cotizar .tab-panels{
    order: 1;
}
.forminator-edit-module{
	display:none;
}
.forminator-ui#forminator-module-162.forminator-design--default .forminator-input {
    border-radius: 30px!important;
}
.forminator-ui#forminator-module-162.forminator-design--default .forminator-button-submit {
    border-radius: 30px!important;
}
.forminator-ui#forminator-module-162.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] {
    border-radius: 30px!important;
}
.forminator-checkbox-label{
    font-size: 13px;
}

.botones-maps{
	margin-top:-180px;
}










@media (min-width: 850px) {
    .tabbed-content .nav-vertical {
        padding-top: 0;
        width: 35%;
    }
	.tabbed-content .nav-vertical.nav-outline {
        padding-right: 15px;
        margin-top: 3rem;
    }
}


@media only screen and (max-width: 1200px) {
	h2 {
		font-size: 2.8em;
	}
	h3 {
		font-size: 1.2em;
	}
	.is-large {
		font-size: 1.05em;
	}
	.slider-nav-outside.slider-nav-circle .previous {
		margin-right: 10px;
	}
	.slider-nav-outside.slider-nav-circle .next {
		margin-left: 10px;
	}
}

@media only screen and (max-width: 1024px) {
	.nav-spacing-xlarge>li {
		margin: 0px 18px;
	}
	.slider-nav-outside.slider-nav-circle .previous {
		margin-right: 0px;
	}
	.slider-nav-outside.slider-nav-circle .next {
		margin-left: 0px;
	}
	.botones-maps{
		margin-top:-120px;
	}
}

@media only screen and (max-width: 880px) {
	.nav-spacing-xlarge>li {
        margin: 0px 12px;
    }
    h2 {
        font-size: 2.4em;
    }
	h3 {
		font-size: 1.1em;
	}
	.nav-outline>li>a {
		padding: 0 1.0em;
	}
	.galeria .nav-outline>li>a {
		padding: 0 2.25em;
	}
	.botones-maps {
        margin-top: -90px;
    }
}

@media only screen and (max-width: 849px) {
	.mobile-nav .nav>li>a {
		color: rgb(255 255 255 / 85%);
	}
	.botones-maps .col-inner {
		text-align: center;
	}
	.lineas:before {
		width: 365px;
		height: 45px;
		top: -136px;
		left: auto;
		right: 0px;
	}
}
@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
	.distribucion .col-inner ul li.tab{
		flex-basis: 20%;
		max-width: 20%;
		text-align: center;
		margin-bottom: 10px;
	}

	.distribucion .nav-center {
		justify-content: center;
		flex-flow: wrap;
	}
	.galeria .nav-outline>li>a {
        padding: 0 1.25em;
    }

	.slider-inicio.is-full-height {
		height: 600px;
		min-height: 600px!important;
	}
	 h2 {
        font-size: 2.0em;
		line-height: 36px;
    }
	h3 {
		font-size: 1.0em;
	}
	
	.slider-inicio .icon-box-left{
		display: block;
	}
	.slider-inicio .vita.icon-box-left .icon-box-img+.icon-box-text {
		padding-left: 0em;
		padding-top: 10px;
	}
	.slider-inicio .icon-box-left h3 br{
		display:none;
	}
}	
@media only screen and (max-width: 549px) {
	.distribucion .col-inner ul li.tab {
        flex-basis: 33%;
        max-width: 33%;
    }
	.galeria .nav-outline>li>a {
        padding: 0 1.0em;
        font-size: 1.0em;
    }
    .galeria .col-inner ul li.tab {
        margin-left: 4px;
        margin-bottom: 10px;
    }
	.comentario{
		margin-top: 20px;
	}
	.comentario:before {
		width: 34px;
		height: 91px;
		left: calc(50% - 17px);
		top: -62px;
		bottom: auto;
		transform: rotate(90deg);
	}	
	.numeros br{
		display:none;
	}
	.slider-inicio.is-full-height {
        height: 700px;
        min-height: 700px !important;
    }
	.transparent .header-main {
		height: 100px!important;
	}
	.slider-inicio .is-divider {
		margin: 0em 0;
	}
	.button.primary.is-outline.is-large {
		padding-right: 2.8rem;
	}
	.icon-angle-right:before {
		width: 24px;
		height: 24px;
		top: calc(50% - 12px);
		left: 2px;
	}
}
@media only screen and (max-width:480px) {
    .galeria .nav-outline>li>a {
        padding: 0 0.8em;
        font-size: 1.0em;
    }
	h2 {
        font-size: 1.6em;
        line-height: 34px;
    }
	.lineas:before {
        width: 300px;
        height: 32px;
        top: -115px;
        left: auto;
        right: 0px;
    }
}



