/*!
Theme Name: altanahomes
Theme URI: http://underscores.me/
Author: MKTmedianet
Author URI: https://www.mktmedianet.com/
Description: Theme para altanahomes
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: altanahomes
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

altanahomes is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General
# Headings
# Buttons
# Slider
# Header
# Footer
# the-content
# Bloque Texto
# Bloque Related
# Bloque Destacado
# Bloque Destacados
# Bloque Alternado
# Bloque Banner
# Bloque Brands
# Bloque Reviews
# Blooque Faqs
# Buscador
# Resultados
# Breadcrumbs
# Single
# Page 404
# Scroll to top
# Botones whatsapp y contacto
# Page Contacto
# Media
--------------------------------------------------------------*/

/* General */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root{
	--title-font: 'Montserrat', sans-serif;
	--text-font: 'Open Sans', sans-serif;
	--primary-color: #D2AE6D;
	--body: #6C7076;
	--heading: #222222;
	--text-color: #717171;
	--black: #000000;
	--white: #FFFFFF;
	--light-grey: #FAFAFA;
}



.bg-black{	background-color: var(--black); }
.bg-white{	background-color: var(--white); }
.bg-grey{	background-color: var(--light-grey); }

.c-white{ color: var(--white); }
.c-black{ color: var(--black); }
.c-gold{ color: var(--primary-color);}

hr{border: 1px solid var(--primary-color);}

.left-0{left: 0;}
.right-0{right: 0;}
p{
	color: var(--text-color, #717171);
	font-family: var(--text-font);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; /* 1.6rem */
	margin: 0;
}

.fs12 {font-size: 0.75rem;}
.fs16 {font-size: 1rem;}
.fs18 {font-size: 1.125rem;}
.fs20 {font-size: 1.25rem;}
.fs22 {font-size: 1.5rem;}
.fs24 {font-size: 1.75rem;}
.fs26 {font-size: 1.875rem;}
.fs28 {font-size: 1.75rem;}
.fs32 {font-size: 2rem;}

.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}

.link-hover:hover{color: var(--primary-color);}
/* Headings */
.h1{
	color: var(--white, #FFF);
	text-align: center;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	font-family: var(--title-font);
	font-size: 3.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}
.h2{
	font-family: var(--title-font);
	font-size: 2.25rem;
	font-style: normal;
	font-weight: 600;
	line-height: 2.25rem;
}
.h2_single {
    font-family: var(--font-principal, 'Inter');
    font-size: 1.75rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.5rem;
}
.h3 {
    font-family: var(--title-font);
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem;
}
.subtitle{
	color: var(--primary-color, #D2AE6D);
	font-family: var(--title-font);
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 85.714% */
}

/* Buttons */

.btn{
	display: flex;
	padding: 0.5rem 2rem;
	justify-content: center;
	align-items: center;
	gap: 0.625rem;
	border-radius: 0.5rem;
	font-family: var(--title-font);
	font-size: 1.0625rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.btn-gold{
	background: var(--primary-color);
	border: 2px solid var(--primary-color);
	transition: .3s;
	color: var(--white);
}
.btn-gold:hover{
	background: var(--white);
	color: var(--primary-color);
	border: 2px solid var(--primary-color);
	transition: .3s;
}

.btn-white{
	background: var(--white);
	border: 2px solid var(--primary-color);
	color: var(--primary-color);
	transition: .3s;
}
.btn-white:hover{
	background: var(--primary-color);
	color: var(--white);
	border: 2px solid var(--primary-color);
	transition: .3s;
}


/* Slider */
.slider{
	position: relative;
	width: 100%;
	height: 100vh;
}
#hero-video {
	position: absolute;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}
.slider__body{
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.60) 100%);
}

.slider__text p{
	color: var(--white, #FFF);
	text-align: center;
	text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	font-family: var(--title-font);
	font-size: 2rem;
	font-style: normal;
	font-weight: 700;
	line-height: 121.418%; /* 2.42838rem */
	padding-top: 2rem ;
}
/* Header */

#mainHeader{
	transition: 0.3s ease-out;
}
.bg-white .nav-link{
	color: var(--black)!important;
}
.navbar-logo, .navbar-logo img{
	display: block;
	width: 7.5rem;
	height: auto;
}
.header-info a{
	width: fit-content;
	height: 2.25rem;
	background-color: var(--white);
	border-radius: 3rem;
}
#menu-principal .nav-link {
	color: var(--white);
	font-family: var(--title-font);
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	text-align: center;
}
#menu-principal .nav-link:hover{
	color: var(--primary-color);
}
#menu-principal {
	width: 44.5rem;
}
.header{
	position: fixed;
	top: 0;
    z-index: 1000;
    transition: transparent 0.3s ease-out;
}
.navbar-button{
	display: none;
}
.page-header{
	min-height: 24.8125rem;
}
.page-header-big{
	min-height: 28.8125rem;
}
/*
.navbar-toogler-icon-white{
	display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-image: url(data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='rgba%28255, 255, 255, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
*/
.bg-transparent .navbar-toggler {
	border: var(--white);
}
.bg-transparent .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.bg-white .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* Footer */
.img-footer{
	width: 10rem;
	height: auto;
}
.footer__column{
	width: 11.875rem;
}
.footer__column-contact{
	width: 16.75rem;
}
.footer__title{
	color: var(--primary-color);
	font-family: var(--title-font);
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin: 0;
}

