*{box-sizing:border-box;margin:0px;padding:0;}
body{font-family: 'Georgia', serif;font-weight:normal;background:#ffffff;}
h1{font-size:2.3em;font-weight:800;margin-top:20px;color:#d9262b;text-align:center;}
h2{font-size:2em;color:#c4191d;}h3{font-size:1.5em;color:#6b5d47;border-left:4px solid #d7cebc;padding-left:20px;}h4{font-size:1.4em;}
p,li{font-size:1.2em;}li{list-style-position:inside;}
h1,h2,h3,h4,p,li{line-height:1.5em;margin-bottom:1.4em;}
a{color:#d9262b;text-decoration:none;}a:hover,a:active{text-decoration:underline;}
img{border:none;max-width:100%;height:auto;}
span{font-weight:bold;}
.none{text-transform:none;}.hide{display:none;}.ok{color:#8AC007;}.error{color:#FF0000;}
.d50{width:49%;}.d33{width:32%;}.d25{width:24%;}.d50,.d33,.d25{padding:5px;vertical-align:top;display:inline-block;}
.overlay{width:100%;height:100%;position:absolute;}
.separador{border:1px solid #d3d3d3;clear:both;margin:60px auto;}
.center{text-align:center;}.left{text-align:left;}.right{text-align:right;}
.contenedor{background:#ece1c9;padding:50px 0px;}
.contenido{background:#f4f1e8;text-align:left;padding:30px;margin:40px auto;width:90%;border:2px solid #d7cebc;box-shadow:0 10px 25px rgb(93 78 55 / 10%);border-radius:15px;}
.contenido1{padding:30px;margin:40px auto;width:90%;}
#contenedor{text-align:center;margin:0 auto;}
.boton{margin:50px auto;text-align:center;}
.boton1 {background-color:#746954;border-style:solid;border-color:#9a8e76;border-radius:50px;padding:12px 32px;color:#ffffff;}	
/*CABEZA*/
#cabeza{padding:10px;text-align:left;border-bottom:2px solid #2e2e2e;box-shadow:0 5px 10px -5px rgb(0 0 0 / 50%);}
#logo,#menu,#menuicono{display:inline-block;vertical-align:middle;}
#menu,#menuicono{float:right;}
#menu{margin-top:15px;}
#menu li{display:inline-block;padding:10px 13px;}
#menuicono{width:27px;height:27px;cursor:pointer;position:relative;display:none;margin:30px 10px 0px 0px;}
#menuicono span,#menuicono span:before,#menuicono span:after{background:white;display:block;height:4px;position:absolute;transition:all 300ms ease;}
#menuicono span{right:0px;top:10px;width:27px;background:#aa182c;}
#menuicono span:before,#menuicono span:after{content:'';}
#menuicono span:before{left:0px;top:-10px;width:16px;background:#aa182c;}
#menuicono span:after{left: 0px;top:10px;width:20px;background:#aa182c;}
#menuicono.ocultar span{transform: rotate(-45deg);top:11px;width:27px;background:#aa182c;;}
#menuicono.ocultar span:before{top:0px;transform:rotate(90deg);width:27px;background:#aa182c;}
#menuicono.ocultar span:after{top:0px;left:0px;transform:rotate(90deg);width:27px;opacity:0;}
/*CUERPO*/
/*fondo*/
#fondo{width:100%;height:500px;position:relative;overflow:hidden;margin-bottom:50px;}
.absolute{background:url('../img/fondo.jpg');background-position:center center;
width:100%;height:100%;top:0;right:0;position:absolute;text-align:center;display:flex;justify-content:center;
align-items:center;}
.d40{width:40%;}
.d40 h1{color:#f3f3f3;font-size: 38px;font-weight: 700;text-shadow: 3px 3px 6px #000;}
/*presentacion*/
.presentacion .d50{position:relative;margin:10px 0px;}
.presentacion img{height:560px; width:auto;object-fit: cover;}
.presentacion h2{/*font-size: 2em;font-weight: 700;*/}
.presentacion1 h2,.presentacion1 p{color:#f3f3f3;text-shadow: 3px 3px 6px #000;}
.floti{width:70%;height:70%;padding:40px 10px 0px 10px;
  top: 50%;
  left: 50%;
  outline: 2px solid #c2c2c2;
  outline-offset: -8px;
  transform: translate(-50%, -50%);
  position:absolute;
  background-color:rgba(244, 241, 232, 0.8);
 }
.floti .boton{margin:10px auto;}
/*servi*/
#servi{text-align:left;padding:40px 10px;}
/*#servi li{margin-bottom:1.2em;}*/
#servi h2{text-align:center;color:#ed3237;}
#servi div:first-child li{text-align:center;width:48%;display:inline-block;}
#servi div:last-child li{/*line-height:2.7em;*/}
/*fotos*/
#fotos ul li{display:inline-block;padding:20px;width:400px;}
#fotos img{outline: 2px solid #c2c2c2;outline-offset: -8px;}
/*preguntas*/
#preguntas{text-align:left;margin:80px auto;width:90%;}
#preguntas h2{color: #5d4e37;}
.acordeon-item {
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    margin-bottom: 15px;
    overflow: hidden;
    transition: all 0.3s ease;
    background: white;
}
.acordeon-item:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}
.acordeon-header {
    background:#f4f0e4;
    padding: 20px 25px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
 }
.acordeon-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    transition: left 0.5s;
}
.acordeon-header:hover::before {
    left: 100%;
}
.acordeon-header:hover {
    background: #ece1c9;
}
.acordeon-titulo {
    font-size: 1.3em;
    color: #1f2937;
    flex: 1;
	margin:10px 0px;
    text-align: left;
}
.acordeon-icono {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c4b28f, #b4a17c);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s ease;
    position: relative;
}
.acordeon-icono::before,
.acordeon-icono::after {
    content: '';
    position: absolute;
    background: white;
    transition: all 0.3s ease;
}

.acordeon-icono::before {
    width: 12px;
    height: 2px;
}
.acordeon-icono::after {
    width: 2px;
     height: 12px;
 }

.acordeon-item.active .acordeon-icono {
	transform: rotate(45deg);
}
.acordeon-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease, padding 0.4s ease;
	background: #fafbfc;
}
.acordeon-item.active .acordeon-content { 
	max-height: 900px;
	padding: 25px;
}
.acordeon-texto {
	color: #4b5563;
	line-height: 1.7;
	font-size: 1rem;
}
/*ICONOS*/
#iconos{text-align:left;}
#iconos li{list-style: none;text-align:left;/*padding:15px 0px;*/display:block;}
/*#iconos li span {vertical-align:middle;margin-right:10px;}*/
.iconocampana{background:url('../img/iconos/campana.png') no-repeat; }
.iconoseguridad{background:url('../img/iconos/seguridad.png') no-repeat; }
.iconointernet{background:url('../img/iconos/internet.png') no-repeat; }
.iconocama{background:url('../img/iconos/cama.png') no-repeat;}
.iconococina{background:url('../img/iconos/cocina.png') no-repeat;}
.iconotv{background:url('../img/iconos/tv.png') no-repeat;}
.iconoaire{background:url('../img/iconos/aire.png') no-repeat;}
.iconobano{background:url('../img/iconos/bano.png') no-repeat;}
.iconoexterior{background:url('../img/iconos/exterior.png') no-repeat;}
.iconocochera{background:url('../img/iconos/cochera.png') no-repeat;}
.iconocomedor{background:url('../img/iconos/comedor.png') no-repeat;}
.iconopiscina{background:url('../img/iconos/piscina.png') no-repeat;}
.iconocasa{background:url('../img/iconos/casa.png') no-repeat;}
.iconohablar{background:url('../img/iconos/hablar.png') no-repeat;}
.iconotelefono{background:url('../img/iconos/telefono.png') no-repeat;}
.iconofacebook{background:url('../img/iconos/facebook.png') no-repeat;}
.iconoinstagram{background:url('../img/iconos/instagram.png') no-repeat;}
.iconoweb{background:url('../img/iconos/web.png') no-repeat;}
.iconoemail{background:url('../img/iconos/email.png') no-repeat;}
.iconomapa{background:url('../img/iconos/mapa.png') no-repeat;}
.icono{background-size:25px 25px;background-position:center;display:inline-block;padding:18px;vertical-align:middle;margin-right:10px;}
/*PIE*/
.iconowhatsapp{background:url('../img/iconos/whatsapp2.png') no-repeat;background-size:25px 25px;background-position:center;display:inline-block;padding:18px;}
#pie{background-color:#252525;border-top:1px solid #b2b1b1;margin-top:30px;text-align:center;}
#pie a{color:#e3dbcc;}
#pie .separador{margin:10px auto;}
#whatsapp-pie{position:fixed;bottom:12px;right:20px;z-index:9;}
#pielista .d25{padding:40px 10px;}
#pielista ul li{display:block;list-style-type:none;padding:1px;color:#d2d0d0;margin:0px;font-size:1.1em;line-height:2em;}
#pielista h4{color:#a3a4a5;}
#pie p{font-size:1.3em;color:#d2d0d0;margin:0px;padding:15px 0px;}
#piefinal{color:#999;}
@media screen and (max-width:1400px){/*body{background:green;}*/
.d33,.d50{width:100%;margin:0;}
.d25{width:48%;}
.right{text-align: center;}
}
@media screen and (max-width:960px){
	.absolute{background:url('../img/fondo1.jpg');}
}
@media screen and (max-width:900px){/*body{background:green;}*/
#menuicono{display:inline-block;}
#menu{display:none;padding:0px;margin:0px;}
#menu.mostrar{display:block;width:100%;margin-top:13px;background:#ffffff;}
#menu.mostrar li{display:block;padding:10px;margin:0px; line-height: 2.3em;border-bottom:1px solid #a4a4a4;}
#menu.mostrar li a{display:block;}
.contenido,.contenido1{padding:20px;width:94%;}
p{font-size:1.2em;margin-bottom:1rem;line-height:30px;}
.d25,.d40{width:99%;}
.boton1{display:inline-block;margin:10px;}
/*#preguntas {margin:0px;}*/
}
@media screen and (max-width:700px){/*body{background:yellow;}*/
h1{font-size:1.5em;}h2{font-size:1.4em;}h3{font-size:1.3em;}h4{font-size:1.2em;}p{font-size:1.1em;}
#iconos li,#pielista ul li {width:100%;border-bottom:1px solid #cccccc;}
.floti{width:80%;padding:30px 10px 0px 10px;}
#preguntas{width:94%;}
.acordeon-header,.acordeon-item.active .acordeon-content{ padding: 20px 15px;}
#servi div:first-child li{text-align:center;width:99%;display:block;}
}
@media screen and (max-width:400px){
h1{font-size:1.4em;}h2{font-size:1.3em;}h3{font-size:1.2em;}h4{font-size:1.1em;}p{font-size:1em;}
}