/* 
Theme Name:		 Ana Acasuso
Theme URI:		 http://triplevdoble.com/
Description:	 Ana Acasuso is a child theme of Duplex.
Author:			 Triplevdoble
Author URI:		 http://triplevdoble.com/
Template:		 duplex
Version:		 1.0.1
Text Domain:	 ana-acasuso
*/


/* RECAPTCHA GOOGLE: TRIPLEVDOBLE ABRIL 2023 */
.grecaptcha-badge { visibility: hidden; }



/* GENERAL */

:root {
  --principal: var(--wp--preset--color--primary);
  --secundario: var(--wp--preset--color--secondary);
  --text-color: #9C9B96;    
  --link-color: var(--wp--preset--color--primary);
  --font-family-principal: 'Aleo', serif;
  --font-family-secundaria: 'Nunito Sans', sans-serif;
  --wp--style--global--content-size: 1800px;
}

.btn:hover {
	background-color: #272727;
    color: #fff;
}

.buscador-avanzado .dropdown:hover .fa-solid{
    color: #fff;
}


body{
    font-family: var(--font-family-secundaria);
    font-family: var(--font-family-principal);
	font-size: 1.15rem;
}


.btn {
    background-color: var( --principal);
	color: #272727;
	border-radius: 100px;
	padding: 0.8rem 1.8rem;
	font-size: 1.2rem;
}

.btn.btn-mini {
	padding: 0.4rem 0.9rem;
	font-size: 1rem;
}

.ficha-contacto {
	margin-top: 30px;
}

.ficha-contacto .btn {
    background-color: #272727;
    color: #fff;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
	max-width: 1800px;
}

.moneda{
    margin-left: 5px;
}

.btn.btn-outline-primary {
	background-color: transparent;
	border: 2px solid #FFEFD0;
    border-color:   var( --principal);
    color: var( --principal);
    
}

.api {
	text-align: right;
	font-size: 0.9rem;
	max-width: 300px;
}

.api p {
	color: #00000080;
	margin-top: 10px;
	margin-bottom: 20px;
}

.api img {
	max-width: 100px;
	opacity: 0.8;
}
/* CABECERA */

.site-header{
    background-color: var( --principal);
    color: #FFF;
    border-bottom: 2px solid #fff;
    text-align: center;
}

.site-branding img {
	max-width: 340px;
}

/* NAVEGACION */

nav.main-navigation {
    background-color:  var( --principal);;
	color: #000;
	font-weight: bold;
	border-bottom: 2px solid #fff;
	padding: 7px 0;
}

.main-navigation .current_page_item a, .main-navigation a:hover{
    color: #fff;
}

/* PORTADA */

.tarjeta{
    border-radius: 15px;
}

.home .entry-header{
    display: none;
}

.banner-acasuso .lado-a{
    padding: 30px;
}



.banner-acasuso .lado-b {
    padding: 30px;
}

.banner-acasuso .lado-b img{
    position: relative;
    transform: none;
    object-fit: contain;
    height: auto;
    
}

/* BUSCADOR */
.buscador .btn.buscar{
    background-color: #DFCBA2;
    color: #272727;
}
.buscador-localidades ul{
    column-count: 3;
}


/* LISTADO */


.inmueble{
    border: 1px solid #FFEFD0;
    border-color: var( --principal);
    border-radius: 15px;
}


.inmueble h2 {
	font-size: 1.2rem;
	margin-top: 10px;
	margin-bottom: 0;
	text-transform: uppercase;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-clamp: 2;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	line-height: 130%;
}

.inmueble h2 a{
    color: var( --principal);
    text-decoration: none;    
}

.inmueble .inmueble-pie {
    background-color: var( --principal);
	color: #fff;
	padding: 15px 15px;
}

/* FICHA */

.ficha-info-principales {
    background-color: var( --principal);
	color: #fff;
	padding: 15px 35px;
	font-size: 1.4rem;
}

.ficha-cuerpo {
    font-family: var(--font-family-secundaria);
	color: #9C9B96;
	border-radius: 0 0 20px 20px;
}

.ficha-titulo{
    font-family: 'Aleo', serif;
    color: var( --principal);
    font-size: 2rem;
}

.inmueble-cuerpo a {
	text-transform: none;
	font-size: 1.5rem;
	line-height: 131%;
}

.inmueble-zona {
	text-transform: uppercase;
	color: #00000060;
	font-size: 0.9rem;
	margin: 0;
	line-height: 1;
	margin-bottom: 15px;
	font-weight: bold;
}

.seccion-ficha .especificaciones li {
	display: inline-block;
	margin-right: 6px;
}


.galeria-slideshow .swiper-button-next, 
.galeria-slideshow .swiper-button-prev {
    background-color: var( --principal);
	color: #fff;
	padding: 30px 22px;
}

.ficha-descripcion-completa p {
	text-align: justify;
	font-size: 1.1rem;
}

.ficha-info-completa{
    	font-size: 1.1rem;
}

/* BLOG */

.blog aside{
	display: none;
}

.blog-ficha .entry-header{
	display: block;
}

.blog .entry-title a{
    color: #BFB193;
}

.blog-ficha .entry-header{
	text-align: center;
	margin: 20px 0;
}

.blog-ficha .entry-meta{
	display: block;
}


.blog-cabecera {
	text-align: center;
	padding-bottom: 50px;
	max-width: 750px;
	margin: auto;
}

.blog-cabecera h1{
	font-size: 3.5rem;
}

.blog-cabecera p {
	font-family: var(--font-family-secundaria);
	margin-top: 0;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	line-height: 110%;
	color: #9C9B96;
}