.footer__menu ul{
	list-style: none;
	padding: 0;
}

.footer__menu a{
	color: var(--white, #FFF);
	font-family: var(--title-font);
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
}
.footer a{
	color: var(--white, #FFF);
	text-decoration: none;
}
.footer a:hover{
	color: var(--primary-color);
}
.footer a:active{
	color: var(--primary-color);
}
.footer__menu-bottom ul{
	display: flex;
	justify-content: space-between;
	padding: 0;
	margin: 0;
	list-style: none;
	flex-direction: column;
}
.footer__menu-bottom li{
	padding: 0 1rem;
}
.social-button i{
	color: var(--primary-color);
	transition: .3s;
}
.social-button i:hover{
	color: var(--white);
	transition: .3s;
}

.kitdigital .container {
	border-top: solid 1px #1d1e1e;
}
.kitdigital p{
	font-size: 0.65rem;
}

/* the-content */
.the-content h1, .the-content h2, .the-content h3, .the-content h4{
	color: var(--heading, #222);
	padding-bottom: 1.5rem;
}

.page-contact .the-content{
	padding: 0 2.5rem;
}
/* Bloque Texto */
.texto__container{
	padding: 3rem 0;
}
.texto__content{
	width: 61.5625rem;
	margin: 0;
	padding: 1.5rem 0;
}


/* Bloque Related */
.card-img-top{
	height: 18.75rem;
}
.card-img-top img{
	height: 100%;
}

.card-title{
	color: var(--heading, #222);
	text-align: center;
	font-family: var(--title-font);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5rem; /* 133.333% */
}
.card-text {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
	padding: 0.5rem 0 1.5rem;
}
.card-text span{
	color: var(--heading, #222);
	font-family: var(--title-font);
	text-align: center;
	font-size: 1.0625rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.3125rem; /* 123.529% */
}

/* Bloque Destacado */

/* Bloque Destacados */

.destacados__item{
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.20);
}

/* Bloque Alternado */
.alternado__text{
	padding: 5rem 0;
}
.alternado__img{
	position: absolute;
}

/* Bloque Banner */
.ginput_container input, .ginput_container textarea{
	border-radius: 0.25rem;
	border: 1px solid #D9D9D9;
	background: var(--white, #FFF);
}
::placeholder{
	color: var(--text-color, #717171);
	font-family: var(--titile-font);
	font-size: 0.9375rem;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.gform_fields{
	gap: 0.5rem!important;
}

.ginput_container_consent label, .ginput_container_consent label a{
	color: var(--white, #FFF);
	font-family: var(--text-font);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem; /* 142.857% */
	transition: .3s;
}
.ginput_container_consent label a:hover{
	color: var(--primary-color);
	transition: .3s;
}
.gform_footer {
	padding: 0!important;
	justify-content: end;
}

.gform_footer input[type="submit"]{
	padding: 1rem 2.5rem;
	border-radius: 0.375rem;
	background: var(--primary-color);
	color: var(--white);
	font-family: var(--title-font);
	font-size: 1.0625rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	border: 0;
	transition: .3s;
}
.gform_footer input[type="submit"]:hover{
	background: #d2ae6dc7;
	transition: .3s;
}
.banner__container .gform_wrapper.gravity-theme .gfield_required {
	color: #ffc107!important;
}
.banner__container{
	padding: 5rem 0;
}
.banner__title{
	color: var(--white, #FFF);
	font-family: var(--title-font);
	font-size: 2.25rem;
	font-style: normal;
	font-weight: 700;
	line-height: 160%; /* 3.6rem */
	width: 33.625rem;
}
.banner__subtitle{
	color: var(--primary-color);
	font-family: var(--title-font);
	font-size: 1.75rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 85.714% */
}
.banner__container #gform_confirmation_message_1{
	color: var(--white);
}

/* Bloque Brands */
.brands__container{
	padding: 3rem 0;
}

.brand__img {
    width: auto;
	height: 3.5rem;
    filter: grayscale(1);
    margin: 1rem 0
}


/* Bloque Faqs */
.accordion{
	gap: 1rem;
}
.accordion-button:not(.collapsed){
	background-color: #FFF;
	color: #000;
}
.accordion-button:focus{
	box-shadow: none;
}
.accordion-item{
	height: fit-content;
}
.accordion-body p{
	width: auto;
	color: var(--grey-text, #686868);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 160%; 
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23D2AE6D'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>");
	transform: var(--bs-accordion-btn-icon-transform);
}


/* Buscador */
.buscador{
	border-radius: 0.5rem;
	border: 1px solid rgba(245, 245, 245, 0.30);
	background: rgba(210, 174, 109, 0.10);
	padding: 0.75rem 0.84375rem 0.75rem 0.78125rem;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  }
  .search-input{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.625rem;
	border-radius: 0.375rem;
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	width: 12rem;
	height: 3rem;
  }
  .search-input button{
	background: #fff!important;
	border: none;
	color: #000!important;
  }
  .search-input button:hover{
	background: #fff;
	color:#000;
  }
  .buscador-button{
	padding: 0;
  }
  .buscador .row{
	padding: 0 5rem;
  }
  .buscador-button > button{
	border-radius: 0.375rem;
	border: 2px solid var(--primary-color);
	background: var(--primary-color);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	border: 0;
	padding: 0.75rem 1rem;
  }
  .buscador-button > button:active{
	background-color: var(--primary-color)!important;
  }
  .buscador-button > button:hover{
	background: var(--white);
	transition: 0.3s;
	color: var(--primary-color);
  }
  .buscador-button > button:active{
	background: var(--primary-color);
	transition: 0.3s;
  }
  .form-control{
	padding: 0.5rem;
  }
  .dropdown-item{
	font-size: 15px;
	padding: 0 1rem;
  }
  .dropdown-item:active{
	background-color: #fff;
  }
  .search__reference::placeholder{
	font-size: 1rem;
  
  }
  .form-control:focus{
	box-shadow: none;
  }

/* Bloque Reviews */
.review__card{
	width: 90%;
	height: 100%;
	padding: 1.5rem;
	background-color: var(--white);
}
.stars i {
	color:#fcb900
}
.review__nombre{
	color: var(--black);
	font-family: var(--title-font);
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 600;
}
.review__card p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.owl-nav {
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -25px;
    width: 100%;
    justify-content: space-between; 
    display: flex;
}
.owl-nav span {
    font-size: xxx-large;
}
.owl-stage-outer {
    width: 98%;
}
.owl-carousel.owl-drag .owl-item {
	display: flex;
	justify-content: center;
}
/* Resultados */
.card-body{
	padding: 2rem 0;
}
.custom-card-body{
	padding-left: 4rem;
}
.resultados__title{
	color: var(--heading, #222);
	font-family: var(--title-font);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 600;
	line-height: 1.5rem; /* 100% */
	text-decoration: none;
}
.resultados__precio{
	color: var(--primary, #D2AE6D);
	font-family: var(--title-font);
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.3125rem; /* 87.5% */
}
.resultados__text span{
	color: var(--heading, #222);
	font-family: var(--title-font);
	font-size: 1.0625rem;
	font-style: normal;
	font-weight: 500;
	line-height: 1.3125rem; /* 123.529% */
	padding-right: 1rem;
}
.resultados__descripcion p{
	color: #717171;
	font-family: var(--text-font);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6875rem; /* 168.75% */
}
.resultados__descripcion{
	height: 6.75rem;
	overflow: hidden;
}
.not-found-message {
    max-width: 600px;
}
.not-found-message img {
	height: 300px;
}

/* Breadcrumbs */

.breadcrumbs a {
	color: var(--primary-color);
}


/* single */
.single__img{
	width: 100%;
	height: 30rem;
	object-fit: cover;
	border-radius: 0.5rem;
  }
  .single__thumb{
	width: 12rem;
	height: 12rem;
	object-fit: cover;
  }
  .single__gallery{
	overflow-x: scroll;
  }
  .single__form{
	position: sticky;
	top: 20px;
	height: fit-content;
	padding: 1rem;
	border-top: 3px solid var(--primary-color);
  }
  .single__form .gfield_consent_label, .single__form .gfield_consent_label a{
	color: var(--text-color, #717171);
  }
  
  .single__icons{
	padding: 1rem 0;
	color: #000;
  }
  .single__icons svg{
	height: 2rem;
  }
  .single__icons p{
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.5rem;
  }
  .single__form a{
	color: var(--black);
  }
.single__container{
	margin-top: 122px;
}

/* Page 404 */
.container__404 {
	width: 100%;
	height: 80vh;
	margin: auto;
}

.text__404 h1,
.text__404 p {
	color: var(--white);
	max-width: 800px;
	text-align: center;
}

.text__404 h1 {
	font-size: 4rem;
	text-shadow: #000 1px 1px 0;
}

.text__404 p {
	text-shadow: #000 1px 1px 0;
	font-size: 1.4rem;
	line-height: 170%;
	margin: 0;
}


/* Scroll to top */
.scrollToTop {
	position: fixed; 
	bottom: 75px; 
	right: 8px; 
	width: 48px; 
	height: 48px; 
	background-color: var(--black); 
	color: var(--white); 
	cursor: pointer; 
	text-align: center;
	line-height: 48px;
	font-size: 24px;
	z-index: 130;
	transition: var(--transition);
}
.scrollToTop:hover { 
	background-color: var(--primary-color); 
	transition: .3s;
}
.pagination{
	width: 100%;
	gap: 0.5rem;
	display: flex;
	justify-content: center;
}
.pagination a{
	color: var(--primary-color);
	font-family: var(--title-font);
	font-size: 1rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem;
	text-decoration: none;
}
.pagination a:hover{
	color: var(--black);
}


/* Botones whatsapp y contacto */
.contacts {
	width: 56px;
	height: 168px;
	position: fixed;
	right: 4px;
	bottom: 126px;
	transition: all 250ms ease-in-out 0s;
	z-index: 101;
}
.contacts__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	position: absolute;
	bottom: 4px;
	left: 0;
	color: var(--white);
	transition: all 250ms ease-in-out 0s;
	border-radius: 50%;
	background-color: rgba(95,211,19);
  color: #ffffff;
  text-decoration: none;
}
.contacts__btn:hover, .contacts__btn:focus{
  color: #ffffff;
}
.contacts__btn--main { 
	width: 56px; 
	height: 56px; 
	z-index: 90;
}
.contacts__btn--wp, .contacts__btn--ph, .contacts__btn--em {
	width: 48px; 
	height: 48px;
}
.contact-active .contacts__btn--wp { 
	transform:  translate(4px, -176px);
}
.contact-active .contacts__btn--ph { 
	transform:  translate(4px, -120px);
}
.contact-active .contacts__btn--em { 
	transform:  translate(4px, -64px);
}
/* hago una modificacion
.contact-active .contacts__btn--main .fa-whatsapp { 
	transform: rotate(45deg) translate(-20px, -2px);
}*/
.contact-active .contacts__btn--main .fa-whatsapp { 
	transform: rotate(45deg);
}
.buttons__contact-container .fa-whatsapp, 
.buttons__contact-container .fa-phone, 
.buttons__contact-container .fa-envelope {
	top: 50%;
	left: 50%;
	color: var(--white);
	z-index: 1;
	position: absolute;
	transform: translate(-50%, -50%);
	text-align: center;
	transition: all 0.2s ease-out 0s;
}
.contacts__btn--main .fa-whatsapp { 
	font-size: 32px;
}
.contacts__btn--wp .fa-whatsapp,
.contacts__btn--ph .fa-phone,
.contacts__btn--em .fa-envelope { 
	font-size: 22px;
}


/* Boton de contacto para movil */
.btn-contact-mobile {
    position: fixed;
    bottom: 1%;
    width: 90%;
    left: 5%;
    margin: auto;
    padding: 1rem !important;
    font-size: 1rem !important;
    z-index: 10;
    background-color: #111;
    color: #fff;
    text-align: center;
    text-decoration: none;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    border-color: #111;
}

/* Page Contacto */
.contact__form{
	border-top: 3px solid var(--primary-color);
}
.contact__form .ginput_container input, .contact__form .ginput_container textarea{
	background-color: #FAFAFA;
}
.contact__form .ginput_container .gfield_consent_label, .contact__form .ginput_container .gfield_consent_label a{
	color: var(--text-color, #717171);
	font-family: var(--title-font);
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.25rem; /* 142.857% */
}
.contact__form .gform_button {
	width: 100%;
	border: 0;
	margin-top: 2rem;
}
.info-contacto a{
	color: #373537;
	text-align: center;
	font-family: var(--title-font);
	font-size: 1.0625rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5rem; /* 141.176% */
	text-decoration: none;
	transition: .3s;
}
.info-contacto a:hover{
	color: var(--primary-color);
	transition: .3s;
}

/* Media */

@media (max-width: 992px) {
	.navbar-button{
		display: flex;
	}
	.topbar-icons{
		display: none;
	}
	#menu-principal {
		width: 100%;
	}
}
@media (max-width: 768px) {
	.texto__content,.banner__title{
		width: 100%;
	}
	.buscador .row {
		padding: 0 0.5rem;
	}
	.alternado__img{
		height: 300px!important;
		position: relative;
	}
	.custom-card-body{
		padding: 1rem;
	}
}