/*
Theme Name: qi-child
Theme URI: http://nbucle.com
Version: 4.0
Description: Tema hijo de qi
Author: Nbucle
Author URI: http://nbucle.com
Template: qi
*/
 
/*---------------------------- Nuevos estilos -------------------------------*/

@font-face {
  font-family: Calluna-Regular;
  src: url(fonts/Calluna-Regular.woff2);
  font-weight: 100;
}
@font-face {
  font-family: SweetSansProRegular;
  src: url(fonts/SweetSansProRegular.woff2);
  font-weight: regular;
}
@font-face {
  font-family: SweetSansProThin;
  src: url(fonts/SweetSansProThin.woff2);
  font-weight: 100;
}

#popupfix{display: block; position: fixed; top: 0px; z-index: 999; background-color: #8A4532; width: 100%;}
#popupfix p{line-height: 65px; text-align: center;}
#popupfix p #popcontact{margin-left: 25px;}
#popupfix #cerrar{color: #F8EBE0; position: absolute; top: -10px; right: 0; padding: 8px 11px; cursor: pointer;}

.blanco{color:#fff !important;}
.marron_muyclaro{color:#F8EBE0 !important;}
.marron_claro{color:#AD563E !important;}
.marron_oscuro{color:#8A4532 !important;}
body{background-color: #AD563E !important;}
body #qodef-page-inner{padding: 90px 0 0px;}
body #qodef-page-inner{padding: 0px 0 0px !important;}
.qodef-content-grid-1300 .qodef-content-grid { width: 100% !important;}
.centro{text-align: center;}

body h1, .h1{font-family: Calluna-Regular; color:#F8EBE0; font-size: 45px; line-height: 44px;}
body h2{text-align: center; color:#F8EBE0; font-family: Calluna-Regular; font-size: 43px;}
body h3{text-align: center; color:#F8EBE0; font-family: Calluna-Regular; font-size: 43px;}
h4{text-align:center;}
body p{font-family: SweetSansProThin; font-size: 20px;}
/* body .subtitle{font-size: 22px; text-align: center; font-family: Calluna-Regular; text-transform: uppercase;} */
body .subtitle{font-size: 17px; text-align: center; font-family: Calluna-Regular; text-transform: uppercase; letter-spacing: 3px;}
body .primer_parrafo p{font-size: 20px; padding: 0px 10%; text-align: center; font-family: SweetSansProThin;}
body a.boton_oscuro{background: #8A4532; color: #F8EBE0; padding: 7px 25px; text-align: center; text-decoration: none !important;text-transform: uppercase; font-size: 14px;}
body a.boton_claro{background: #F8EBE0; color: #8A4532; border:1px solid #8A4532; padding: 7px 25px; text-align: center; text-decoration: none !important;text-transform: uppercase; font-size: 14px;}

/******cabecera*********/
.active .nav__title {color:#999;}
body.page-id-12 header#qodef-page-header{background-color: transparent; height: 100vh; background-image: url(https://rendersinteriorismo.com/wp-content/uploads/2023/11/renders-madrid-1.jpg); background-repeat: no-repeat; background-size: cover;}
#primera_cabecera {display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; padding: 10px 80px; margin-top: 65px;}
#primera_cabecera div.vacio{width: 20%;}
#primera_cabecera div.logo{text-align:center; color:#F8EBE0; font-size: 60px; width: 60%; font-family: Calluna-Regular;}
#primera_cabecera div.logo a{text-align:center; color:#F8EBE0; font-size: 70px;
    line-height: 60px; width: 60%; font-family: Calluna-Regular; text-decoration:none; text-transform: uppercase; line-height: 70px;}
#primera_cabecera div.boton_contacto {text-align:right; width: 20%;}
#primera_cabecera div.boton_contacto a{ font-size: 14px; letter-spacing: 2px; background: #F8EBE0; color:#fff; padding:8px 20px; text-transform: uppercase; text-decoration: none; color:#8A4532; }

#text_cabecera{height: calc(100vh - 0vh); display: flex; align-items: center; justify-content: center; text-align:center;}


#bajar a{position: absolute; bottom: 120px; font-size: 14px; letter-spacing: 3px; text-transform: uppercase; left: 0; right: 0; margin: auto; width: 100px; text-align: center; color: #F8EBE0; text-decoration: none;}
#bajar a:after, #bajar a:before {content: ""; position: absolute; height: 0; width: 1px; background: #F8EBE0; left: 0; right: 0; margin: auto; top: calc(100% + 20px); transition: all 0.6s ease; transition-delay: 0.8s;}
#bajar a:before { top: 0; width: 0; height: 1px; transform: rotate(90deg);}
#bajar a:after{height: 100px;}
#bajar a:before{width: 100px; top: -60px;}


#segunda_cabecera {visibility: hidden; width: 100vw; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; padding: 30px 105px; position: fixed; top: 0px; background-color: #8A4532;}
#segunda_cabecera div.logo{width: 20%; color:#F8EBE0; font-size: 30px; font-family: Calluna-Regular;}
#segunda_cabecera div.logo a{color:#F8EBE0; font-size: 30px; font-family: Calluna-Regular; text-decoration:none;}
#segunda_cabecera div.menu{width: 60%; color:#F8EBE0;}
#segunda_cabecera div.menu ul{list-style: none; list-style-type: none; margin: 0px 10px; color:#F8EBE0; overflow: hidden; display: flex; justify-content: space-around;}
#segunda_cabecera div.menu ul li{float: left; padding: 0px 15px;}
#segunda_cabecera div.menu ul li a{color:#F8EBE0; text-decoration: none; text-transform: uppercase; font-size: 17px; display: block; text-align: center;text-decoration: none;}
#segunda_cabecera div.boton_contacto {text-align:right; width: 20%;}
#segunda_cabecera div.boton_contacto a{ font-size: 14px; letter-spacing: 2px; background: #F8EBE0; color:#8A4532; padding:8px 20px; text-transform: uppercase; text-decoration: none; }



/******************Contenido***********************/
/* Ir arriba */
.ir-arriba {display:none; padding: 3px 10px; background:transparent; font-size:20px; color:#fff; cursor:pointer; position: fixed; bottom:20px; right:20px; border-radius: 50%; transform: rotate(270deg); cursor:pointer; z-index:9999; border: 1px solid #fff;}

.img-redondeada{border-radius: 11% 0px 11% 0px; height: 85vh;}
.img-redondeada-top{border-radius: 50% 50% 0px 0px; height: 85vh;}

a.enlace_miswebs{color:#8A4532;}

/*empezar form*/
/*#form_empezar{display: flex; align-content: center; align-items: center; justify-content: center; height: 100vh; width: 100vw; position: absolute; top: 0px; left: 0px; background: #0000009e; z-index: 999; visibility: hidden;}
#form_empezar_cerrar{font-size: 30px; font-weight: 900; cursor: pointer;}*/

.page-id-170 form #empezar_form{padding:0px 90px;}
.page-id-170 form .columnone, .page-id-170 form .columntwo{display: flex; flex-direction: row; width: 100%; justify-content: space-around;}
.page-id-170 form .columntwo{margin-bottom: 50px;}
.page-id-170 form .columnone p, .page-id-170 form .columntwo p{width: 100%;}
.page-id-170 form .columnone p:first-child, .page-id-170 form .columntwo p:first-child{margin-right:25px;}
.page-id-170 form .columnone p:second-child, .page-id-170 form .columntwo p:second-child{margin-left:25px;}

.page-id-170  form #empezar_form input{border: none; border-bottom: 1px solid #F8EBE0; padding: 15px 0px;}
.page-id-170  form #empezar_form textarea{border: 1px solid #F8EBE0; padding: 15px 20px; height: 200px;}

.page-id-170  form #empezar_form ::placeholder { color: #F8EBE0; }

.page-id-170  form #empezar_form input[type="submit"]{background-color: transparent; border: 1px solid #F8EBE0; width:100%; text-transform: uppercase;}

.page-id-170  .wpcf7 form #empezar_form input[type="file"] {margin-bottom: 50px !important; border-bottom: none;}




/*****TIMELINE******/
.timeline, .timeline2 { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; padding: 0px 0px 0px 62px; margin: 0; list-style: none;}
.timeline::before{ position: absolute; top: 0; height: 100%; padding-right: 11px; border-right: 2px solid #8A4532; content: ""; height: 69%; top: 78px;}
.timeline2::before { position: absolute; top: 0; height: 100%; padding-right: 11px; border-right: 2px solid #8A4532; content: ""; height: 74%; top: 77px;}
.timeline__item, .timeline__item2 { display: -webkit-flex; display: flex; -webkit-align-items: stretch; align-items: stretch; padding: 17px 0;}
.timeline__step, .timeline__step2 { padding-right: 62px;}
.timeline__step__marker, .timeline__step__marker2 { position: relative; display: table-cell; height: 22px; min-height: 22px; width: 22px; min-width: 22px; border: 1px solid #8A4532; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background-color: #F8EBE0; z-index: 0;}
.timeline__time, .timeline__time2 { padding-right: 0px; font-size: 26px;}
.timeline__title, .timeline__title2 { padding-bottom: 26px; font-size: 32px;}
.timeline__points, .timeline__points2 { padding: 0; list-style: none; font-size: 24px; color: #77777D;}
.timeline__points > *, .timeline__points2 > * { padding: 0 0 12px 0;}

.timeline__time img, .timeline__time2 img{height: 55px; padding: 0px 20px 0px 0px;}
p.icon-title {display: inline-block; text-transform: uppercase; color:#8A4532; font-weight: 900;}
p.icon-txt{color:#8A4532; font-size:20px;}



/*****************Footer*********************/
footer#qodef-page-footer{background-color: #8A4532;}
footer p{text-align:center; margin-bottom: 35px;}
footer form #footer_form{padding:0px 90px;}
p.title-footer{font-family: Calluna-Regular; font-size: 35px; text-transform: uppercase;}
footer form .columnone, footer form .columntwo{display: flex; flex-direction: row; width: 100%; justify-content: space-around;}
footer form .columnone p, footer form .columntwo p{width: 100%;}
footer form .columnone p:first-child, footer form .columntwo p:first-child{margin-right:25px;}
footer form .columnone p:second-child, footer form .columntwo p:second-child{margin-left:25px;}

footer form #footer_form input{border: none; border-bottom: 1px solid #F8EBE0; padding: 15px 0px;}
footer form #footer_form textarea{border: 1px solid #F8EBE0; padding: 15px 20px; height: 200px;}

footer form #footer_form ::placeholder { color: #F8EBE0; }


form label span{ color: #F8EBE0; font-family: SweetSansProThin; font-size: 14px;}

footer form #footer_form input[type="submit"]{background-color: transparent; border: 1px solid #F8EBE0; width:100%; text-transform: uppercase;}

footer .copyright{margin-top: 50px; font-size:13px;}



/***********Interna*************/
 body.page-id-170 #text_cabecera, body.page-id-170 #bajar{display: none;} 
 body.page-id-170 #qodef-page-header{background-color:#8A4532; height: 250px;}


/****************Página 404********************/
body.error404{background-color:#8A4532;}
body.error404 #qodef-page-header{background-color:#8A4532;}
body.error404 #bajar{display:none;}
body.error404 #primera_cabecera{margin-top: 20px;}
body.error404 #text_cabecera{align-items: flex-start; height: calc(30vh - 0vh);}
body.error404 .frasevolver{margin-top: 30px;}
body.error404 p a{ color: #F8EBE0; font-family: SweetSansProThin; font-size: 20px; text-decoration: none !important; font-size: 25px; font-weight: 900;}


/**********************responsive***************************/
.soloMovil{display:none;}
.img_vert1{}
.img_vert2{}
.img_vert3{}
.img_vert4{}

.mobile-menu{
    display: none;
}
@media only screen and (min-width: 800px){
	.qodef-content-grid-1300 .qodef-content-grid { width: 100% !important;}
    .desktop-menu{
        display: block !important;
    }
    .mobile-menu{
        display: none !important;
    }
}

@media only screen and (max-width: 799px){
	.qodef-content-grid-1300 .qodef-content-grid { width: 100% !important;}
    .desktop-menu{
        display: none !important;
    }
    .mobile-menu{
        display: block !important;
    }
}



@media (max-width: 1800px) {
	.qodef-content-grid-1300 .qodef-content-grid { width: 100% !important;}
  .timeline::before {height: 70%; top: 77px;}
}

@media (max-width: 1718px) {
	.qodef-content-grid-1300 .qodef-content-grid { width: 100% !important;}
  .timeline::before {height: 71%; top: 87px;}
  .timeline2::before{height: 76%; top: 77px;}
}

@media (max-width: 1490px) {
	.qodef-content-grid-1300 .qodef-content-grid { width: 100% !important;}
  .timeline::before {height: 72%; top: 77px;}
  .timeline2::before{height: 74%; top: 77px;}
}

@media (max-width: 1395px) {
	.qodef-content-grid-1300 .qodef-content-grid { width: 100% !important;}
  .timeline::before {height: 74%; top: 77px;} 
  .timeline2::before {height: 76%; top: 77px;}
}

@media (max-width: 1202px) {
	.qodef-content-grid-1300 .qodef-content-grid { width: 100% !important;}
  .timeline::before {height: 76%; top: 76px;}
  .timeline2::before {height: 75%; top: 76px;}
}

@media (max-width: 950px) {
	.qodef-content-grid-1300 .qodef-content-grid { width: 100% !important;}
  .timeline::before{height: 78%; top: 76px;} 
  .timeline2::before {height: 77%; top: 76px;}
}

@media only screen and (min-width: 1441px){
    .qodef-content-grid-1300 .qodef-content-grid { width: 100%;}
}

@media (max-width: 768px) {
	.qodef-content-grid-1300 .qodef-content-grid { width: 100% !important;}
  .soloMovil{display:block;}
	
	.page-id-170 form #empezar_form {
    padding: 0 0px;
	}

 /**general**/
	body h1{font-size: 28px;}
	body h2{font-size: 28px;}
	body h3{font-size: 28px;}
	body h4{font-size: 22px;}
	body p{font-size: 14px; line-height: 20px;}
	body .subtitle{font-size: 15px;}
	body .primer_parrafo p{font-size: 14px; line-height: 20px;}
	body a.boton_oscuro{font-size: 12px;}
    body a.boton_claro{font-size: 12px;}



  /*Cabecera*/
  header#qodef-page-mobile-header{background-color: transparent; height: 100vh; background-image: url(https://rendersinteriorismo.com/wp-content/uploads/2023/11/renders-madrid-1.jpg); background-repeat: no-repeat; background-size: cover;}
  #primera_cabecera { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 10px 15px; margin-top: 0px; }
  #primera_cabecera div.logo{font-size: 31px; width: 50%; font-family: Calluna-Regular;}
  #primera_cabecera div.boton_contacto{width: 50%;}
  #text_cabecera h1{text-align: center;}
  body .primer_parrafo p {padding: 0px 0px;}

  div.kc_row.kc_row_inner.ancho-movil{padding-right: 10px; padding-left: 10px;}

  .img-full{padding-right: 0px !important; padding-left: 0px !important;}

  #segunda_cabecera {padding: 30px 10px; justify-content: space-between;}
  #segunda_cabecera .boton_contacto{display:none;}

  #segunda_cabecera div.menu ul li a{font-size: 14px;}

  
  /*general*/
  .img_vert1 div.kc_col-sm-6.kc_column_inner.kc_col-sm-6:nth-child(2){ padding-left: 0px;}
	div.img_vert2.kc_row.kc_row_inner, div.img_vert3.kc_row.kc_row_inner, div.img_vert4.kc_row.kc_row_inner{padding-right: 10px !important; padding-left: 10px !important;}
  


  .card, .card2 { max-width: 375; }
  .timeline, .timeline2 { padding: 0 35.42857px;}
  .timeline::before, .timeline2::before { padding-right: 6.28571px; }
  .timeline__item, .timeline__item2 { padding: 35.42857px 0;}
  .timeline__step, .timeline__step2 { padding-right: 35.42857px;}
  .timeline__step__marker, .timeline__step__marker2 { height: 13.71429px; min-height: 13.71429px; width: 13.71429px; min-width: 13.71429px; border-width: 2.28571px;}
  .timeline__time, .timeline__time2 { padding-right: 72px; font-size: 14.85714px; }
  .timeline__title, .timeline__title2 { padding-bottom: 14.85714px; font-size: 18.28571px; }
  .timeline__points, .timeline__points2 { font-size: 13.71429px; }
  .timeline__points > *, .timeline__points2 > * { padding-bottom: 6.85714px;}

  .timeline::before { height: 76%; top: 96px;}
  .timeline2::before {height: 74%; top: 96px;}

  p.icon-txt {font-size: 16px; line-height: 20px; }

  /**footer**/
  body p#contacto{line-height: 40px;}
  footer p{padding: 0px 15px;}
  footer div#footer_form{ padding: 0px 30px;}

}