/* ESTILOS WP GENRALES */
body{
	background-color: #fdfaf7;
}
.centered-paragraph {
	margin: 0 auto;
	max-width: none;
	white-space: unset;
	width: 100%;
}
.font_play {
	font-family: Playfair Display;
}
.color_negro{
	color: #000;
}
p:empty {
	display: none;
}
br{
	display: none;
}
.bg_principal {
  background-color: #fdfaf7;
}
.centered-paragraph p{
  margin-bottom: 0px;
}
a {
	color: #383339;
}
/* FIN ESTILOS WP GENRALES */

/* ESTILOS BANNER PRINCIPAL */
.section--hero-programmable{
  padding-top: 60px;
}
.hero--programmable__actions {
bottom: -40px;
}
.hero--programmable__buttons__next, .hero--programmable__buttons__prev {
border: 1.5px solid #ccc;
}
.hero--programmable__buttons__next>img, .hero--programmable__buttons__prev>img {
	filter: none;
}
.hero--programmable__numbers__current, .hero--programmable__numbers__total {
	color: #ccc;
}
.hero--programmable__numbers__decorator {
	background-color: #ccc;
}
.btn_planes {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 66px;
	right: 15%;
	font-size: 14px;
	background: #000;
	text-decoration: none;
	color: #fff;
}
.btn_planes:hover{
	background: #000;
	color: #fff;
}
.btn_summer{
  position: absolute;
  border-radius: 0px;
  letter-spacing: 0.07143rem;
  bottom: 180px;
  right: 25%;
  font-size: 14px;
  background: #f9ae00;
  text-decoration: none;
  color: #fff;
}
.btn_summer:hover{
	background: #f9ae00;
	color: #fff;
}
.btn_azaleas {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 40px;
	right: 7%;
	font-size: 14px;
	background: #000;
	text-decoration: none;
	color: #fff;
}
.btn_azaleas:hover{
	background: #000;
	color: #fff;
}
.btn_ona {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 100px;
	right: 16%;
	font-size: 14px;
	background: #000;
	text-decoration: none;
	color: #fff;
}
.btn_ona:hover{
	background: #000;
	color: #fff;
}
.btn_dsctos {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 50px;
	right: 25%;
	font-size: 14px;
	background: #bd3f91;
	text-decoration: none;
	color: #fff;
}
.btn_dsctos:hover{
	background: #bd3f91;
	color: #fff;
}

.btn_un{
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 60px;
	right: 18%;
	font-size: 14px;
	background: #bc3f90;
	text-decoration: none;
	color: #fff;
}

.btn_un:hover{
	background: #bc3f90;
	color: #fff;
}
.btn_an_ii{
	
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 215px;
	right: 11%;
	font-size: 14px;
	background: #bc3f90;
	text-decoration: none;
	color: #fff;
}
.btn_an_ii:hover{
	background: #bc3f90;
	color: #fff;
}

.btn_ona {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 50px;
	right: 9%;
	font-size: 14px;
	background: #bd3f91;
	text-decoration: none;
	color: #fff;
}
.btn_ona:hover{
	background: #bd3f91;
	color: #fff;
}

.btn_idays {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 50px;
	right: 14%;
	font-size: 14px;
	background: #c9007f;
	text-decoration: none;
	color: #fff;
}
.btn_idays:hover{
	background: #c9007f;
	color: #fff;
}

.btn_blackweek {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 74px;
	right: 16%;
	font-size: 14px;
	background: #c11887;
	text-decoration: none;
	color: #fff;
}
.btn_blackweek:hover{
	background: #c11887;
	color: #fff;
}
.btn_evento_lf {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 50px;
	left: 10%;
	font-size: 14px;
	background: #68a0a0;
	text-decoration: none;
	color: #fff;
}
.btn_evento_lf:hover{
	background: #68a0a0;
	color: #fff;
}
.btn_reventon_vina {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 80px;
	right: 24%;
	font-size: 14px;
	color: #4073f8;
	background: #dff141;
	text-decoration: none;
}
.btn_reventon_vina:hover{
	color: #4073f8;
	background: #dff141;
}
.btn_evento_stgo {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 40px;
	right: 14%;
	font-size: 14px;
	background: #4a5463;
	text-decoration: none;
	color: #fff;
}
.btn_evento_stgo:hover{
	background: #4a5463;
	color: #fff;
}

