/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:200}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:100;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:100;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
/**************/
/***** colors*****/
  :root {
      --primary-color: #FFC000; /* amarillo */
      --secondary-color: #2ecc71; /* Green */
      --accent-color: #e74c3c; /* Red */
      --text-color: #000; /* Dark Gray */
      --fondo: #fff; /* blanco */
	  --negro: #000; /*negro*/
	  --gris:#828282;
        }
/**** fonts****/

@font-face {
  font-family: 'Open Sans';
  src: url('https://ccppropiedades.cl/fonts/OpenSans-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('https://ccppropiedades.cl/fonts/OpenSans-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('https://ccppropiedades.cl/fonts/OpenSans-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

/****** body********/
body {
		font-family: 'Open Sans';
	font-weight: 300!important;
	line-height:1;
	background-color: var(--fondo);
}
/********* header **********/
/***************************/
#header {
	background-color:#e0e0e0;
}
#branding {
	display:flex;
	flex-direction:column-reverse;
	background-color: var(--primary-color);
}
.logo-header{
	padding:1em;
}
.logo-header img {
	width:60vw;
	height:auto;
}
#site-title {
	/*background-color:#efefef;*/
}
.menu-burger {
	align-self:end;
	padding:1em;
	display:flex;
	flex-direction:column;
	width:100%;
}
/****** menu responsive *****/
    /* Basic styles for the burger menu */
.burger {
    display: none;
    cursor: pointer;
}

.burger div {
     width: 30px;
     height: 3px;
     background: #333;
     margin: 5px;
     transition: all 0.3s;
}
 /* Styles for the 'X' state */
      .burger.active div:nth-child(1) {
        transform: rotate(45deg);
        top: 8px; /* Adjust position */
		  position:relative;
    }
   .burger.active div:nth-child(2) {
        opacity: 0; /* Hide the middle line */
    }
   .burger.active div:nth-child(3) {
        transform: rotate(-45deg);
        top: -8px; /* Adjust position */
	   position:relative;
    }
#menu {
    display: flex;
    flex-direction: row;
}
#menu.vertical {
    flex-direction: column;
    display: none; /* Hide by default */
}
#menu.active {
    display: flex; /* Show when active */
}
.menu li {
	margin:.5em 0;
	font-size:1.5em;
}
.menu li a {
	text-decoration:none;
	color:black;
}
@media (max-width: 768px) {
   .burger {
     display: block; /* Show burger on mobile */
     width:fit-content;
	 align-self:end;
    }
    #menu {
     display: none; /* Hide menu by default on mobile */
     }
  }
.banner {
	height:200px;
	width:100%;
	background-position:center;
	background-size:cover;
}
/* Preloader visual */
.banner {
  position: relative;
  background-size: cover;
  background-position: center;
  /* min-height: 400px; o el alto que quieras */
  overflow: hidden;
}

/* Capa encima del banner */
.banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, #ccc 25%, #eee 75%);
  background-size: 200% 200%;
  animation: loadingShimmer 1.5s infinite;
  z-index: 1;
}

/* Oculta la capa de preloader al cargar */
.banner.loaded::before {
  display: none;
}

/* Animación del gradiente en movimiento */
@keyframes loadingShimmer {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}

.cta {
	width:100%;
	margin:0 auto;
	padding:1em;
	background: var(--primary-color);
	position: relative;
}
.cta-headline {
	font-weight:300;
	font-size:2em;
	text-align:center;
	color:gray;
}
/******* los post como miniatura *******/
.titulo-home, .titulo-categoria {
font-weight: 300;
  font-size: 1.2em;
  width: 90%;
  margin:
1em auto;
}
.post-grid {
 width: 95.5%;
 display: flex;
 flex-wrap: wrap;
 margin:2em 0 2em auto;
}
.post-item {
	width:45%;
	margin-right:2%;
}
/* Estado inicial oculto y fuera de pantalla */
.animate-slide-in {
  opacity: 0;
  transform: translateX(100px);
  animation: slideInRight 0.6s ease forwards;
}