.blog-card {
	display: flex;
	flex-direction: column;
	justify-content: start;
	gap: 15px;
	padding: 10px;
	border-radius: 20px;


  background-color: white;
  transition: background-color 0.8s ease;
  position: relative;
}

.blog-card:hover,
.blog-card .stretched-link:hover {
  background-color:rgba(236,240,229,1.00);
}


.blog-card-foto {
	width: 100%;
	aspect-ratio: 3/2;
	border-radius: 20px;
	overflow: hidden;
}

.blog-card-foto img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: antiquewhite;
}

.blog-card-header{
	padding: 0 15px;
}

.blog-card-title a{
	text-decoration: none;
}
.blog-card-title{
	font-size: 1.75rem;
	margin-bottom: 0;
}	
.blog-card-text{
	font-family: var(--font-family-secundaria);
	color: var(--text-color);
	padding: 0 15px;
	line-height: 110%;
	font-size: 1.1rem;
}


/* Blog Ficha */

.blog-ficha .entry-content{
	margin-bottom: 100px;
}
.blog-ficha h1{
	font-size: 3.2rem;
}

.blog-category a{
	text-decoration: none;
	font-size: 16px;
}

.blog-nav{
	margin-top: 30px;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.blog-nav a{
	text-decoration: none!important;
	color: rgb(156, 155, 150);
}	

.blog-nav-btn{
	text-decoration: none!important;
	font-size: 18px;
}

.blog-nav .disabled {
	opacity: 0.2;
	pointer-events: none;
	text-decoration: none;
}

.blog-ficha h2{
	margin-top: 50px;
	font-family: var(--font-family-principal);
}
.blog-ficha h3{
	margin-bottom: 20px;
}
.blog-nav-volver a{
	text-decoration: none!important;
	font-size: 24px;
}

.post-thumbnail, .entry-thumbnail {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 20px;
    display: inline-block;
}

.post-thumbnail img, .entry-thumbnail img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}



/* FOOTER */

.sede {
	text-align: center;
	border: #BFAC8360 1px solid;
	padding: 20px 5px;
	border-radius: 15px;
	height: 100%;
    border-color: var(--principal);
    color: var(--principal);
}

.sede img {
	max-width: 170px;
	margin-bottom: 20px;
}

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

.site-footer a {
	text-decoration: none;
	color: #999;
}

/* GENERAL */

.is-layout-constrained .wp-block-cover{
	min-height: 320px;
	border-radius: 15px;
	overflow: hidden;
}

.wp-block-cover a{
    text-decoration: none;
    color: inherit;
}

.wp-block-cover a:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-block-columns{
    gap:1rem;
}

body .is-layout-flex{
        gap:1rem;
}

.page-template-page-listado .entry-header{
    display: none;
}

.buscador-portada {
	background-color:  var(--principal);;
	padding: 20px 0;
}

.seccion-buscador {
	background-color:  var(--principal);
	padding: 60px 0 40px;
}

.seccion-buscador .btn{
	background-color:  #DFDFDF;
}


.buscador .btn {
	background-color: #fff;
	color: #272727;
	border-radius: 0.5rem;
}

.buscador-elemento .dropdown .btn {
	width: 100%;
	text-align: left;
	border: 0;
	box-shadow: 0 0 10px #00000020;
}


.buscador .btn.buscar {
	background-color: #272727;
	color: #fff;
}


.seccion-buscador-avanzado .mostrar-avanzado a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.buscador-avanzado input[type="text"] {
	height: 52px;
	background-color: #fff;
}

section.clientes{
    padding: 60px 0;    
}

section.clientes h3{
    text-align: center;
}

section.clientes .swiper-slide{
    text-align: center;
}

.clientes .swiper .swiper-slide img{
    width: 200px;
    height: auto;
    margin: auto;
}
.clientes .swiper  {
	width: 100%;
	height: 100%;
	padding: 50px 34px;
}

.swiper-button-next, .swiper-button-prev {
    color: #DFCBA2;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: var( --principal);;
}

.swiper-pagination-progressbar {
    background-color: #000000aa;
	box-shadow: 0 !important;
}

.entry-header{
    /*display: none;*/
}

hr {
	border: 0;
	opacity: 1;
	max-width: 100px !important;
	background-color:  var( --principal);;
	height: 5px;
	border-color:  var( --principal); !important;
    margin-left: auto;
    margin-right: auto;
}

.wp-block-cover .has-primary-color{
    color:  var( --principal); !important;
}

.wp-block-quote {
	overflow-wrap: break-word;
	border-left: 5px solid  var( --principal);
	padding-left: 16px;
}

.precio .bajada {
	background-color: #ffffff30;
	color: #Fff;
}

.site-footer .sede a {
    color: var(--principal);
}

.ficha-cuerpo {
    border-color:var(--principal);
}


.destacado {

	color: #FFF;
	background-color: #EF9253;
	padding: 6px 5px 5px;
}

.banco {
	color: #EF9253;
	background-color: #FFF;
	font-weight: bold;
}


/* Ana Acasuso Agente Inmo - Portada Monika  */



@media (min-width: 576px) {

}

@media (min-width: 768px) {

.buscador-portada {
	padding: 60px 0;
} 
    

    
}

@media (min-width: 992px) {

.banner-acasuso .lado-a{
    padding: 70px;
}

}

@media (min-width: 1200px) {


}

@media (min-width: 1400px)  {

.banner-acasuso .lado-a{
    padding-left: calc(50vw - 720px + 15px);
}    
    
    
        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  max-width: 1440px;
}
    
    
    
}

.seccion-ficha .container-xxl {
	max-width: 1080px;
}