.btn_evento_black {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 40px;
	right: 14%;
	font-size: 14px;
	background: #58c79f;
	text-decoration: none;
	color: #fff;
}
.btn_evento_black:hover{
	background: #58c79f;
	color: #fff;
}

.btn_black {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 80px;
	right: 12%;
	font-size: 14px;
	background: #f19000;
	text-decoration: none;
	color: #fff;
}
.btn_black:hover{
	background: #f19000;
	color: #fff;
}

.btn_megaoutlet{
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 12px;
	left: 7.5%;
	font-size: 14px;
	background: #0eacaf;
	text-decoration: none;
	color: #fff;
}
.btn_megaoutlet:hover{
	background: #0eacaf;
	color: #fff;
}


.btn_evento_montemar{
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 44px;
	right: 14.5%;
	font-size: 14px;
	background: #41a09f;
	text-decoration: none;
	color: #fff;
}
.btn_evento_montemar:hover{
	background: #41a09f;
	color: #fff;
}

.btn_cyber{
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 105px;
	right: 10.5%;
	font-size: 14px;
	background: #e3f164;
	text-decoration: none;
	color: #3d72f8;
}
.btn_cyber:hover{
	background: #e3f164;
	color: #3d72f8;
}

.btn_ul{
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 40px;
	right: 12.5%;
	font-size: 14px;
	background: #70a1a0;
	text-decoration: none;
	color: #fff;
}
.btn_ul:hover{
	background: #70a1a0;
	color: #FFF;
}

.btn_aniversario {
		position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 40px;
	right: 19.5%;
	font-size: 14px;
	text-decoration: none;
	color: #FFF;
	background: #B03D37; 
	}

.btn_aniversario:hover{
	background: #B03D37;
	color: #FFF;
}

.btn_hipotecon {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 80px;
	right: 32.5%;
	font-size: 14px;
	text-decoration: none;
	color: #FFF;
	background: #bd3e8f; 
	}

.btn_hipotecon:hover{
	background: #bd3e8f;
	color: #FFF;
}

.btn_blackfriday {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 80px;
	right: 13.5%;
	font-size: 14px;
	text-decoration: none;
	color: #FFF;
	background: #c5007a; 
	}

.btn_blackfriday:hover{
	background: #c5007a;
	color: #FFF;
}

.btn_mpn {
	position: absolute;
	border-radius: 0px;
	letter-spacing: 0.07143rem;
	bottom: 100px;
	right: 27.5%;
	font-size: 14px;
	text-decoration: none;
	color: #FFF;
	background: #000; 
	}

.btn_mpn:hover{
	background: #000;
	color: #FFF;
}

/* FIN ESTILOS BANNER PRINCIPAL */

/* ESTILOS BUSCADOR */
.prefilter__center-box__title {
	padding-bottom: 20px;
	font-family: Roboto;
	font-style: normal;
	font-weight: 300;
	font-size: 40px;
	line-height: 53px;
	text-transform: uppercase;
	color: #383339;
	text-align: center;
	letter-spacing: 0.07143rem;
}
.prefilter {
	width: 100%;
	margin-bottom: 80px;
	padding-top: 80px;
}
/* FIN ESTILOS BUSCADOR */

/* ESTILOS PETFRIENDLY */
.bg_caja_texto_pf{
  background-color: #ece4e0;
}
.bg_petfriendly {
  background-image: url("https://www.imagina.cl/content/uploads/2024/04/petfriendly.jpg");
  background-color: #cccccc;
  /*height: 500px;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* FIN ESTILOS PETFRIENDLY */

/* ESTILOS SHOWROOM */
.bg_caja_texto_pf{
  background-color: #ece4e0;
}
.bg_showroom {
  background-image: url("https://www.imagina.cl/content/uploads/2024/01/showroom.jpg");
  background-color: #cccccc;
  /*height: 500px;*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* FIN ESTILOS SHOWROOM */


.carousel-indicators {
    bottom: -44px;
}
.carousel-indicators li {
    background-color: #ccc;
}


/* ESTILOS POPUP */
#btn_modal{
	display: none;
}
#btnpop{
	display: none;
}
.tobii__slide figure>img {
	width: 600px;
}

.tobii__btn--close{
	background: green;
	color: #fff;
	border-radius: 60px;
	top: 38px;
}