/* Animación entrada desde la derecha */
@keyframes slideInRight {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.animate-slide-in {
  opacity: 0;
  transform: translateX(100px);
  animation: slideInRight 0.6s ease forwards;
}

.post-thumb{
	width:100%;
	padding-bottom:100%;
	background-size:cover;
	position:relative;
}
.oferta {
	position:absolute;
	width:fit-content;
	background:yellow;
	color:var(--gris);
	top:0;
	left:0;
	font-weight:500;
	padding:.5em;
	text-transform:uppercase;
}
.categorias a {
	font-size:.8em;
	text-decoration:none;
	color:gray;
}
.entry-title a {
	color:#6f6f6f;
	text-decoration:none;
}
.entry-title a:hover {
	color:black;
}
.entry-title, .titulo-post-thumb  {
	font-size:1em;
	font-weight:200;
	line-height:1.2;
}

.categorias {
 margin-bottom: .3em;
  width: fit-content;
  padding:0.5em;
  background:white;
  border-radius:5px;
  border:lightgray solid 1px;
}
.categorias:hover {
	background:yellow;
}
.precio {
	font-size:1.5em;
	color:black;
	margin:.5em 0;
}
.post-item{
	width:47%;
	background-color:#efefef;
	/*margin-left:3%;*/
	margin-bottom:3%;
}
.post-content {
	margin:.5em;
}

/******* posts completos ******/
.post {
	width:100%;
}
.titulo-post {
	font-size:1.5em;
	font-weight:300;
	width:90%;
	margin:1em auto;
}
.entry-content {
	width:95%;
	margin:0 auto;
	display:flex;
	flex-direction:column;
}

/**** ficha ****/
.ficha {
	flex:1;
	margin:2em 1em 0;
	background-color:#efefef;
	padding:2em 1em;
}
.ficha p {
	font-weight:300;
	margin:1em 0;
}
/**** tips******/
.tips {
padding:2em;
  background-repeat: no-repeat;
  background-size: contain;
  width: 90%;
  margin:1em auto;
  height: unset;
  background-position-x: 100%;
  background-color: #b3c8c5;
}
.link-tips a {
	color:#727070;
	text-decoration:none;
	font-weight:400;
	font-size:1em;
}
.link-tips a::after {
	content: '\2192';
  color: yellow;
  font-size: 2em;
  margin-left: 10px;
  font-weight: 800;
}
.titulo-tips {
	font-size:7vw;
	color:white;
	font-weight:400;

}
.parrafo-tips {
 font-size: 3.5vw;
  color: black;
  font-weight: 300;
  margin:1em 0;
  line-height: 1.5;
}
.parrafo-links {
	font-weight: 600;
  font-size: 1.2em;
  color: #706f6f;
}
.tips-foto-movil {
	display:block;
	width:100%;
	height:unset;
	background-image: url('https://ccppropiedades.cl/wp-content/uploads/2025/04/tips-bkg.png');
	margin-bottom:2em;
}
/***** blog entry ****/
.blog-entry-container {
	width: 100%;
  margin:1em auto;
  line-height: 1.5;
}
.blog-entry-container p {
  margin:0 0 2em 0;
}
.blog-entry-container h3 {
	margin-bottom:.5em;
}
.blog-entry-container h3 {
  margin-bottom: .5em;
  font-weight: 300;
}
/***** footer ******/
#footer {
	width:100%;
	margin:3em auto;
	background:#e0e0e0;
	padding:3em 5%;
	display:flex;
	flex-direction:column;
	border-bottom:var(--primary-color) 5em solid;
}
#logo-footer img {
	width:200px;
}
.menu-footer {
	margin:2em 0;
}
.menu-footer li {
	margin:.5em 0;
}
.menu-footer li a {
	text-decoration:none;
	color:gray;
}
.menu-footer li a:hover {
	color:black;
}
/***** search *****/
.cta-search {
	background:var(--primary-color);
	width:100%;
	padding:1em;
}
form {
	flex-direction:column;
	align-items: stretch;
}
select, input[type="search"], button[type="submit"] {
	border:0;
  padding: 1em;
}
@media only screen and (min-width:440px) {
	.post-item {
		width:30%;
	}
	.cta {
	width: fit-content;
    margin:-2.5% auto 2em auto;
    padding:1em 3em;
    border-radius:50px;
	}
	.logo-footer img {
		width:30vw;
	}
}
@media only screen and (min-width:800px) {
	.post-item {
		width:22.2%;
	}
	.entry-content {
		flex-direction:row;
	}
	#branding {
		flex-direction:row;
		width:92%;
		margin:0 auto;
		background-color:unset;
		padding-top:2em;
	}
	.cta {
		
	}
	.banner {
		width:90%;
		margin:0 auto;
		height:40vh;
	}
	#header {
		
	}
	#menu {
		display:flex;
		flex-direction:row;
		justify-content:start;
		margin-left:2em;
	}
	.menu-burger {
		padding:0;
		margin:0;
	}
	.logo-header img {
		width:20vw;
	}
	.menu {
		width:100%;
	}
	.menu {
		text-align:right;
	}
	.menu li {
		display:inline-block;
		font-size:1.2em;
		margin-bottom:1em;
		
	}
	.menu li a {
		padding-bottom:.5em;
		margin-left:2em;
	}
	.menu li a:hover {
		border-bottom:5px solid var(--primary-color);
		
	}
	.tips {
			background-image: url('https://ccppropiedades.cl/wp-content/uploads/2025/04/tips-bkg.png');
		padding:2em;
      background-repeat: no-repeat;
      background-size: cover;
       width: 90%;
      margin:1em auto;
      height:40vh;
      background-position-x: 100%;
      background-color: #b4c9c6;
	}
	.titulo-tips {
			width:50%;
		font-size:2em
	}
	.parrafo-tips {
		width:50%;
		font-size:1.2em;
	}
	.tips-foto-movil {
		display:none;
	}
	#footer {
		flex-direction:row;
	}
	.menu-footer {
	margin: 0 2em;
	}
	#logo-footer img {
	width:200px;
	}
	form {
		flex-direction:row;
		width:90%;
		margin:1em auto;
	}
	select {
		flex:1;
	}
	input[type="search"] {
		flex:2;
	}
	.cta-search {
		width:90%;
		margin:0 auto;
	}
}