.modal-window {
	position: fixed;
	background-color: rgba(0,0,0,0.7);
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: all 0.3s;
}
 .modal-window:target {
	 visibility: visible;
	 opacity: 1;
	 pointer-events: auto;
}
 .modal-window > div {
	 width: 600px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 padding: 0;
	 background: transparent;
}
 .modal-window header {
	 font-weight: bold;
}
 .modal-window h1 {
	 font-size: 150%;
	 margin: 0 0 15px;
}
.modal-close {
	color: #fff;
	line-height: 30px;
	font-size: 80%;
	position: absolute;
	right: 16px;
	text-align: center;
	top: 20px;
	width: 30px;
	text-decoration: none;
	background: #b03a47;
	border-radius: 40px;
	font-weight: 500;
}
 .modal-close:hover {
	 color: #fff;
}

 .modal-window > div {
	 border-radius: 1rem;
}
 .modal-window div:not(:last-of-type) {
	 margin-bottom: 15px;
}
 
.bg_rojo{
	background: #b03d37;
}

.color_blanco{
	color: #fff;
}

.frame {
	position: absolute;
	left: 40px;
	top: -4px;
	width: 80%;
}
#muteButton {
	z-index: 999;
	position: absolute;
	border-radius: 112px;
	margin-top: -91px;
	right: 35px;
	height: 50px;
	width: 50px;
}

#muteButton_xs {
	z-index: 999;
	position: absolute;
	border-radius: 112px;
	margin-top: -91px;
	right: 74px;
	height: 50px;
	width: 50px;
}







/* FIN ESTILOS POPUP */

@media only screen and (max-device-width: 812px) {
	.text-left-xs{
		text-align: left !important;
	}
	/* SLIDER */
	.btn_planes{
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #000;
	}
	.btn_azaleas{
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #000;
	}
	.btn_ona{
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #000;
	}
	.btn_summer{
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #f9ae00;
	}
	.btn_dsctos{
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #bd3f91;
	}
	.btn_ona{
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #bd3f91;
	}
	.btn_an_ii{
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #bc3f90;
	}
	.btn_un{
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 50px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #bc3f90;
	}
	.btn_blackweek{
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #c11887;
	}
	.btn_evento_lf{
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #68a0a0;
	}
	.btn_reventon_vina {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #4073f8;
		background: #dff141;
	}
	.btn_evento_stgo {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #4a5463;
	}
	.btn_evento_black {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #58c79f;
	}
	.btn_black {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #f19000;
	}
	.btn_idays {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #c9007f;
	}
	
	.btn_megaoutlet {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #0eacaf;
	}
	
	.btn_evento_montemar {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #fff;
		background: #41a09f;
	}
	.btn_cyber {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #3d72f8;
		background: #e3f164;
	}
	
	.btn_ul {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #70a1a0;
		background: #FFF;
	}
	
	.btn_aniversario {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #FFF;
		background: #B03D37;
	}
	
	.btn_hipotecon {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #FFF;
		background: #bd3e8f;
	}
	.btn_blackfriday {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 18px;
		border-radius: 0;
		width: 90%;
		color: #FFF;
		background: #c5007a;
	}
	
	.btn_mpn {
		position: absolute;
		right: 5%;
		left: 0%;
		bottom: 63px;
		border-radius: 0;
		width: 90%;
		color: #FFF;
		background: #000;
	}
	
	
	.hero--programmable__actions {
		bottom: -42px;
		z-index: 999;
	}
	.hero--programmable__buttons__prev {
	border: 1.5px solid #ccc;
   }
   .hero--programmable__numbers__current, .hero--programmable__numbers__total {
	   color: #ccc;
   }
   .hero--programmable__numbers__decorator {
	   background-color: #ccc;
   }
   .hero--programmable__buttons__next>img, .hero--programmable__buttons__prev>img {
	   filter: none;
   }
   .hero--programmable__buttons__next, .hero--programmable__buttons__prev {
   border: 1.5px solid #ccc;
 }
	/* FIN SLIDER */
	
	/* BUSCADOR */
	.prefilter__center-box__title {
		font-size: 2rem;
		line-height: 38px;
	}
	.prefilter {
		padding-top: 40px;
		margin-bottom: 60px;
	}
	.modal-window > div {
	width: 100%;
}
	/* FIN BUSCADOR */
}