@charset "utf-8";

*{margin:0px;padding: 0px;box-sizing: border-box;} *:not(p){margin: 0px;padding: 0px;text-decoration: none;list-style:none;text-shadow:none;font-weight: normal;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */}
html {margin:0;padding:0; height: 100vh;} table {border-collapse:collapse;border-spacing:0;} h1,h2,h3,h4,h5,h6{margin: 0 auto;padding: 0;} header,nav,main,section,article,footer{margin: 0 auto;padding: 0;}
fieldset,img {border:0;} input{border:0 solid #001d26;padding:0;color:#000;width:100%;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;} caption,th {text-align:left;} q:before,q:after {content:'';} abbr,acronym { border:0;} a {outline: none; text-decoration: none;} a:hover {text-decoration-line: underline;}
small {font-size: 15px;} big{font-size: 80px;font-weight: bolder;} strong{font-weight: bolder;}

/* General Ideas Style */

body {
  background: white;
  font-family: 'champagne__limousinesregular', sans-serif;
  font-weight: 400;
  margin:0px;
  padding:0px;
  color: #000914;
  overflow-y:auto;
  overflow-x:hidden;
  -webkit-font-smoothing: subpixel-antialiased !important; 
  text-rendering:optimizeLegibility !important;
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: royalblue black;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 5px;
}

*::-webkit-scrollbar-track {
  background: black;
}

*::-webkit-scrollbar-thumb {
  background-color: royalblue;
  border-radius: 10px;
  border: 1px solid black;
}


.ie7 body {overflow:hidden;} a{text-decoration: none;} .clr{clear: both;} .but{background-color: #255e98;color: white;font-size: 16px;padding: 0;text-align: center;width: 2%;float: right;margin-right: 10px;cursor: crosshair;}

img {width: 100%;height: auto;}

/******************************************************
    [ MEDIA all 1920-2056 ]
*******************************************************/

.mob-navegacion {display: none;}
.break {display: none;}
.hazclick{display: none;}
.cortes-depas-t{display: none;}
.proyecto-tableta{display: none;}
.ubicacion-tableta{display: none;}
.contenedor-cel{display: none;}
.con-cel-tmp{display: none;}
#contenedor-departamento-cel{display: none;}


  b {
  font-weight: 600;
}

  iframe{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

  .blue{
    color: #12243b;
}

  .fa-solid{
    color: #05a1fb;
}

  .fa-square-facebook{
    color: navy;
}

  .fa-square-instagram{
   background: -webkit-linear-gradient(rgb(238, 42, 123), rgb(0, 42, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ee2a7b;
}

  .fa-linkedin{
    color: blue;
}

  .fa-square-youtube{
    color: red;
}

  .fa-square-whatsapp{
    color: limegreen;
}

  .mx{
    color: #f417a8;
}

main{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
  "depasimg   slider"
  "desde      slider"
  "nav        slider"
  "apartalo   slider"
  "infon-fov  slider"
  "redes      slider"
  "ubicacion  slider"
  "pleca      pleca"
  "footer     footer";
  column-gap: 20px;
  padding: 5px 10px 0 10px;
  max-width: 1920px;
}

.aparta{
  display: none;
  grid-area: aparta;
  width: 100%;
  text-align: right;
  padding: 0;
  margin: 0 auto;
}

.aparta img{
  width: 100%;
  max-width: 150px;
}

.apartalo{
  display: block;
  grid-area: apartalo;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 65px 0 60px 0;
}

.apartalo img{
  width: 100%;
  max-width: 750px;
}

.depasimg{
  background: block;
  grid-area: depasimg;
  width: 100%;
  text-align: center;
  align-self: center;
  margin: 0 auto;
  padding: 0;  
}

.depasimg img{
  width: 100%;
  max-width: 380px;
}

.logo{
  grid-area: logo;
  display: none;
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0 auto;  
}

.logo img{
  width: 100%;
  max-width: 170px;
}

.desde{
  font-family: 'futura_md_btmedium', sans-serif;
  grid-area: desde;
  font-weight: bold;
  color: #093898;
  text-align: center;
  line-height: auto;
  padding: 5px 0 0 0;
  width: 100%;  
  font-size: 28px;
  letter-spacing: -1px;
}

nav{
  grid-area: nav;
  background: #12243b;
  padding: 0;
  display: block;
  width: 100%;
  margin: 10px 0 10px 0;
  padding: 0;
  border-radius: 20px;
  height: 70px;  
}

.menu {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  width: 100%;
  font-family: "Oswald", sans-serif;
  color: white;
  text-align: center;
  font-weight: 200;
  padding: 10px;
  line-height: 16px;
}

.icon{
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  width: 150px;
  height: 60px;
  margin: 0 auto;
}

.icon-p a{
  color: white;
  text-align: center;
  background-image: url("../images/icon-proyecto.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 30px 0 0 0;
  font-size: 12.5px;
}

.icon-p a:hover{
  text-align: center;
  color:#05a1fb;
  background-image: url("../images/icon-proyecto-on.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 30px 0 0 0;
}

.icon-u a{
  color: white;
  text-align: center;
  background-image: url("../images/icon-ubicacion.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 30px 0 0 0;
  font-size: 12.5px;
}

.icon-u a:hover{
  text-align: center;
  color:#05a1fb;
  background-image: url("../images/icon-ubicacion-on.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 30px 0 0 0;
}

.icon-d a{
  color: white;
  text-align: center;
  background-image: url("../images/icon-depto-tipo.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 30px 0 0 0;
  font-size: 12.5px;
}

.icon-d a:hover{
  text-align: center;
  color:#05a1fb;
  background-image: url("../images/icon-depto-tipo-on.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 30px 0 0 0;
}

.icon-a a{
  color: white;
  text-align: center;
  background-image: url("../images/icon-av-obra.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 30px 0 0 0;
  font-size: 12.5px;
}

.icon-a a:hover{
  text-align: center;
  color:#05a1fb;
  background-image: url("../images/icon-av-obra-on.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 30px 0 0 0;
}

.icon-r a{
  color: #ff4dc2;
  text-align: center;
  background-image: url("../images/icon-informes.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 30px 0 0 0;
  font-size: 12.5px;
}

.icon-r a:hover{
  color: #ff4dc2;
  text-align: center;
  background-image: url("../images/icon-informes-on.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 30px 0 0 0;
}

#wowslider-container1 {
  grid-area: slider;
  display: table;
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 0;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

.ws_images img{
  border-radius: 20px;
}

.redes {
  grid-area: redes;
  display: inline-block;
  text-align: center;
  margin: 10px 0 15px 0;
}

.redes a{
  color:blue;
  font-size: 26px;
  margin: 0 12px 0 12px;

}

.fa-brands{
  margin: 0 0 0 12px;
}

.direccion-ub {
  grid-area: ubicacion;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+9,001c4c+18,011732+28,000000+50,011732+77,001c4c+88,000000+96 */
  background: #12243b;
  font-family: 'geosanslightregular', sans-serif;
  color:white;
  text-align: center;
  width: 100%;
  z-index:5;
  letter-spacing: .3px;
  height: 30px;
  font-size: 24px;
  border-radius: 20px;  
}


/******************************************************
    [ PROYECTO]
*******************************************************/
#wowslider-container2 {
  grid-area: slider2;
  display: table;
  zoom: 1; 
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 10px;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

#contenedor-proyecto{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 942px;
  grid-template-areas:
  "depas      logo         slider2"
  "nav        nav         slider2"
  "proyecto   proyecto    slider2"
  "redes      redes       slider2"
  "ubicacion  ubicacion   slider2"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 5px 10px 0 10px;
  max-width: 1920px;
}

.depas-int{
  background: none;
  grid-area: depas;
  width: 100%;
  text-align: left;
  align-self: center;
  margin: 0 auto;
  padding: 0 0 0 10px;  
}

.depas-int img{
  width: 100%;
  max-width: 320px;
}

.logotipo{
  grid-area: logo;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  padding: 0 10px 0 0;  
}

.logotipo img{
  width: 100%;
  max-width: 230px;
}

.proyecto{
  background: none;
  grid-area: proyecto;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "h1   h1"
  "cg   video";
  margin: 5px 0 35px 0;
}

h1{
  background: none;
  display: block;
  grid-area: h1;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  font-size: 38px;
  line-height: 38px;
  margin: 0 0 5px 0;
}

ul{
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 27px;
  padding: 0 0 0 10px;
}

li{
  font-family: "Oswald", sans-serif;
  font-size: 22px;
  line-height: 33px;
  padding: 0 0 0 20px;
}

.CG {
  grid-area: cg;
  font-family: "Oswald", sans-serif;
  text-align: left;
  line-height: 40px;
}

.RG {
  font-family: "Oswald", sans-serif;
  padding: 0 0 0 20px;
}

.video{
  grid-area: video;
  width: 100%;
  height: 380px;
  text-align: center;
  align-self: center;
  margin: 0 auto;
  padding: 0 0 0 0;
}

.video img{
  width: 100%;
  max-width: 360px;
}

/******************************************************
    [ UBICACION]
*******************************************************/

#contenedor-ubicacion{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 942px;
  grid-template-areas:
  "depas      logo        moctezuma"
  "nav        nav         moctezuma"
  "ubmapa     ubmapa      moctezuma"
  "redes      redes       moctezuma"
  "ubicacion  ubicacion   moctezuma"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 5px 10px 0 10px;
  max-width: 1920px;
}

.ubicacion{
  background: none;
  grid-area: ubmapa;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "h1         h1"
  "textos-ub  textos-ub"
  "mapa       mapa";
  margin: 5px 0 14px 0;
}

.textos-ub{
  grid-area: textos-ub;
  font-family: "Oswald", sans-serif;
  text-align: justify;
  font-size: 20px;
  line-height: 27px;
  padding: 0 10px 0 10px;
}

.textos-ub p{
  margin: 0 0 11px 0;
}

.ub-mapa{
  grid-area: mapa;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.ub-mapa img{
  width: 100%;
  max-width: 550px;
  cursor: pointer;
  border-radius: 20px;  
}

.moctezuma{
  grid-area: moctezuma;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}


.moctezuma img{
  width: 100%;
  max-width: 942px;
  border-radius: 20px;
}


/******************************************************
    [ DEPARTAMENTOS]
*******************************************************/

#contenedor-departamentos{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 942px;
  grid-template-areas:
  "depas      logo        cortes-depas"
  "nav        nav         cortes-depas"
  "depart     depart      cortes-depas"
  "redes      redes       cortes-depas"
  "ubicacion  ubicacion   cortes-depas"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 5px 10px 0 10px;
  max-width: 1920px;
}

.departamentos{
  background: none;
  grid-area: depart;
  width: 100%;
  display: block;
  margin: 5px 0 43px 0;
}


.click{
  display: block;
  grid-area: click;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0 0 0;
}

.click img{
  width: 100%;
  max-width: 780px;
  border-radius: 20px;
}

.hazclick{display: none;}
.departamentos-tablet{display: none;}
.cortes-depas-t{display: none;}


/******************************************************
    [ DEPARTAMENTO]
*******************************************************/
#contenedor-departamento{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 935px;
  grid-template-areas:
  "depas24           aparta-01   n-depas"
  "nav               nav         n-depas"
  "h1depa            h1depa      n-depas"
  "cuentaconB        planos      n-depas"
  "descarga          parking     n-depas"
  "infon-fov         infon-fov   n-depas"    
  "redes             redes       n-depas"
  "ubicacion         ubicacion   n-depas"
  "pleca             pleca       pleca"
  "footer            footer      footer";
  column-gap: 20px;
  padding: 5px 10px 0 10px;
  max-width: 1920px;
}

.depas-tipo{
  grid-area: n-depas;
  display: grid;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.depas-tipo img{
  width: 100%;
  max-width: 935px;
  border-radius: 20px;

}

.depas24{
  background: none;
  grid-area: depas24;
  width: 100%;
  text-align: left;
  align-self: start;
  margin: 20px 0 0 0;
  padding: 0 0 0 10px;  
}

.depas24 img{
  width: 100%;
  max-width: 320px;
}


.aparta-01 {
  background: none;
  display: grid;
  text-align: right;
  padding: 0;
  margin: 0 0 0 265px;
  width: 180px;
}

.aparta-01 a{
  display: grid;
  grid-area: aparta-01;
  padding: 0;
  margin: 0 auto;
}

.aparta-01 img{
  width: 100%;
  max-width: 180px;
}


.h1depa{
  background: none;
  display: grid;
  grid-area: h1depa;
  text-align: center;
  padding: 0;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  font-size: 38px;
  line-height: 38px;
  margin: 0 0 5px 0;
}


.caracteristicas{
  line-height: 22px;
  font-size: 27px;
  align-self: start;
}

.caracteristicasB{
  grid-area: cuentaconB;
  display: grid;
  font-family: "Oswald", sans-serif;
  text-align: left;
  font-size: 23px;
  line-height: 33px;
  margin: 0 0 0 20px;
}

.caracteristicasC{
  line-height: 24px;
  font-size: 22px;
  align-self: start;
}

.plano-depas{
  grid-area: planos;
  align-self: start;
  text-align: right;
  justify-items: end;  
  width: 100%;
}

.plano-depas img{
  border-radius: 16px;
  max-width: 600px;
  margin: 0 0 0 0;
}

.estacionamiento{
  grid-area: parking;
  display: grid;
  text-align: right;
  justify-items: end;
  width: 100%;
  padding: 0;
  margin: 0 0 8px 0;
}

.estacionamiento img{
  border-radius: 16px;
  max-width: 400px;
}

.descarga{
  grid-area: descarga;
  text-align: left;
  align-self: center;
}

.descarga img{
  border-radius: 16px;
  max-width: 350px;
  margin: 0 0 0 20px;
}


.infonavit-fovissste{
  display: grid;
  justify-content: center;
  text-align: center;
  grid-area: infon-fov;
  padding: 0 0 2px 0;
  margin: 0 auto;
}

.infonavit-fovissste img{
  max-width: 400px;
}


/******************************************************
    [ CORTE DEPARTAMENTOS]
*******************************************************/

.cortes-depas{
  background: none;
  grid-area: cortes-depas;
  align-content: start;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "top"
  "depas-pares"
  "losa-01"
  "depas-pares-02"
  "losa-02"
  "depas-pares-03" 
  "losa-03"
  "depas-pares-04"
  "disiponibilidad"  
  "depas-nones"
  "losa-non-01"
  "depas-nones-02"
  "losa-non-02"
  "depas-nones-03"
  "losa-non-03"
  "depas-nones-04"   
  "bottom";
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
/******************************************************/

.top{
  grid-area: top;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 942px;
  height: 100px;
}

.corte01{
  grid-area: corte01;
  margin: 0 auto;
  width: 942px;
  height: 100px;  
}

.corte01 img{
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;  
}

/******************************************************/

.depas-pares{
  grid-area: depas-pares;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 295px 108px 40px 140px 4px 293px 62px;
  grid-template-areas: 
  "corte02   d-402-03   corte04  d-404-05   corte06  d-406-07   corte08";
}

.corte02{
  grid-area: corte02;
  margin: 0 auto;
  width: 295px;
  height: 58px;
}

.d-402-03{
  grid-area: d-402-03;  
  margin: 0 auto;
  cursor: pointer;
  width: 108px;
  height: 58px; 
}

.d-402-03:hover{
 filter: saturate(300%);
}

.corte04{
  grid-area: corte04;
  margin: 0 auto;
  width: 40px;
  height: 58px;
}

.d-404-05{
  grid-area: d-404-05;  
  margin: 0 auto;
  cursor: pointer;
  width: 140px;
  height: 58px;  
}

.d-404-05:hover{
 filter: saturate(300%);
}

.corte06{
  grid-area: corte06;
  margin: 0 auto;
  width: 4px;
  height: 58px;
}

.d-406-07{
  grid-area: d-406-07;  
  margin: 0 auto;
  cursor: pointer;
  width: 293px;
  height: 58px;
}

.d-406-07:hover{
 filter: saturate(300%);
}

.corte08{
  grid-area: corte08;
  margin: 0 auto;
  width: 62px;
  height: 58px;
}


/******************************************************/
.corte09{
  grid-area: losa-01;
  display: grid;
  margin: 0 auto;
  width: 942px;
  height: 4px;
}
/******************************************************/

.depas-pares-02{
  grid-area: depas-pares-02;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 295px 108px 40px 140px 4px 293px 62px;
  grid-template-areas: 
  "corte10   d-302-11   corte12  d-304-13   corte14  d-306-15   corte16";
}

.corte10{
  grid-area: corte10;
  margin: 0 auto;
  width: 295px;
  height: 57px;
}

.d-302-11{
  grid-area: d-302-11;
  margin: 0 auto;
  cursor: pointer;  
  width: 108px;
  height: 57px;
}

.d-302-11:hover{
 filter: saturate(300%);
}

.corte12{
  grid-area: corte12;
  margin: 0 auto;
  width: 40px;
  height: 57px;
}

.d-304-13{
  grid-area: d-304-13;
  margin: 0 auto;
  cursor: pointer;  
  width: 140px;
  height: 57px;
}

.d-304-13:hover{
 filter: saturate(300%);
}

.corte14{
  grid-area: corte14;
  margin: 0 auto;
  width: 4px;
  height: 57px;
}

.d-306-15{
  grid-area: d-306-15;
  cursor: pointer;  
  margin: 0 auto;
  width: 293px;
  height: 57px;
}

.d-306-15:hover{
 filter: saturate(300%);
}

.corte16{
  grid-area: corte16;
  margin: 0 auto;
  width: 62px;
  height: 57px;
}


/******************************************************/
.corte17{
  grid-area: losa-02;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 4px;
}
/******************************************************/

.depas-pares-03{
  grid-area: depas-pares-03;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;  
  grid-template-columns: 295px 108px 40px 140px 4px 293px 62px;
  grid-template-areas: 
  "corte18   d-202-19   corte20  d-204-21   corte22  d-206-23   corte24";
}

.corte18{
  grid-area: corte18;
  margin: 0 auto;
  width: 295px;
  height: 58px;
}

.d-202-19{
  grid-area: d-202-19;  
  cursor: pointer;
  width: 108px;
  height: 58px;

}

.d-202-19:hover{
 filter: saturate(300%);
}

.corte20{
  grid-area: corte20;
  margin: 0 auto;
  width: 40px;
  height: 58px;
}

.d-204-21{
  grid-area: d-204-21;
  cursor: pointer; 
  width: 140px;
  height: 58px;
}

.d-204-21:hover{
 filter: saturate(300%);
}

.corte22{
  grid-area: corte22;
  margin: 0 auto;
  width: 4px;
  height: 58px;
}

.d-206-23{
  grid-area: d-206-23;  
  width: 293px;
  height: 58px;
}

.d-206-23:hover{
 filter: saturate(300%);
}

.corte24{
  grid-area: corte24;
  margin: 0 auto;
  width: 62px;
  height: 58px;
}


/******************************************************/

.corte25{
  grid-area: losa-03;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 4px;
}

/******************************************************/

.depas-pares-04{
  grid-area: depas-pares-04;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 295px 108px 40px 140px 4px 293px 62px;
  grid-template-areas: 
  "corte26   d-102-27   corte28  d-104-29   corte30  d-106-31   corte32";
}

.corte26{
  grid-area: corte26;
  margin: 0 auto;
  width: 295px;
  height: 58px;
}

.d-102-27{
  grid-area: d-102-27;
  cursor: pointer;
  width: 108px;
  height: 58px;
}

.d-102-27:hover{
 filter: saturate(300%);
}

.corte28{
  grid-area: corte28;
  margin: 0 auto;
  width: 40px;
  height: 58px;
}

.d-104-29{
  grid-area: d-104-29;
  cursor: pointer;
  width: 140px;
  height: 58px;
}

.d-104-29:hover{
 filter: saturate(300%);
}

.corte30{
  grid-area: corte30;
  margin: 0 auto;
  width: 4px;
  height: 58px;
}

.d-106-31{
  grid-area: d-106-31;
  cursor: not-allowed;
  width: 293px;
  height: 58px;
}

.d-106-31:hover{
 filter: none;
}

.corte32{
  grid-area: corte32;
  margin: 0 auto;
  width: 62px;
  height: 58px;
}


/******************************************************/

.disponibilidad{
  grid-area: disponibilidad;
  display:block;
  padding: 0;
  margin: 0 auto;
  width: 942px;  
  height: 222px;
}

.corte33{
  grid-area: corte33;
  margin: 0 auto;
  width: 942px;
  height: 222px;
}

/******************************************************/

.depas-nones{
  grid-area: depas-nones;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;  
  grid-template-columns: 292px 217px 5px 142px 67px 145px 74px;
  grid-template-areas: 
  "corte34   d-405-35   corte36  d-403-37   corte38  d-401-39   corte40";
}

.corte34{
  grid-area: corte34;
  margin: 0 auto;
  width: 292px;
  height: 55px;
}

.d-405-35{
  grid-area: d-405-35;
  cursor: pointer;
  width: 217px;
  height: 55px;
}

.d-405-35:hover{
 filter: saturate(300%);
}

.corte36{
  grid-area: corte36;
  margin: 0 auto;
  width: 5px;
  height: 55px;
}

.d-403-37{
  grid-area: d-403-37;
  cursor: pointer;
  width: 142px;
  height: 55px;
}

.d-403-37:hover{
 filter: saturate(300%);
}

.corte38{
  grid-area: corte38;
  margin: 0 auto;
  width: 67px;
  height: 55px;
}

.d-401-39{
  grid-area: d-401-39;
  cursor: pointer;
  width: 145px;
  height: 55px;
}

.d-401-39:hover{
 filter: saturate(300%);
}

.corte40{
  grid-area: corte40;
  margin: 0 auto;
  width: 74px;
  height: 55px;
}


/******************************************************/
.corte41{
  grid-area: losa-non-01;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 4px;
}

/******************************************************/

.depas-nones-02{
  grid-area: depas-nones-02;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 292px 217px 5px 142px 67px 145px 74px;
  grid-template-areas: 
  "corte42   d-305-43   corte44  d-303-45   corte46  d-301-47   corte48";
}

.corte42{
  grid-area: corte42;
  margin: 0 auto;
  width: 292px;
  height: 55px;
}

.d-305-43{
  grid-area: d-305-43;
  cursor: pointer;
  width: 217px;
  height: 55px;
}

.d-305-43:hover{
 filter: saturate(300%);
}

.corte44{
  grid-area: corte44;
  margin: 0 auto;
  width: 5px;
  height: 55px;
}

.d-303-45{
  grid-area: d-303-45;
  cursor: pointer; 
  width: 142px;
  height: 55px;
}

.d-303-45:hover{
 filter: saturate(300%);
}

.corte46{
  grid-area: corte46;
  margin: 0 auto;
  width: 67px;
  height: 55px;
}

.d-301-47{
  grid-area: d-301-47;
  cursor: pointer;  
  width: 145px;
  height: 55px;
}

.d-301-47:hover{
 filter: saturate(300%);
}

.corte48{
  grid-area: corte48;
  margin: 0 auto;
  width: 74px;
  height: 55px;
}


/******************************************************/
.corte49{
  grid-area: losa-non-02;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 5px;
}
/******************************************************/

.depas-nones-03{
  grid-area: depas-nones-03;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 292px 217px 5px 142px 67px 145px 74px;
  grid-template-areas: 
  "corte50   d-205-51   corte52  d-203-53   corte54  d-201-55   corte56" ;
}

.corte50{
  grid-area: corte50;
  margin: 0 auto;
  width: 292px;
  height: 55px;
}

.d-205-51{
  grid-area: d-205-51;
  cursor: pointer;
  width: 217px;
  height: 55px;
}

.d-205-51:hover{
 filter: saturate(300%);
}

.corte52{
  grid-area: corte52;
  margin: 0 auto;
  width: 5px;
  height: 55px;
}

.d-203-53{
  grid-area: d-203-53;
  cursor: pointer;
  width: 142px;
  height: 55px;
}

.d-203-53:hover{
 filter: saturate(300%);
}

.corte54{
  grid-area: corte54;
  margin: 0 auto;
  width: 67px;
  height: 55px;
}

.d-201-55{
  grid-area: d-201-55;
  cursor: pointer;
  width: 145px;
  height: 55px;
}

.d-201-55:hover{
 filter: saturate(300%);
}

.corte56{
  grid-area: corte56;
  margin: 0 auto;
  width: 74px;
  height: 55px;
}

/******************************************************/
.corte57{
  grid-area: losa-non-03;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 3px;
}

/******************************************************/
.depas-nones-04{
  grid-area: depas-nones-04;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 292px 217px 5px 142px 67px 145px 74px;
  grid-template-areas: 
  "corte58   d-105-59   corte60  d-103-61   corte62  d-101-63   corte64";
}

.corte58{
  grid-area: corte58;
  margin: 0 auto;
  width: 292px;
  height: 56px;
}

.d-105-59{
  grid-area: d-105-59;
  cursor: pointer; 
  width: 217px;
  height: 56px;
}

.d-105-59:hover{
 filter: saturate(300%);
}

.corte60{
  grid-area: corte60;
  margin: 0 auto;
  width: 5px;
  height: 56px;
}

.d-103-61{
  grid-area: d-103-61;
  cursor: not-allowed; 
  width: 142px;
  height: 56px;
}

.d-103-61:hover{
 filter: none;
}

.corte62{
  grid-area: corte62;
  margin: 0 auto;
  width: 67px;
  height: 56px;
}

.d-101-63{
  grid-area: d-101-63;
  cursor: pointer;
  width: 145px;
  height: 56px;
}

.d-101-63:hover{
 filter: saturate(300%);
}

.corte64{
  grid-area: corte64;
  margin: 0 auto;
  width: 74px;
  height: 56px;
}

/******************************************************/

.bottom{
  grid-area: bottom;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 942px;
  height: 142px;
}

.corte65{
  grid-area: corte65;
  margin: 0 auto;
  width: 942px;
  height: 142px;
}

.corte65 img{
  width: 100%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;  
}




/******************************************************
    [ AVANCE DE OBRA]
*******************************************************/
#wowslider-container3 {
  grid-area: slider3;
  display: table;
  zoom: 1; 
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 10px;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

#contenedor-avance{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 942px;
  grid-template-areas:
  "depas      logo        slider3"
  "nav        nav         slider3"
  "avance     avance      slider3"
  "redes      redes       slider3"
  "ubicacion  ubicacion   slider3"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 5px 10px 0 10px;
  max-width: 1920px;
}

.av-obra{
  background: none;
  grid-area: avance;
  text-align: left;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "h1"
  "av-obra";
  margin: 5px 0 90px 0;
}

.obra li{
  font-family: "Oswald", sans-serif;
  text-align: left;
  padding: 10px 0 0 10px;
  font-size: 28px;
  line-height: 34px;
}


.mkt-obra{
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.mkt-obra img{
  width: 100%;
  max-width: 929px;
  margin: 0 auto;
  padding: 0;
}

/******************************************************
    [ FORMULARIO]
*******************************************************/
#wowslider-container4 {
  grid-area: slider4;
  display: table;
  zoom: 1; 
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 10px;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

#contenedor-forma{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;
  font-family: "Oswald", sans-serif;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 942px;
  grid-template-areas:
  "depas      logo        slider4"
  "nav        nav         slider4"
  "forma     forma        slider4"
  "redes      redes       slider4"
  "ubicacion  ubicacion   slider4"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 5px 10px 0 10px;
  max-width: 1920px;
}

.informes{
  background: none;
  grid-area: forma;
  text-align: left;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "h1"
  "informes";
  margin: 5px 0 14px 10px;
}

.contform{
  grid-area: informes;
  background: white;
  width: 100%;
  margin: 0 0 12px 0;
}

.fa-whatsapp{
  padding: 0;
  margin: 0;
  font-size: 25px;
  color: limegreen;
}

.contform p{
  color: #12243b;
  font-size: 22px;
  padding: 0 0 0 10px;
}

.contform p a{
  color: #12243b;
}

.contform p a:hover{
  color: #05a1fb;
}

.formulario{
  background: #12243b;
  grid-area: form;
  width: 85%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 10px;
  margin: 5px auto;
}

.formulario p{
  color: white;
  text-align: center;
  margin: 0 auto;
  font-size: 20px;
}

form{
  margin: 0 auto;
  text-align: center;
  width: 95%;
}

input{
  border: solid 2px #05a1fb;
  border-radius: 10px;
  font-size: 18px;
  padding: 10px;
  width: 90%;
  margin: 8px 0 8px 0;
}

textarea{
  border: solid 2px #05a1fb;
  text-align: left;
  border-radius: 6px;
  font-size: 20px;
  margin: 0 auto;
  padding: 10px;
  width: 90%;
}

.textosbut{
  background: #12243b;
  color: white;
  cursor: pointer;
  border-radius: 15px;
  font-size: 20px;
  text-align: center;
  width: 26%;
  margin: 15px 40px 10px 40px;
  border: solid 2px white;
}

.textosbut:hover{
  background: #05a1fb;
  color: #12243b;
  font-weight: bold;
  margin: 15px 40px 10px 40px;
  border: solid 2px white;
}



/******************************************************
    [ FOOTER]
*******************************************************/

.pleca0{
  grid-area: pleca;
  background: #12243b;
  border-color: #12243b;
  text-align: center;
  width: 100%;
  height: 20px;
  margin: 10px auto;
  border-radius: 20px;
  max-width: 1882px
}

footer{
  grid-area: footer;
  margin: 0 auto;
  width: 100%;
  font-family: 'geosanslightregular', sans-serif;
  font-weight: bold;
  text-align: left;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "atte     espejia-"
  "copy     espejia-"
  "dir      espejia-"
  ".        design";
  align-content: start;
  padding: 0;
  margin: 0 0 10px 0;
  column-gap: 20px;
}

.atte {
  grid-area: atte;
  background: none;
  width: 100%;
  color: #12243b;
  z-index: 2;
  padding: 0;
  font-size: 28px;
  line-height: 32px;
}

.copy {
  grid-area: copy;
  background: none;
  width: 100%;
  color: #12243b;
  z-index: 2;
  padding: 0;
  margin:10px 0 0 0;
  font-size: 20px;
}

.copy a{
  color: #0640b5;
  font-weight: bold;
}

.copy a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.direccion {
  grid-area: dir;    
  background: none;
  color: #12243b;
  width: 100%;
  z-index: 2;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 20px;
}

.direccion a{
  color: #0640b5;
  font-weight: bold;
}

.direccion a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.espejia{
  grid-area: espejia-;
  width: 100%;
  text-align: right;
  padding: 0;
  margin: 0 auto;
}

.espejia img{
  width: 100%;
  max-width: 1500px;
}

.design {
  grid-area: design;  
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+9,011732+50,000000+96 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #000000 9%, #011732 50%, #000000 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #000000 9%,#011732 50%,#000000 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #000000 9%,#011732 50%,#000000 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: right;
  justify-self: end;
  align-content: end;
  font-family: 'geosanslightregular', sans-serif;
  font-weight: normal;
  color: white;
  padding: 0;
  border-radius: 20px;
  font-size: 16px;
  line-height: 20px;
  margin: 10px 0 0 0;
}

.design a{
  margin: 0 auto;
  font-family: 'geosanslightregular', sans-serif;
  justify-content: end;
  align-content: start;
  font-weight: normal;
  color: white;
  font-size: 16px;
  line-height: 20px;
  padding: 0 10px 0 0;
}

.design a:hover{
  color: white;
  text-decoration: underline;
}


/******************************************************
    [ MEDIA all 1600-1919 ]
*******************************************************/
@media all and (min-width: 1600px) and (max-width: 1919px)
{

main{
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
  "depasimg   slider"
  "desde      slider"
  "nav        slider"
  "apartalo   slider"
  "infon-fov  slider"
  "redes      slider"
  "ubicacion  slider"
  "pleca      pleca"
  "footer     footer";
  column-gap: 20px;
  padding: 0 10px 0 10px;
  max-width: 1600px;
}



.apartalo{
  display: block;
  grid-area: apartalo;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 60px 0 67px 0;
}

.apartalo img{
  width: 100%;
  max-width: 600px;
}

.depasimg img{
  width: 100%;
  max-width: 320px;
  padding: 10px 0 0 0;
}

.logo{
  grid-area: logo;
  display: none;
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0 auto;  
}

.logo img{
  width: 100%;
  max-width: 170px;
}

.desde{
  padding: 5px 0 0 0;
  font-size: 22px;
  letter-spacing: -1px;
}

nav{
  margin: 10px 0 10px 0;
  padding: 0;
  border-radius: 20px;
  height: 70px;  
}

.menu {
  padding: 10px;
  line-height: 16px;
}

.icon{
  width: 150px;
  height: 60px;
  margin: 0 auto;
}

.icon-p a{
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
  font-size: 12.5px;
}

.icon-p a:hover{
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
}

.icon-u a{
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
  font-size: 12.5px;
}

.icon-u a:hover{
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
}

.icon-d a{
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
  font-size: 12.5px;
}

.icon-d a:hover{
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
}

.icon-a a{
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
  font-size: 12.5px;
}

.icon-a a:hover{
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
}

.icon-r a{
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
  font-size: 12.5px;
}

.icon-r a:hover{
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
}

#wowslider-container1 {
  grid-area: slider;
  display: table;
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 0;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

.ws_images img{
  border-radius: 20px;
}

.redes {
  margin: 10px 0 15px 0;
}

.redes a{
  font-size: 24px;
  margin: 0 12px 0 12px;

}

.fa-brands{
  margin: 0 0 0 12px;
}

.direccion-ub {
  letter-spacing: .3px;
  height: 26px;
  font-size: 20px;
  line-height: 30px;  
  border-radius: 10px;  
}

/******************************************************
    [ PROYECTO ]
*******************************************************/
#contenedor-proyecto{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 770px;
  grid-template-areas:
  "depas      logo         slider2"
  "nav        nav         slider2"
  "proyecto   proyecto    slider2"
  "redes      redes       slider2"
  "ubicacion  ubicacion   slider2"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 0 10px 0 10px;
  max-width: 1600px;
}

.depas-int{
  background: none;
  grid-area: depas;
  width: 100%;
  text-align: left;
  align-self: center;
  margin: 0 auto;
  padding: 0 0 0 10px;  
}

.depas-int img{
  width: 100%;
  max-width: 290px;
}

.logotipo{
  grid-area: logo;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  padding: 5px 10px 0 0;  
}

.logotipo img{
  width: 100%;
  max-width: 190px;
}

.proyecto{
  background: none;
  grid-area: proyecto;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "h1   h1"
  "cg   video";
  margin: 0 0 35px 0;
}

h1{
  background: none;
  display: block;
  grid-area: h1;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  font-size: 28px;
  line-height: 28px;
  margin: 0 0 5px 0;
}

ul{
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 24px;
  padding: 0 0 0 20px;
}

li{
  font-family: "Oswald", sans-serif;
  font-size: 18px;
  line-height: 25px;
  padding: 0 0 0 20px;
}

.CG {
  grid-area: cg;
  font-family: "Oswald", sans-serif;
  text-align: left;
  line-height: 25px;
}

.RG {
  font-family: "Oswald", sans-serif;
  padding: 0 0 0 20px;
}

.video{
  grid-area: video;
  width: 100%;
  height: 300px;
  text-align: center;
  align-self: center;
  margin: 0 auto;
  padding: 0 0 0 0;
}

.video img{
  width: 100%;
  max-width: 320px;
}

/******************************************************
    [ UBICACION]
*******************************************************/

#contenedor-ubicacion{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 770px;
  grid-template-areas:
  "depas      logo        moctezuma"
  "nav        nav         moctezuma"
  "ubmapa     ubmapa      moctezuma"
  "redes      redes       moctezuma"
  "ubicacion  ubicacion   moctezuma"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 0 10px 0 10px;
  max-width: 1600px;
}

.ubicacion{
  background: none;
  grid-area: ubmapa;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "h1         h1"
  "textos-ub  textos-ub"
  "mapa       mapa";
  margin: 0 0 2px 0;
}

.textos-ub{
  grid-area: textos-ub;
  font-family: "Oswald", sans-serif;
  text-align: justify;
  font-size: 16.5px;
  line-height: 20px;
  padding: 0 10px 0 10px;
}

.textos-ub p{
  margin: 0 0 9px 0;
}

.ub-mapa{
  grid-area: mapa;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.ub-mapa img{
  width: 100%;
  max-width: 475px;
  cursor: pointer;
  border-radius: 20px;  
}

.moctezuma{
  grid-area: moctezuma;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}


.moctezuma img{
  width: 100%;
  max-width: 942px;
  border-radius: 20px;
}


/******************************************************
    [ DEPARTAMENTOS]
*******************************************************/

#contenedor-departamentos{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas:
  "depas      logo        cortes-depas"
  "nav        nav         cortes-depas"
  "depart     depart      cortes-depas"
  "redes      redes       cortes-depas"
  "ubicacion  ubicacion   cortes-depas"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 5px 10px 0 10px;
  max-width: 1600px;
}

.departamentos{
  background: none;
  grid-area: depart;
  width: 100%;
  display: block;
  margin: 5px 0 43px 0;
}


.click{
  display: block;
  grid-area: click;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 10px 0 0 0;
}

.click img{
  width: 100%;
  max-width: 560px;
  border-radius: 20px;
}

.hazclick{display: none;}
.aparta{display: none;}
.departamentos-tablet{display: none;}
.cortes-depas-t{display: none;}

/******************************************************
    [ DEPARTAMENTO]
*******************************************************/
#contenedor-departamento{
  grid-template-columns: 1fr 1fr 760px;
  grid-template-areas:
  "depas24           aparta-01   n-depas"
  "nav               nav         n-depas"
  "h1depa            h1depa      n-depas"
  "cuentaconB        planos      n-depas"
  "descarga          parking     n-depas"
  "infon-fov         infon-fov   n-depas"    
  "redes             redes       n-depas"
  "ubicacion         ubicacion   n-depas"
  "pleca             pleca       pleca"
  "footer            footer      footer";
  column-gap: 20px;
  padding: 5px 10px 0 10px;
  max-width: 1600px;
}

.depas-tipo{
  grid-area: n-depas;
}

.depas-tipo img{
  max-width: 760px;
  border-radius: 20px;

}

.depas24{
  grid-area: depas24;
  margin: 20px 0 0 0;
  padding: 0 0 0 10px;  
}

.depas24 img{
  max-width: 210px;
}


.aparta-01 {
  margin: 0 0 0 245px;
  width: 135px;
}

.aparta-01 a{
  grid-area: aparta-01;
}

.aparta-01 img{
  max-width: 135px;
}


.h1depa{
  font-size: 28px;
  line-height: 28px;
  margin: 0 0 5px 0;
}


.caracteristicas{
  line-height: 22px;
  font-size: 27px;
}

.caracteristicasB{
  grid-area: cuentaconB;
  font-size: 19px;
  line-height: 27px;
  margin: 0 0 0 20px;
}

.caracteristicasC{
  line-height: 24px;
  font-size: 22px;
}

.plano-depas{
  grid-area: planos;
}

.plano-depas img{
  border-radius: 16px;
  max-width: 400px;
  margin: 0 0 0 0;
}

.estacionamiento{
  grid-area: parking;
  margin: 0 0 8px 0;
}

.estacionamiento img{
  border-radius: 16px;
  max-width: 300px;
}

.descarga{
  grid-area: descarga;
}

.descarga img{
  border-radius: 16px;
  max-width: 260px;
  margin: 0 0 0 20px;
}


.infonavit-fovissste{
  display: grid;
  justify-content: center;
  text-align: center;
  grid-area: infon-fov;
  padding: 0 0 2px 0;
  margin: 0 auto;
}

.infonavit-fovissste img{
  max-width: 320px;
}

/******************************************************
    [ CORTE DEPARTAMENTOS]
*******************************************************/

.cortes-depas{
  background: none;
  grid-area: cortes-depas;
  align-content: start;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "top"
  "depas-pares"
  "losa-01"
  "depas-pares-02"
  "losa-02"
  "depas-pares-03" 
  "losa-03"
  "depas-pares-04"
  "disiponibilidad"  
  "depas-nones"
  "losa-non-01"
  "depas-nones-02"
  "losa-non-02"
  "depas-nones-03"
  "losa-non-03"
  "depas-nones-04"   
  "bottom";
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
/******************************************************/

.top{
  grid-area: top;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 763px;
  height: 80px;
}

.corte01{
  grid-area: corte01;
  margin: 0 auto;
  width: 763px;
  height: 80px;
}

.corte01 img{
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;  
}

/******************************************************/

.depas-pares{
  grid-area: depas-pares;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 238.9px 87.4px 32.4px 113.4px 3px 237.3px 50.22px;
  grid-template-areas: 
  "corte02   d-402-03   corte04  d-404-05   corte06  d-406-07   corte08";
}

.corte02{
  grid-area: corte02;
  margin: 0 auto;
  width: 238.9px;
  height: 46.9px;
}

.d-402-03{
  grid-area: d-402-03;  
  width: 87.4px;
  height: 46.9px; 
}

.corte04{
  grid-area: corte04;
  margin: 0 auto;
  width: 32.4px;
  height: 46.9px;
}

.d-404-05{
  grid-area: d-404-05;  
  width: 113.4px;
  height: 46.9px;  
}

.corte06{
  grid-area: corte06;
  margin: 0 auto;
  width: 3px;
  height: 46.9px;
}

.d-406-07{
  grid-area: d-406-07;  
  width: 237.3px;
  height: 46.9px;
}


.corte08{
  grid-area: corte08;
  margin: 0 auto;
  width: 50.22px;
  height: 46.9px;
}


/******************************************************/
.corte09{
  grid-area: losa-01;
  display: grid;
  margin: 0 auto;
  width: 763px;
  height: 3px;
}
/******************************************************/

.depas-pares-02{
  grid-area: depas-pares-02;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 238.9px 87.4px 32.4px 113.4px 3px 237.3px 50.22px;
  grid-template-areas: 
  "corte10   d-302-11   corte12  d-304-13   corte14  d-306-15   corte16";
}

.corte10{
  grid-area: corte10;
  margin: 0 auto;
  width: 238.9px;
  height: 46.1px;
}

.d-302-11{
  grid-area: d-302-11;
  width: 87.4px;
  height: 46.1px;
}

.corte12{
  grid-area: corte12;
  margin: 0 auto;
  width: 32.4px;
  height: 46.1px;
}

.d-304-13{
  grid-area: d-304-13;
  width: 113.4px;
  height: 46.1px;
}

.corte14{
  grid-area: corte14;
  margin: 0 auto;
  width: 3px;
  height: 46.1px;
}

.d-306-15{
  grid-area: d-306-15;
  width: 237.3px;
  height: 46.1px;
}

.corte16{
  grid-area: corte16;
  margin: 0 auto;
  width: 50.22px;
  height: 46.1px;
}


/******************************************************/
.corte17{
  grid-area: losa-02;
  display: grid;  
  margin: 0 auto;
  width: 763px;
  height: 3px;
}
/******************************************************/

.depas-pares-03{
  grid-area: depas-pares-03;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;  
  grid-template-columns: 238.9px 87.4px 32.4px 113.4px 3px 237.3px 50.22px;
  grid-template-areas: 
  "corte18   d-202-19   corte20  d-204-21   corte22  d-206-23   corte24";
}

.corte18{
  grid-area: corte18;
  margin: 0 auto;
  width: 238.9px;
  height: 46.9px;
}

.d-202-19{
  grid-area: d-202-19;  
  width: 87.4px;
  height: 46.9px;

}

.corte20{
  grid-area: corte20;
  margin: 0 auto;
  width: 32.4px;
  height: 46.9px;
}

.d-204-21{
  grid-area: d-204-21;
  width: 113.4px;
  height: 46.9px;
}

.corte22{
  grid-area: corte22;
  margin: 0 auto;
  width: 3px;
  height: 46.9px;
}

.d-206-23{
  grid-area: d-206-23;  
  width: 237.3px;
  height: 46.9px;
}

.corte24{
  grid-area: corte24;
  margin: 0 auto;
  width: 50.22px;
  height: 46.9px;
}


/******************************************************/

.corte25{
  grid-area: losa-03;
  display: grid;  
  margin: 0 auto;
  width: 763px;
  height: 3px;
}

/******************************************************/

.depas-pares-04{
  grid-area: depas-pares-04;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 238.9px 87.4px 32.4px 113.4px 3px 237.3px 50.22px;
  grid-template-areas: 
  "corte26   d-102-27   corte28  d-104-29   corte30  d-106-31   corte32";
}

.corte26{
  grid-area: corte26;
  margin: 0 auto;
  width: 238.9px;
  height: 46.9px;
}

.d-102-27{
  grid-area: d-102-27;
  width: 87.4px;
  height: 46.9px;
}

.corte28{
  grid-area: corte28;
  margin: 0 auto;
  width: 32.4px;
  height: 46.9px;
}

.d-104-29{
  grid-area: d-104-29;
  width: 113.4px;
  height: 46.9px;
}

.corte30{
  grid-area: corte30;
  margin: 0 auto;
  width: 3px;
  height: 46.9px;
}

.d-106-31{
  grid-area: d-106-31;
  width: 237.3px;
  height: 46.9px;
}

.corte32{
  grid-area: corte32;
  margin: 0 auto;
  width: 50.22px;
  height: 46.9px;
}


/******************************************************/

.disponibilidad{
  grid-area: disponibilidad;
  display:block;
  padding: 0;
  margin: 0 auto;
  width: 763px;  
  height: 179.8px;
}

.corte33{
  grid-area: corte33;
  margin: 0 auto;
  width: 763px;
  height: 179.8px;
}

/******************************************************/

.depas-nones{
  grid-area: depas-nones;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;  
  grid-template-columns: 236.5px 175.7px 4px 115px 54.2px 117.4px 59.9px;
  grid-template-areas: 
  "corte34   d-405-35   corte36  d-403-37   corte38  d-401-39   corte40";
}

.corte34{
  grid-area: corte34;
  margin: 0 auto;
  width: 236.5px;
  height: 44.5px;
}

.d-405-35{
  grid-area: d-405-35;
  width: 175.7px;
  height: 44.5px;
}

.corte36{
  grid-area: corte36;
  margin: 0 auto;
  width: 4px;
  height: 44.5px;
}

.d-403-37{
  grid-area: d-403-37;
  width: 115px;
  height: 44.5px;
}

.corte38{
  grid-area: corte38;
  margin: 0 auto;
  width: 54.2px;
  height: 44.5px;
}

.d-401-39{
  grid-area: d-401-39;
  width: 117.4px;
  height: 44.5px;
}

.corte40{
  grid-area: corte40;
  margin: 0 auto;
  width: 59.9px;
  height: 44.5px;
}


/******************************************************/
.corte41{
  grid-area: losa-non-01;
  display: grid;  
  margin: 0 auto;
  width: 763px;
  height: 3px;
}

/******************************************************/

.depas-nones-02{
  grid-area: depas-nones-02;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 236.5px 175.7px 4px 115px 54.2px 117.4px 59.9px;
  grid-template-areas: 
  "corte42   d-305-43   corte44  d-303-45   corte46  d-301-47   corte48";
}

.corte42{
  grid-area: corte42;
  margin: 0 auto;
  width: 236.5px;
  height: 44.5px;
}

.d-305-43{
  grid-area: d-305-43;
  width: 175.7px;
  height: 44.5px;
}

.corte44{
  grid-area: corte44;
  margin: 0 auto;
  width: 4px;
  height: 44.5px;
}

.d-303-45{
  grid-area: d-303-45;
  width: 115px;
  height: 44.5px;
}

.corte46{
  grid-area: corte46;
  margin: 0 auto;
  width: 54.2px;
  height: 44.5px;
}

.d-301-47{
  grid-area: d-301-47;
  width: 117.4px;
  height: 44.5px;
}

.corte48{
  grid-area: corte48;
  margin: 0 auto;
  width: 59.9px;
  height: 44.5px;
}


/******************************************************/
.corte49{
  grid-area: losa-non-02;
  display: grid;  
  margin: 0 auto;
  width: 763px;
  height: 4px;
}
/******************************************************/

.depas-nones-03{
  grid-area: depas-nones-03;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 236.5px 175.7px 4px 115px 54.2px 117.4px 59.9px;
  grid-template-areas: 
  "corte50   d-205-51   corte52  d-203-53   corte54  d-201-55   corte56" ;
}

.corte50{
  grid-area: corte50;
  margin: 0 auto;
  width: 236.5px;
  height: 44.5px;
}

.d-205-51{
  grid-area: d-205-51;
  width: 175.7px;
  height: 44.5px;
}

.corte52{
  grid-area: corte52;
  margin: 0 auto;
  width: 4px;
  height: 44.5px;
}

.d-203-53{
  grid-area: d-203-53;
  width: 115px;
  height: 44.5px;
}

.corte54{
  grid-area: corte54;
  margin: 0 auto;
  width: 54.2px;
  height: 44.5px;
}

.d-201-55{
  grid-area: d-201-55;
  width: 117.4px;
  height: 44.5px;
}

.corte56{
  grid-area: corte56;
  margin: 0 auto;
  width: 59.9px;
  height: 44.5px;
}

/******************************************************/
.corte57{
  grid-area: losa-non-03;
  display: grid;  
  margin: 0 auto;
  width: 763px;
  height: 2px;
}

/******************************************************/
.depas-nones-04{
  grid-area: depas-nones-04;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 236.5px 175.7px 4px 115px 54.2px 117.4px 59.9px;
  grid-template-areas: 
  "corte58   d-105-59   corte60  d-103-61   corte62  d-101-63   corte64";
}

.corte58{
  grid-area: corte58;
  margin: 0 auto;
  width: 236.5px;
  height: 45.3px;
}

.d-105-59{
  grid-area: d-105-59;
  width: 175.7px;
  height: 45.3px;
}

.corte60{
  grid-area: corte60;
  margin: 0 auto;
  width: 4px;
  height: 45.3px;
}

.d-103-61{
  grid-area: d-103-61;
  width: 115px;
  height: 45.3px;
}

.corte62{
  grid-area: corte62;
  margin: 0 auto;
  width: 54.2px;
  height: 45.3px;
}

.d-101-63{
  grid-area: d-101-63;
  width: 117.4px;
  height: 45.3px;
}

.corte64{
  grid-area: corte64;
  margin: 0 auto;
  width: 59.9px;
  height: 45.3px;
}

/******************************************************/

.bottom{
  grid-area: bottom;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 763px;
  height: 115px;
}

.corte65{
  grid-area: corte65;
  margin: 0 auto;
  width: 763px;
  height: 115px;
}

.corte65 img{
  width: 100%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;  
}


/******************************************************
    [ AVANCE DE OBRA]
*******************************************************/
#wowslider-container3 {
  grid-area: slider3;
  display: table;
  zoom: 1; 
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 10px;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

#contenedor-avance{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 770px;
  grid-template-areas:
  "depas      logo        slider3"
  "nav        nav         slider3"
  "avance     avance      slider3"
  "redes      redes       slider3"
  "ubicacion  ubicacion   slider3"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 0 10px 0 10px;
  max-width: 1600px;
}

.av-obra{
  background: none;
  grid-area: avance;
  text-align: left;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "h1"
  "av-obra";
  margin: 0 0 20px 0;
}

.obra li{
  font-family: "Oswald", sans-serif;
  text-align: left;
  padding: 10px 0 0 10px;
  font-size: 24px;
  line-height: 30px;
}

/******************************************************
    [ FORMULARIO]
*******************************************************/
#wowslider-container4 {
  grid-area: slider4;
  display: table;
  zoom: 1; 
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 10px;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

#contenedor-forma{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;
  font-family: "Oswald", sans-serif;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 770px;
  grid-template-areas:
  "depas      logo        slider4"
  "nav        nav         slider4"
  "forma     forma        slider4"
  "redes      redes       slider4"
  "ubicacion  ubicacion   slider4"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 0 10px 0 10px;
  max-width: 1600px;
}

.informes{
  background: none;
  grid-area: forma;
  text-align: left;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "h1"
  "informes";
  margin: 0 10px 0 10px;
}

.contform{
  grid-area: informes;
  background: white;
  width: 100%;
  margin: 0 auto;
}

.fa-whatsapp{
  font-size: 22px;
  color: limegreen;
  padding: 0;
  margin: 0 auto;
}

.contform p{
  font-size: 18px;
  padding: 0 0 0 10px;
}

.formulario{
  width: 85%;
  border-radius: 16px;
  padding: 6px;
}

.formulario p{
  font-size: 17px;
}

form{
  width: 95%;
}

input{
  border: solid 2px #05a1fb;
  border-radius: 10px;
  font-size: 14px;
  padding: 8px;
  width: 90%;
  margin: 6px 0 6px 0;
}

textarea{
  border: solid 2px #05a1fb;
  border-radius: 6px;
  font-size: 16px;
  padding: 8px;
  width: 90%;
}

.textosbut{
  border-radius: 15px;
  font-size: 17px;
  text-align: center;
  width: 26%;
  margin: 10px 40px 10px 40px;
  border: solid 2px white;
}

.textosbut:hover{
  margin: 10px 40px 10px 40px;
  border: solid 2px white;
}



/******************************************************
    [ FOOTER]
*******************************************************/

.pleca0{
  height: 3px;
  padding: 0 10px 0 10px;
  margin: 10px auto;
}

footer{
  margin: 0 0 10px 0;
  column-gap: 20px;
}

.atte {
  font-size: 22px;
  line-height: 25px;
}

.copy {
  margin:10px 0 0 0;
  font-size: 16px;
}

.direccion {
  margin: 10px 0 0 0;
  font-size: 16px;
}

.espejia img{
  width: 100%;
  max-width: 1500px;
}

.design {
  border-radius: 20px;
  font-size: 13px;
  line-height: 20px;
  margin: 10px 0 0 0;
}

.design a{
  font-size: 13px;
  line-height: 20px;
  padding: 0 10px 0 0;
}


}

/******************************************************
    [ MEDIA all 1360-1599 ]
*******************************************************/
@media all and (min-width: 1360px) and (max-width: 1599px) and (orientation:landscape)
{

main{
  grid-template-columns: 51.5% 1fr;
  grid-template-areas:
  "depasimg   slider"
  "desde      slider"
  "nav        slider"
  "apartalo   slider"
  "infon-fov  slider"
  "redes      slider"
  "ubicacion  slider"
  "pleca      pleca"
  "footer     footer";
  column-gap: 15px;
  padding: 0 10px 0 10px;
  max-width: 1360px;
}

.aparta{
  display: none;
  grid-area: aparta;
  width: 100%;
  text-align: right;
  padding: 0;
  margin: 0 auto;
}

.aparta img{
  width: 100%;
  max-width: 150px;
}

.apartalo{
  display: block;
  grid-area: apartalo;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 40px 0 53px 0;
}

.apartalo img{
  width: 100%;
  max-width: 500px;
}

.depasimg img{
  width: 100%;
  max-width: 260px;
  padding: 5px 0 0 0;
}

.logo{
  grid-area: logo;
  display: none;
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0 auto;  
}

.logo img{
  width: 100%;
  max-width: 170px;
}

.desde{
  padding: 5px 0 0 0;
  font-size: 18px;
  letter-spacing: -1px;
}

nav{
  border-radius: 10px;
  height: 55px;
  margin: 7px 0 7px 0;
}

.menu {
  justify-content: center;
  padding: 5px 0 5px 0;
  line-height: 15px;
}

.icon{
  width: 100px;
  height: 50px;
  margin: 0 20px 0 20px;
  padding: 0;
}

.icon-p a{
  background-size: 35px 29px;
  height: 55px;
  padding: 35px 0 0 0;
  font-size: 11px;
  line-height: 13px;  
}

.icon-p a:hover{
  background-size: 35px 29px;
  height: 55px;
  padding: 35px 0 0 0;
}

.icon-u a{
  background-size: 35px 29px;
  height: 55px;
  padding: 35px 0 0 0;
  font-size: 11px;
  line-height: 13px;  
}

.icon-u a:hover{
  background-size: 35px 29px;
  height: 55px;
  padding: 35px 0 0 0;
}

.icon-d a{
  background-size: 35px 29px;
  height: 55px;
  padding: 35px 0 0 0;
  font-size: 11px;
  line-height: 13px;  
}

.icon-d a:hover{
  background-size: 35px 29px;
  height: 55px;
  padding: 35px 0 0 0;
}

.icon-a a{
  background-size: 35px 29px;
  height: 55px;
  padding: 35px 0 0 0;
  font-size: 11px;
  line-height: 13px;  
}

.icon-a a:hover{
  background-size: 35px 29px;
  height: 55px;
  padding: 35px 0 0 0;
}

.icon-r a{
  background-size: 35px 29px;
  height: 55px;
  padding: 35px 0 0 0;
  font-size: 11px;
  line-height: 13px;  
}

.icon-r a:hover{
  background-size: 35px 29px;
  height: 55px;
  padding: 35px 0 0 0;
}

#wowslider-container1 {
  grid-area: slider;
  display: table;
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 0;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

.ws_images img{
  border-radius: 20px;
}

.redes {
  margin: 10px 0 15px 0;
}

.redes a{
  font-size: 20px;
  margin: 0 10px 0 10px;

}

.fa-brands{
  margin: 0 0 0 12px;
}

.direccion-ub {
  letter-spacing: .3px;
  height: 26px;
  font-size: 18px;
  line-height: 30px;  
  border-radius: 10px;  
}

/******************************************************
    [ PROYECTO ]
*******************************************************/
#contenedor-proyecto{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 630px;
  grid-template-areas:
  "depas      logo         slider2"
  "nav        nav         slider2"
  "proyecto   proyecto    slider2"
  "redes      redes       slider2"
  "ubicacion  ubicacion   slider2"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 0 10px 0 10px;
  max-width: 1360px;
}

.depas-int{
  background: none;
  grid-area: depas;
  width: 100%;
  text-align: left;
  align-self: center;
  margin: 0 auto;
  padding: 5px 0 0 10px;  
}

.depas-int img{
  width: 100%;
  max-width: 210px;
}

.logotipo{
  grid-area: logo;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  padding: 5px 10px 0 0;  
}

.logotipo img{
  width: 100%;
  max-width: 140px;
}

.proyecto{
  background: none;
  grid-area: proyecto;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "h1   h1"
  "cg   video";
  margin: 0 0 20px 0;
}

h1{
  background: none;
  display: block;
  grid-area: h1;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  font-size: 25px;
  line-height: 25px;
  margin: 0 0 0 0;
}

ul{
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 20px;
  padding: 5px 0 0 20px;
}

li{
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  line-height: 21px;
  padding: 0 0 0 20px;
}

.CG {
  grid-area: cg;
  font-family: "Oswald", sans-serif;
  text-align: left;
  line-height: 25px;
}

.RG {
  font-family: "Oswald", sans-serif;
  padding: 0 0 0 20px;
}

.video{
  grid-area: video;
  width: 100%;
  height: 240px;
  text-align: center;
  align-self: center;
  margin: 0 auto;
  padding: 0 0 0 0;
}

.video img{
  width: 100%;
  max-width: 280px;
}

/******************************************************
    [ UBICACION]
*******************************************************/

#contenedor-ubicacion{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 630px;
  grid-template-areas:
  "depas      logo        moctezuma"
  "nav        nav         moctezuma"
  "ubmapa     ubmapa      moctezuma"
  "redes      redes       moctezuma"
  "ubicacion  ubicacion   moctezuma"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 0 10px 0 10px;
  max-width: 1360px;
}

.ubicacion{
  background: none;
  grid-area: ubmapa;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "h1         h1"
  "textos-ub  textos-ub"
  "mapa       mapa";
  margin: 0 auto;
}

.textos-ub{
  grid-area: textos-ub;
  font-family: "Oswald", sans-serif;
  text-align: justify;
  font-size: 15px;
  line-height: 18px;
  padding: 0 10px 0 10px;
}

.textos-ub p{
  margin: 0 0 8.8px 0;
}

.ub-mapa{
  grid-area: mapa;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 0 0 4px 0;
}

.ub-mapa img{
  width: 100%;
  max-width: 320px;
  cursor: pointer;
  border-radius: 20px;  
}

.moctezuma{
  grid-area: moctezuma;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.moctezuma img{
  width: 100%;
  max-width: 942px;
  height: 626px;
  border-radius: 20px;
}


/******************************************************
    [ DEPARTAMENTOS]
*******************************************************/

#contenedor-departamentos{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: start;
  grid-template-columns: 1fr 1fr 630px;
  grid-template-areas:
  "depas      logo        cortes-depas"
  "nav        nav         cortes-depas"
  "depart     depart      cortes-depas"
  "redes      redes       cortes-depas"
  "ubicacion  ubicacion   cortes-depas"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 0 10px 0 10px;
  max-width: 1360px;
}

.departamentos{
  background: none;
  grid-area: depart;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "h1     h1"
  "click  click";
  margin: 0 0 13px 0;
}

.click{
  grid-area: click;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 10px 0 0 0;
}

.click img{
  width: 100%;
  max-width: 500px;
  border-radius: 20px;
}

.hazclick{display: none;}
.aparta{display: none;}
.departamentos-tablet{display: none;}
.cortes-depas-t{display: none;}

/******************************************************
    [ DEPARTAMENTO]
*******************************************************/
#contenedor-departamento{
  grid-template-columns: 1fr 1fr 630px;
  grid-template-areas:
  "depas24           aparta-01   n-depas"
  "nav               nav         n-depas"
  "h1depa            h1depa      n-depas"
  "cuentaconB        planos      n-depas"
  "descarga          parking     n-depas"
  "infon-fov         infon-fov   n-depas"    
  "redes             redes       n-depas"
  "ubicacion         ubicacion   n-depas"
  "pleca             pleca       pleca"
  "footer            footer      footer";
  column-gap: 20px;
  padding: 5px 10px 0 10px;
  max-width: 1360px;
}

.depas-tipo{
  grid-area: n-depas;
}

.depas-tipo img{
  max-width: 630px;
  border-radius: 20px;

}

.depas24{
  grid-area: depas24;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;  
}

.depas24 img{
  max-width: 180px;
}


.aparta-01 {
  margin: 0 0 0 225px;
  width: 120px;
}

.aparta-01 a{
  grid-area: aparta-01;
}

.aparta-01 img{
  max-width: 120px;
}


.h1depa{
  font-size: 25px;
  line-height: 25px;
  margin: 0 0 5px 0;
}


.caracteristicas{
  line-height: 22px;
  font-size: 27px;
}

.caracteristicasB{
  grid-area: cuentaconB;
  font-size: 16px;
  line-height: 23px;
  margin: 0 0 0 20px;
}

.caracteristicasC{
  line-height: 24px;
  font-size: 22px;
}

.plano-depas{
  grid-area: planos;
}

.plano-depas img{
  border-radius: 16px;
  max-width: 500px;
  margin: 0 0 0 0;
}

.estacionamiento{
  grid-area: parking;
  margin: 0 0 6px 0;
}

.estacionamiento img{
  border-radius: 16px;
  max-width: 230px;
}

.descarga{
  grid-area: descarga;
}

.descarga img{
  border-radius: 16px;
  max-width: 200px;
  margin: 0 0 0 20px;
}


.infonavit-fovissste{
  display: grid;
  justify-content: center;
  text-align: center;
  grid-area: infon-fov;
  margin: 0 auto;
}

.infonavit-fovissste img{
  max-width: 260px;
}
/******************************************************
    [ CORTE DEPARTAMENTOS]
*******************************************************/

.cortes-depas{
  background: black;
  grid-area: cortes-depas;
  align-self: start;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "top"
  "depas-pares"
  "losa-01"
  "depas-pares-02"
  "losa-02"
  "depas-pares-03" 
  "losa-03"
  "depas-pares-04"
  "disiponibilidad"  
  "depas-nones"
  "losa-non-01"
  "depas-nones-02"
  "losa-non-02"
  "depas-nones-03"
  "losa-non-03"
  "depas-nones-04"   
  "bottom";
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border-radius: 20px;

}
/******************************************************/

.top{
  grid-area: top;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 630px;
  height: 66.87px;
}

.corte01{
  grid-area: corte01;
  margin: 0 auto;
  width: 630px;
  height: 66.87px;  
}

.corte01 img{
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;  
}

/******************************************************/

.depas-pares{
  grid-area: depas-pares;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 197.2px 72.2px 26.7px 93.6px 2.6px 196px 41.4px;
  grid-template-areas: 
  "corte02   d-402-03   corte04  d-404-05   corte06  d-406-07   corte08"; 
}

.corte02{
  grid-area: corte02;
  margin: 0 auto;
  width: 197.2px;
  height: 38.7px;
}

.d-402-03{
  grid-area: d-402-03;  
  width: 72.2px;
  height: 38.7px; 
}

.corte04{
  grid-area: corte04;
  margin: 0 auto;
  width: 26.7px;
  height: 38.7px;
}

.d-404-05{
  grid-area: d-404-05;  
  width: 93.6px;
  height: 38.7px;  
}

.corte06{
  grid-area: corte06;
  margin: 0 auto;
  width: 2.6px;
  height: 38.7px;
}

.d-406-07{
  grid-area: d-406-07;  
  width: 196px;
  height: 38.7px;
}

.corte08{
  grid-area: corte08;
  margin: 0 auto;
  width: 41.4px;
  height: 38.7px;
}


/******************************************************/
.corte09{
  grid-area: losa-01;
  display: grid;
  margin: 0 auto;
  width: 630px;
  height: 2.6px;
}
/******************************************************/

.depas-pares-02{
  grid-area: depas-pares-02;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 197.2px 72.2px 26.7px 93.6px 2.6px 196px 41.4px;
  grid-template-areas: 
  "corte10   d-302-11   corte12  d-304-13   corte14  d-306-15   corte16";
}

.corte10{
  grid-area: corte10;
  margin: 0 auto;
  width: 197.2px;
  height: 38px;
}

.d-302-11{
  grid-area: d-302-11;
  width: 72.2px;
  height: 38px;
}

.corte12{
  grid-area: corte12;
  margin: 0 auto;
  width: 26.7px;
  height: 38px;
}

.d-304-13{
  grid-area: d-304-13;
  width: 93.6px;
  height: 38px;
}

.corte14{
  grid-area: corte14;
  margin: 0 auto;
  width: 2.6px;
  height: 38px;
}

.d-306-15{
  grid-area: d-306-15;
  margin: 0 auto;
  width: 196px;
  height: 38px;
}

.corte16{
  grid-area: corte16;
  margin: 0 auto;
  width: 41.4px;
  height: 38px;
}


/******************************************************/
.corte17{
  grid-area: losa-02;
  display: grid;  
  margin: 0 auto;
  width: 630px;
  height: 2.6px;
}
/******************************************************/

.depas-pares-03{
  grid-area: depas-pares-03;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;  
  grid-template-columns: 197.2px 72.2px 26.7px 93.6px 2.6px 196px 41.4px;
  grid-template-areas: 
  "corte18   d-202-19   corte20  d-204-21   corte22  d-206-23   corte24";
}

.corte18{
  grid-area: corte18;
  margin: 0 auto;
  width: 197.2px;
  height: 38.7px;
}

.d-202-19{
  grid-area: d-202-19;  
  width: 72.2px;
  height: 38.7px;
}

.corte20{
  grid-area: corte20;
  margin: 0 auto;
  width: 26.7px;
  height: 38.7px;
}

.d-204-21{
  grid-area: d-204-21;
  width: 93.6px;
  height: 38.7px;
}

.corte22{
  grid-area: corte22;
  margin: 0 auto;
  width: 2.6px;
  height: 38.7px;
}

.d-206-23{
  grid-area: d-206-23;  
  width: 196px;
  height: 38.7px;
}

.corte24{
  grid-area: corte24;
  margin: 0 auto;
  width: 41.4px;
  height: 38.7px;
}


/******************************************************/

.corte25{
  grid-area: losa-03;
  display: grid;  
  margin: 0 auto;
  width: 630px;
  height: 2.6px;
}

/******************************************************/

.depas-pares-04{
  grid-area: depas-pares-04;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 197.2px 72.2px 26.7px 93.6px 2.6px 196px 41.4px;
  grid-template-areas: 
  "corte26   d-102-27   corte28  d-104-29   corte30  d-106-31   corte32";
}

.corte26{
  grid-area: corte26;
  margin: 0 auto;
  width: 197.2px;
  height: 38.7px;
}

.d-102-27{
  grid-area: d-102-27;
  width: 72.2px;
  height: 38.7px;
}

.corte28{
  grid-area: corte28;
  margin: 0 auto;
  width: 26.7px;
  height: 38.7px;
}

.d-104-29{
  grid-area: d-104-29;
  width: 93.6px;
  height: 38.7px;
}

.corte30{
  grid-area: corte30;
  margin: 0 auto;
  width: 2.6px;
  height: 38px;
}

.d-106-31{
  grid-area: d-106-31;
  width: 196px;
  height: 38.7px;
}

.corte32{
  grid-area: corte32;
  margin: 0 auto;
  width: 41.4px;
  height: 38.7px;
}


/******************************************************/

.disponibilidad{
  grid-area: disponibilidad;
  display:block;
  padding: 0;
  margin: 0 auto;
  width: 630px;  
  height: 148.47px;
}

.corte33{
  grid-area: corte33;
  margin: 0 auto;
  width: 630px;
  height: 148.47px;
}

/******************************************************/

.depas-nones{
  grid-area: depas-nones;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;  
  grid-template-columns: 195.2px 145px 3.3px 95px 44.8px 97px 49.5px;
  grid-template-areas: 
  "corte34   d-405-35   corte36  d-403-37   corte38  d-401-39   corte40";
}

.corte34{
  grid-area: corte34;
  margin: 0 auto;
  width: 195.2px;
  height: 36.7px;
}

.d-405-35{
  grid-area: d-405-35;
  width: 145px;
  height: 36.7px;
}

.corte36{
  grid-area: corte36;
  margin: 0 auto;
  width: 3.3px;
  height: 36.7px;
}

.d-403-37{
  grid-area: d-403-37;
  width: 95px;
  height: 36.7px;
}

.corte38{
  grid-area: corte38;
  margin: 0 auto;
  width: 44.8px;
  height: 36.7px;
}

.d-401-39{
  grid-area: d-401-39;
  width: 97px;
  height: 36.7px;
}

.corte40{
  grid-area: corte40;
  margin: 0 auto;
  width: 49.5px;
  height: 36.7px;
}


/******************************************************/
.corte41{
  grid-area: losa-non-01;
  display: grid;  
  margin: 0 auto;
  width: 630px;
  height: 2.6px;
}

/******************************************************/

.depas-nones-02{
  grid-area: depas-nones-02;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 195.2px 145px 3.3px 95px 44.8px 97px 49.5px;
  grid-template-areas: 
  "corte42   d-305-43   corte44  d-303-45   corte46  d-301-47   corte48";
}

.corte42{
  grid-area: corte42;
  margin: 0 auto;
  width: 195.2px;
  height: 36.7px;
}

.d-305-43{
  grid-area: d-305-43;
  width: 145px;
  height: 36.7px;
}

.corte44{
  grid-area: corte44;
  margin: 0 auto;
  width: 3.3px;
  height: 36.7px;
}

.d-303-45{
  grid-area: d-303-45;
  width: 95px;
  height: 36.7px;
}

.corte46{
  grid-area: corte46;
  margin: 0 auto;
  width: 44.8px;
  height: 36.7px;
}

.d-301-47{
  grid-area: d-301-47;
  width: 97px;
  height: 36.7px;
}

.corte48{
  grid-area: corte48;
  margin: 0 auto;
  width: 49.5px;
  height: 36.7px;
}


/******************************************************/
.corte49{
  grid-area: losa-non-02;
  display: grid;  
  margin: 0 auto;
  width: 630px;
  height: 3px;
}
/******************************************************/

.depas-nones-03{
  grid-area: depas-nones-03;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 195.2px 145px 3.3px 95px 44.8px 97px 49.5px;
  grid-template-areas: 
  "corte50   d-205-51   corte52  d-203-53   corte54  d-201-55   corte56" ;
}

.corte50{
  grid-area: corte50;
  margin: 0 auto;
  width: 195.2px;
  height: 36.7px;
}

.d-205-51{
  grid-area: d-205-51;
  width: 145px;
  height: 36.7px;
}

.corte52{
  grid-area: corte52;
  margin: 0 auto;
  width: 3.3px;
  height: 36.7px;
}

.d-203-53{
  grid-area: d-203-53;
  width: 95px;
  height: 36.7px;
}

.corte54{
  grid-area: corte54;
  margin: 0 auto;
  width: 44.8px;
  height: 36.7px;
}

.d-201-55{
  grid-area: d-201-55;
  width: 97px;
  height: 36.7px;
}

.corte56{
  grid-area: corte56;
  margin: 0 auto;
  width: 49.5px;
  height: 36.7px;
}

/******************************************************/
.corte57{
  grid-area: losa-non-03;
  display: grid;  
  margin: 0 auto;
  width: 630px;
  height: 2px;
}

/******************************************************/
.depas-nones-04{
  grid-area: depas-nones-04;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  display: grid;
  grid-template-columns: 195.2px 145px 3.3px 95px 44.8px 97px 49.5px;
  grid-template-areas: 
  "corte58   d-105-59   corte60  d-103-61   corte62  d-101-63   corte64";
}

.corte58{
  grid-area: corte58;
  margin: 0 auto;
  width: 195.2px;
  height: 37.4px;
}

.d-105-59{
  grid-area: d-105-59;
  width: 145px;
  height: 37.4px;
}

.corte60{
  grid-area: corte60;
  margin: 0 auto;
  width: 3.3px;
  height: 37.4px;
}

.d-103-61{
  grid-area: d-103-61;
  width: 95px;
  height: 37.4px;
}

.corte62{
  grid-area: corte62;
  margin: 0 auto;
  width: 44.8px;
  height: 37.4px;
}

.d-101-63{
  grid-area: d-101-63;
  width: 97px;
  height: 37.4px;
}

.corte64{
  grid-area: corte64;
  margin: 0 auto;
  width: 49.5px;
  height: 37.4px;
}

/******************************************************/

.bottom{
  grid-area: bottom;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 630px;
  height: 95px;
}

.corte65{
  grid-area: corte65;
  margin: 0 auto;
  width: 630px;
  height: 95px;
}

.corte65 img{
  width: 100%;
}



/******************************************************
    [ AVANCE DE OBRA]
*******************************************************/
#wowslider-container3 {
  grid-area: slider3;
  display: table;
  zoom: 1; 
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 10px;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

#contenedor-avance{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 630px;
  grid-template-areas:
  "depas      logo        slider3"
  "nav        nav         slider3"
  "avance     avance      slider3"
  "redes      redes       slider3"
  "ubicacion  ubicacion   slider3"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 0 10px 0 10px;
  max-width: 1360px;
}

.av-obra{
  background: none;
  grid-area: avance;
  text-align: left;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "h1"
  "av-obra";
  margin: 0 0 0 0;
}

.obra li{
  font-family: "Oswald", sans-serif;
  text-align: left;
  padding: 10px 0 0 10px;
  font-size: 22px;
  line-height: 26px;
}

/******************************************************
    [ FORMULARIO]
*******************************************************/
#wowslider-container4 {
  grid-area: slider4;
  display: table;
  zoom: 1; 
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 10px;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

#contenedor-forma{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;
  font-family: "Oswald", sans-serif;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 630px;
  grid-template-areas:
  "depas      logo        slider4"
  "nav        nav         slider4"
  "forma     forma        slider4"
  "redes      redes       slider4"
  "ubicacion  ubicacion   slider4"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  column-gap: 20px;
  padding: 0 10px 0 10px;
  max-width: 1360px;
}

.informes{
  background: none;
  grid-area: forma;
  text-align: left;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "h1"
  "informes";
  margin: 0 10px 0 10px;
}

.contform{
  grid-area: informes;
  background: white;
  width: 100%;
  padding: 0;
  margin: 0 0 2px 0;
}

.fa-whatsapp{
  font-size: 21px;
  color: limegreen;
  padding: 3px 0 0 0;
  margin: 0 auto;
}

.contform p{
  font-size: 16px;
  padding: 0 0 0 10px;
}

.formulario{
  text-align: center;
  width: 85%;
  border-radius: 16px;
  padding: 4px;
}

.formulario p{
  font-size: 15px;
}

form{
  width: 95%;
}

input{
  border: solid 2px #05a1fb;
  border-radius: 10px;
  font-size: 13px;
  padding: 5px;
  width: 90%;
  margin: 3px 0 3px 0;
}

textarea{
  border: solid 2px #05a1fb;
  border-radius: 6px;
  font-size: 14px;
  padding: 5px;
  width: 90%;
}

.textosbut{
  border-radius: 15px;
  font-size: 15px;
  text-align: center;
  width: 23%;
  margin: 6px 30px 6px 30px;
  border: solid 2px white;
}

.textosbut:hover{
  margin: 6px 30px 6px 30px;
  border: solid 2px white;
}



/******************************************************
    [ FOOTER]
*******************************************************/

.pleca0{
  height: 2px;
  padding: 0 10px 0 10px;
  margin: 10px auto;
}

footer{
  grid-template-columns: 51.5% 1fr;  
  margin: 0 0 5px 0;
  column-gap: 15px;
}

.atte {
  font-size: 19px;
  line-height: 29px;
}

.copy {
  margin:10px 0 0 0;
  font-size: 15px;
}

.direccion {
  margin: 10px 0 0 0;
  font-size: 15px;
}

.espejia img{
  width: 100%;
  max-width: 1500px;
}

.design {
  border-radius: 5px;
  font-size: 11px;
  line-height: 15px;
  margin: 10px 0 0 0;
}

.design a{
  font-size: 11px;
  line-height: 15px;
  padding: 0 10px 0 0;
}


}


/******************************************************
          MOOD TABLETS
    [ MEDIA all 750-1359 ]
*******************************************************/
@media all and (min-width: 750px) and (max-width: 1359px)
{

.contenedor-cel{display: none !important;}

.break {display: none;}

  b {
  font-weight: 600;
}

  iframe{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

  .blue{
    color: #12243b;
}

  .fa-solid{
    color: #05a1fb;
}

  .fa-square-facebook{
    color: navy;
}

  .fa-square-instagram{
   background: -webkit-linear-gradient(rgb(238, 42, 123), rgb(0, 42, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ee2a7b;
}

  .fa-linkedin{
    color: blue;
}

  .fa-square-youtube{
    color: red;
}

  .fa-square-whatsapp{
    color: limegreen;
}

  .mx{
    color: #f417a8;
}

main{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-areas:
  "logo       depasimg    aparta"
  "desde      desde       desde"
  "nav        nav         nav"
  "slider     slider      slider"
  "infon-fov  infon-fov   infon-fov"
  "redes      redes       redes"
  "ubicacion  ubicacion   ubicacion"
  "pleca      pleca       pleca"
  "footer     footer      footer";
  padding: 5px 10px 0 10px;
  max-width: 750px;
}


.aparta{
  display: grid !important;
  grid-area: aparta;
  width: 100%;
  text-align: right;
  padding: 0;
  margin: 0 auto;
}

.aparta img{
  width: 100%;
  max-width: 150px;
}

.depasimg{
  background: none;
  grid-area: depasimg;
  width: 100%;
  text-align: center;
  align-self: center;
  margin: 0 0 0 20px;
  padding: 0;  
}

.depasimg img{
  width: 100%;
  max-width: 240px;
}

.logo{
  grid-area: logo;
  display: grid;
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0 auto;  
}

.logo img{
  width: 100%;
  max-width: 170px;
}

.desde{
  font-family: 'futura_md_btmedium', sans-serif;
  grid-area: desde;
  font-weight: bold;
  color: #093898;
  text-align: center;
  line-height: auto;
  padding: 10px 0 0 0;
  width: 100%;  
  font-size: 26px;
  letter-spacing: -1px;
}

nav{
  grid-area: nav;
  background: #12243b;
  padding: 0;
  display: block;
  width: 100%;
  margin: 10px 0 10px 0;
  padding: 0;
  border-radius: 20px;
  height: 70px;  
}

.menu {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  width: 100%;
  font-family: "Oswald", sans-serif;
  color: white;
  text-align: center;
  font-weight: 200;
  padding: 10px;
  line-height: 16px;
}

.icon{
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  width: 150px;
  height: 60px;
  margin: 0 auto;
}

.icon-p a{
  color: white;
  text-align: center;
  background-image: url("../images/icon-proyecto.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
  font-size: 12.5px;
}

.icon-p a:hover{
  text-align: center;
  color:#05a1fb;
  background-image: url("../images/icon-proyecto-on.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
}

.icon-u a{
  color: white;
  text-align: center;
  background-image: url("../images/icon-ubicacion.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
  font-size: 12.5px;
}

.icon-u a:hover{
  text-align: center;
  color:#05a1fb;
  background-image: url("../images/icon-ubicacion-on.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
}

.icon-d a{
  color: white;
  text-align: center;
  background-image: url("../images/icon-depto-tipo.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
  font-size: 12.5px;
}

.icon-d a:hover{
  text-align: center;
  color:#05a1fb;
  background-image: url("../images/icon-depto-tipo-on.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
}

.icon-a a{
  color: white;
  text-align: center;
  background-image: url("../images/icon-av-obra.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
  font-size: 12.5px;
}

.icon-a a:hover{
  text-align: center;
  color:#05a1fb;
  background-image: url("../images/icon-av-obra-on.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
}

.icon-r a{
  color: #ff4dc2;
  text-align: center;
  background-image: url("../images/icon-informes.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
  font-size: 12.5px;
}

.icon-r a:hover{
  color: #ff4dc2;
  text-align: center;
  background-image: url("../images/icon-informes-on.gif");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 40px 34px;
  height: 68px;
  padding: 35px 0 0 0;
}

.apartalo{
  display: none;
}

#wowslider-container1 {
  grid-area: slider;
  display: table;
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 0;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

.ws_images img{
  border-radius: 20px;
}

.redes {
  grid-area: redes;
  display: inline-block;
  text-align: center;
  margin: 10px 0 15px 0;
}

.redes a{
  color:blue;
  font-size: 26px;
  margin: 0 12px 0 12px;

}

.fa-brands{
  margin: 0 0 0 12px;
}

.direccion-ub {
  grid-area: ubicacion;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+9,001c4c+18,011732+28,000000+50,011732+77,001c4c+88,000000+96 */
  background: #12243b;
  font-family: 'geosanslightregular', sans-serif;
  color:white;
  text-align: center;
  width: 100%;
  z-index:5;
  height: 25px;
  font-size: 20px;
  line-height: 25px;
  border-radius: 10px;  
}

/******************************************************
    [ PROYECTO ]
*******************************************************/
#wowslider-container2 {
  display: none;
}

#wowslider-container6 {
  grid-area: slider6;
  display: table;
  zoom: 1; 
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 10px;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}


#contenedor-proyecto{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
  "depas      logo"
  "nav        nav"
  "proyecto-t   proyecto-t"
  "redes      redes"
  "ubicacion  ubicacion"
  "pleca      pleca"
  "footer     footer";
  column-gap: 0;
  padding: 5px 10px 0 10px;
  max-width: 750px;
}

.depas-int{
  background: none;
  grid-area: depas;
  width: 100%;
  text-align: left;
  align-self: center;
  margin: 0 auto;
  padding: 0 0 0 10px;  
}

.depas-int img{
  width: 100%;
  max-width: 240px;
}

.logotipo{
  grid-area: logo;
  display: block;
  width: 100%;
  margin: 0 auto;
  text-align: right;
  padding: 0 10px 0 0;  
}

.logotipo img{
  width: 100%;
  max-width: 170px;
}

.proyecto{
  background: none;
  grid-area: proyecto;
  width: 100%;
  display: none;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "h1"
  "cg"
  "video";
  margin: 10px 0 10px 0;
}

.proyecto-tableta{
  background: none;
  grid-area: proyecto-t;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "h1           h1"
  "slider6      slider6"
  "cg           video";
  margin: 0 0 10px 0;
}

h1{
  background: none;
  display: block;
  grid-area: h1;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
  margin: 0 auto;
}

ul{
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 24px;
  padding: 5px 0 0 0;
}

li{
  font-family: "Oswald", sans-serif;
  font-size: 20px;
  line-height: 26px;
  padding: 0 0 0 10px;
}

.CG {
  grid-area: cg;
  font-family: "Oswald", sans-serif;
  text-align: left;
  line-height: 28px;
}

.RG {
  font-family: "Oswald", sans-serif;
  padding: 0 0 0 20px;
}

.video{
  grid-area: video;
  width: 100%;
  height: 320px;
  text-align: right;
  align-self: center;
  margin: 0 auto;
  padding: 10px 0 0 0;
}

.video img{
  width: 100%;
  max-width: 340px;
}

/******************************************************
    [ UBICACION]
*******************************************************/

#contenedor-ubicacion{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
  "depas      logo"
  "nav        nav"
  "ubmapa-t   ubmapa-t"
  "redes      redes"
  "ubicacion  ubicacion"
  "pleca      pleca"
  "footer     footer";
  column-gap: 20px;
  padding: 0 10px 0 10px;
  max-width: 750px;
}

.ubicacion{
  display:none;
  background: none;
  grid-area: ubmapa;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "h1         h1"
  "textos-ub  textos-ub"
  "mapa       mapa";
  margin: 10px 0 0 0;
}

.ubicacion-tableta{
  background: none;
  grid-area: ubmapa-t;
  width: 100%;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.textos-ub-t{
  grid-area: textos-ub-t;
  font-family: "Oswald", sans-serif;
  text-align: justify;
  font-size: 17.3px;
  line-height: 21px;
  padding: 10px 10px 0 10px;
}

.textos-ub-t p{
  margin: 0 0 12px 0;
}

.ub-mapa-t{
  grid-area: mapa-t;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 10px 0 10px 0;
}

.ub-mapa-t img{
  width: 100%;
  max-width: 500px;
  cursor: pointer;
  border-radius: 20px;  
}

.moctezuma-t{
  grid-area: moctezuma-t;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.moctezuma-t img{
  width: 100%;
  max-width: 750px;
  border-radius: 20px;
}

.moctezuma{display: none;}
.ub-mapa{display: none;}
.textos-ub{display: none;}


/******************************************************
    [ DEPARTAMENTOS]
*******************************************************/

#contenedor-departamentos{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center;
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
  "depas      logo"
  "nav        nav"
  "depatablet depatablet"
  "redes      redes"
  "ubicacion  ubicacion"
  "pleca      pleca"
  "footer     footer";
  column-gap: 0;
  padding: 0 10px 0 10px;
  max-width: 750px;
}

.departamentos{
  display: none;
}

.click{
  display: none;
}

.cortes-depas{
  display: none;
}

/******************************************************
    [ DEPARTAMENTO]
*******************************************************/
#contenedor-departamento{
  display: grid;
  grid-template-columns: 1fr 55%;
  grid-template-areas:
  "depas24        aparta-01"
  "nav            nav"
  "h1depa         h1depa"
  "cuentaconB     n-depas"
  "cuentaconB     n-depas"  
  "descarga        planos"
  "parking        parking"
  "infon-fov      infon-fov"    
  "redes          redes"
  "ubicacion      ubicacion"
  "pleca          pleca"
  "footer         footer";
  column-gap: 5px;
  padding: 5px 10px 0 10px;
  max-width: 750px;
}

.depas-tipo{
  grid-area: n-depas;
  align-self: start;
  margin: 0 0 15px 0;
}

.depas-tipo img{
  max-width: 630px;
  border-radius: 20px;

}

.depas24{
  grid-area: depas24;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;  
}

.depas24 img{
  max-width: 180px;
}


.aparta-01 {
  margin: 0 0 0 265px;
  width: 120px;
}

.aparta-01 a{
  grid-area: aparta-01;
}

.aparta-01 img{
  max-width: 120px;
}


.h1depa{
  font-size: 25px;
  line-height: 25px;
  margin: 0 0 5px 0;
}


.caracteristicas{
  line-height: 22px;
  font-size: 27px;
}

.caracteristicasB{
  grid-area: cuentaconB;
  align-self: center;
  font-size: 20px;
  line-height: 34px;
  margin: 0 0 0 10px;
}

.caracteristicasC{
  line-height: 24px;
  font-size: 22px;
}

.plano-depas{
  grid-area: planos;
}

.plano-depas img{
  border-radius: 12px;
  max-width: 500px;
}

.estacionamiento{
  grid-area: parking;
  text-align: center;
  justify-items: center;
  margin: 10px 0 0 0;
}

.estacionamiento img{
  border-radius: 12px;
  max-width: 450px;
}

.descarga{
  grid-area: descarga;
  text-align: left;
  justify-items: start;
  align-self: end;
}

.descarga img{
  border-radius: 12px;
  max-width: 300px;
  margin: 0;
}


.infonavit-fovissste{
  display: grid;
  justify-content: center;
  text-align: center;
  grid-area: infon-fov;
  margin: 15px auto;
}

.infonavit-fovissste img{
  max-width: 380px;
}


/******************************************************
    [ CORTES DEPA]
*******************************************************/

.h1{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  font-size: 30px;
  line-height: 30px;
  padding: 0 0 15px 0;
  margin: 0 auto;
}

.departamentos-tablet{
  background: black;
  grid-area: depatablet;
  align-self: start;
  justify-content: center;
  text-align: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "h1"
  "top"
  "depas-pares"
  "losa-01"
  "depas-pares-02"
  "losa-02"
  "depas-pares-03" 
  "losa-03"
  "depas-pares-04"
  "disiponibilidad"  
  "depas-nones"
  "losa-non-01"
  "depas-nones-02"
  "losa-non-02"
  "depas-nones-03"
  "losa-non-03"
  "depas-nones-04"   
  "bottom";
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border-radius: 20px;
  max-width: 630px;
}
/******************************************************/

.top{
  grid-area: top;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 630px;
  height: 66.87px;
}

.corte01{
  grid-area: corte01;
  margin: 0 auto;
  width: 630px;
  height: 66.87px;  
}

.corte01 img{
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;  
}

/******************************************************/

.depas-pares{
  grid-area: depas-pares;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  text-align: center;
  display: grid;
  grid-template-columns: 197.2px 72.2px 26.7px 93.6px 2.6px 196px 41.4px;
  grid-template-areas: 
  "corte02   d-402-03   corte04  d-404-05   corte06  d-406-07   corte08"; 
}

.corte02{
  grid-area: corte02;
  margin: 0 auto;
  width: 197.2px;
  height: 38.7px;
}

.d-402-03{
  grid-area: d-402-03;  
  width: 72.2px;
  height: 38.7px; 
}

.corte04{
  grid-area: corte04;
  margin: 0 auto;
  width: 26.7px;
  height: 38.7px;
}

.d-404-05{
  grid-area: d-404-05;  
  width: 93.6px;
  height: 38.7px;  
}

.corte06{
  grid-area: corte06;
  margin: 0 auto;
  width: 2.6px;
  height: 38.7px;
}

.d-406-07{
  grid-area: d-406-07;  
  width: 196px;
  height: 38.7px;
}

.corte08{
  grid-area: corte08;
  margin: 0 auto;
  width: 41.4px;
  height: 38.7px;
}


/******************************************************/
.corte09{
  grid-area: losa-01;
  display: grid;
  margin: 0 auto;
  width: 630px;
  height: 2.6px;
}
/******************************************************/

.depas-pares-02{
  grid-area: depas-pares-02;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  text-align: center;  
  display: grid;
  grid-template-columns: 197.2px 72.2px 26.7px 93.6px 2.6px 196px 41.4px;
  grid-template-areas: 
  "corte10   d-302-11   corte12  d-304-13   corte14  d-306-15   corte16";
}

.corte10{
  grid-area: corte10;
  margin: 0 auto;
  width: 197.2px;
  height: 38px;
}

.d-302-11{
  grid-area: d-302-11;
  width: 72.2px;
  height: 38px;
}

.corte12{
  grid-area: corte12;
  margin: 0 auto;
  width: 26.7px;
  height: 38px;
}

.d-304-13{
  grid-area: d-304-13;
  width: 93.6px;
  height: 38px;
}

.corte14{
  grid-area: corte14;
  margin: 0 auto;
  width: 2.6px;
  height: 38px;
}

.d-306-15{
  grid-area: d-306-15;
  width: 196px;
  height: 38px;
}

.corte16{
  grid-area: corte16;
  margin: 0 auto;
  width: 41.4px;
  height: 38px;
}


/******************************************************/
.corte17{
  grid-area: losa-02;
  display: grid;  
  margin: 0 auto;
  width: 630px;
  height: 2.6px;
}
/******************************************************/

.depas-pares-03{
  grid-area: depas-pares-03;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  text-align: center;  
  display: grid;  
  grid-template-columns: 197.2px 72.2px 26.7px 93.6px 2.6px 196px 41.4px;
  grid-template-areas: 
  "corte18   d-202-19   corte20  d-204-21   corte22  d-206-23   corte24";
}

.corte18{
  grid-area: corte18;
  margin: 0 auto;
  width: 197.2px;
  height: 38.7px;
}

.d-202-19{
  grid-area: d-202-19;  
  width: 72.2px;
  height: 38.7px;

}

.corte20{
  grid-area: corte20;
  margin: 0 auto;
  width: 26.7px;
  height: 38.7px;
}

.d-204-21{
  grid-area: d-204-21;
  width: 93.6px;
  height: 38.7px;
}

.corte22{
  grid-area: corte22;
  margin: 0 auto;
  width: 2.6px;
  height: 38.7px;
}

.d-206-23{
  grid-area: d-206-23;  
  width: 196px;
  height: 38.7px;
}

.corte24{
  grid-area: corte24;
  margin: 0 auto;
  width: 41.4px;
  height: 38.7px;
}


/******************************************************/

.corte25{
  grid-area: losa-03;
  display: grid;  
  margin: 0 auto;
  width: 630px;
  height: 2.6px;
}

/******************************************************/

.depas-pares-04{
  grid-area: depas-pares-04;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  text-align: center;  
  display: grid;
  grid-template-columns: 197.2px 72.2px 26.7px 93.6px 2.6px 196px 41.4px;
  grid-template-areas: 
  "corte26   d-102-27   corte28  d-104-29   corte30  d-106-31   corte32";
}

.corte26{
  grid-area: corte26;
  margin: 0 auto;
  width: 197.2px;
  height: 38.7px;
}

.d-102-27{
  grid-area: d-102-27;
  width: 72.2px;
  height: 38.7px;
}

.corte28{
  grid-area: corte28;
  margin: 0 auto;
  width: 26.7px;
  height: 38.7px;
}

.d-104-29{
  grid-area: d-104-29;
  width: 93.6px;
  height: 38.7px;
}

.corte30{
  grid-area: corte30;
  margin: 0 auto;
  width: 2.6px;
  height: 38px;
}

.d-106-31{
  grid-area: d-106-31;
  width: 196px;
  height: 38.7px;
}

.corte32{
  grid-area: corte32;
  margin: 0 auto;
  width: 41.4px;
  height: 38.7px;
}


/******************************************************/

.disponibilidad{
  grid-area: disponibilidad;
  display:block;
  padding: 0;
  margin: 0 auto;
  width: 630px;  
  height: 148.47px;
}

.corte33{
  grid-area: corte33;
  margin: 0 auto;
  width: 630px;
  height: 148.47px;
}

/******************************************************/

.depas-nones{
  grid-area: depas-nones;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  text-align: center;  
  display: grid;  
  grid-template-columns: 195.2px 145px 3.3px 95px 44.8px 97px 49.5px;
  grid-template-areas: 
  "corte34   d-405-35   corte36  d-403-37   corte38  d-401-39   corte40";
}

.corte34{
  grid-area: corte34;
  margin: 0 auto;
  width: 195.2px;
  height: 36.7px;
}

.d-405-35{
  grid-area: d-405-35;
  width: 145px;
  height: 36.7px;
}

.corte36{
  grid-area: corte36;
  margin: 0 auto;
  width: 3.3px;
  height: 36.7px;
}

.d-403-37{
  grid-area: d-403-37;
  width: 95px;
  height: 36.7px;
}

.corte38{
  grid-area: corte38;
  margin: 0 auto;
  width: 44.8px;
  height: 36.7px;
}

.d-401-39{
  grid-area: d-401-39;
  width: 97px;
  height: 36.7px;
}

.corte40{
  grid-area: corte40;
  margin: 0 auto;
  width: 49.5px;
  height: 36.7px;
}


/******************************************************/
.corte41{
  grid-area: losa-non-01;
  display: grid;  
  margin: 0 auto;
  width: 630px;
  height: 2.6px;
}

/******************************************************/

.depas-nones-02{
  grid-area: depas-nones-02;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  text-align: center;  
  display: grid;
  grid-template-columns: 195.2px 145px 3.3px 95px 44.8px 97px 49.5px;
  grid-template-areas: 
  "corte42   d-305-43   corte44  d-303-45   corte46  d-301-47   corte48";
}

.corte42{
  grid-area: corte42;
  margin: 0 auto;
  width: 195.2px;
  height: 36.7px;
}

.d-305-43{
  grid-area: d-305-43;
  width: 145px;
  height: 36.7px;
}

.corte44{
  grid-area: corte44;
  margin: 0 auto;
  width: 3.3px;
  height: 36.7px;
}

.d-303-45{
  grid-area: d-303-45;
  width: 95px;
  height: 36.7px;
}

.corte46{
  grid-area: corte46;
  margin: 0 auto;
  width: 44.8px;
  height: 36.7px;
}

.d-301-47{
  grid-area: d-301-47;
  width: 97px;
  height: 36.7px;
}

.corte48{
  grid-area: corte48;
  margin: 0 auto;
  width: 49.5px;
  height: 36.7px;
}


/******************************************************/
.corte49{
  grid-area: losa-non-02;
  display: grid;  
  margin: 0 auto;
  width: 630px;
  height: 3px;
}
/******************************************************/

.depas-nones-03{
  grid-area: depas-nones-03;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  text-align: center;  
  display: grid;
  grid-template-columns: 195.2px 145px 3.3px 95px 44.8px 97px 49.5px;
  grid-template-areas: 
  "corte50   d-205-51   corte52  d-203-53   corte54  d-201-55   corte56" ;
}

.corte50{
  grid-area: corte50;
  margin: 0 auto;
  width: 195.2px;
  height: 36.7px;
}

.d-205-51{
  grid-area: d-205-51;
  width: 145px;
  height: 36.7px;
}

.corte52{
  grid-area: corte52;
  margin: 0 auto;
  width: 3.3px;
  height: 36.7px;
}

.d-203-53{
  grid-area: d-203-53;
  width: 95px;
  height: 36.7px;
}

.corte54{
  grid-area: corte54;
  margin: 0 auto;
  width: 44.8px;
  height: 36.7px;
}

.d-201-55{
  grid-area: d-201-55;
  width: 97px;
  height: 36.7px;
}

.corte56{
  grid-area: corte56;
  margin: 0 auto;
  width: 49.5px;
  height: 36.7px;
}

/******************************************************/
.corte57{
  grid-area: losa-non-03;
  display: grid;  
  margin: 0 auto;
  width: 630px;
  height: 2px;
}

/******************************************************/
.depas-nones-04{
  grid-area: depas-nones-04;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  text-align: center;  
  display: grid;
  grid-template-columns: 195.2px 145px 3.3px 95px 44.8px 97px 49.5px;
  grid-template-areas: 
  "corte58   d-105-59   corte60  d-103-61   corte62  d-101-63   corte64";
}

.corte58{
  grid-area: corte58;
  margin: 0 auto;
  width: 195.2px;
  height: 37.4px;
}

.d-105-59{
  grid-area: d-105-59;
  width: 145px;
  height: 37.4px;
}

.corte60{
  grid-area: corte60;
  margin: 0 auto;
  width: 3.3px;
  height: 37.4px;
}

.d-103-61{
  grid-area: d-103-61;
  width: 95px;
  height: 37.4px;
}

.corte62{
  grid-area: corte62;
  margin: 0 auto;
  width: 44.8px;
  height: 37.4px;
}

.d-101-63{
  grid-area: d-101-63;
  width: 97px;
  height: 37.4px;
}

.corte64{
  grid-area: corte64;
  margin: 0 auto;
  width: 49.5px;
  height: 37.4px;
}

/******************************************************/

.bottom{
  grid-area: bottom;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 630px;
  height: 95px;
}

.corte65{
  grid-area: corte65;
  margin: 0 auto;
  width: 630px;
  height: 95px;
}

.corte65 img{
  width: 100%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;  
}


/******************************************************
    [ AVANCE DE OBRA]
*******************************************************/
#wowslider-container3 {
  grid-area: slider3;
  display: table;
  zoom: 1; 
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 10px;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

#contenedor-avance{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
  "depas      logo"
  "nav        nav"
  "avance     avance"
  "slider3     slider3"
  "redes      redes"
  "ubicacion  ubicacion"
  "pleca      pleca"
  "footer     footer";
  column-gap: 0;
  padding: 0 10px 0 10px;
  max-width: 750px;
}

.av-obra{
  background: none;
  grid-area: avance;
  text-align: left;
  width: 100%;
  display: block;
  margin: 0 auto;
}

.obra li{
  display: inline-block;
}

.obra li{
  font-family: "Oswald", sans-serif;
  text-align: left;
  padding: 0 0 0 0;
  font-size: 22px;
  line-height: 26px;
}


.mkt-obra {
  display: none;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.mkt-obra img{
  width: 100%;
  max-width: 360px;
  margin: 0 auto;
  padding: 0;
}
/******************************************************
    [ FORMULARIO]
*******************************************************/
#wowslider-container4 {
  grid-area: slider4;
  display: none;
  zoom: 1; 
  position: relative;
  width: 100%;
  max-width: 942px;
  max-height:940px;
  margin:0px auto 0px;
  z-index:90;
  text-align:left; /* reset align=center */
  font-size: 10px;
  text-shadow: none; /* fix some user styles */

  /* reset box-sizing (to boostrap friendly) */
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; 
}

#contenedor-forma{
  background: none;
  display: grid;
  width: 100%;
  margin: 0 auto;
  font-family: "Oswald", sans-serif;  
  align-content: start;
  justify-content: center; 
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
  "depas      logo"
  "nav        nav"
  "forma      forma"
  "redes      redes"
  "ubicacion  ubicacion"
  "pleca      pleca"
  "footer     footer";
  column-gap: 0px;
  padding: 0 10px 0 10px;
  max-width: 750px;
}

.informes{
  background: none;
  grid-area: forma;
  text-align: left;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "h1"
  "informes";
  margin: 0 10px 0 10px;
}

.contform{
  grid-area: informes;
  background: white;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.fa-whatsapp{
  font-size: 21px;
  color: limegreen;
  padding: 3px 0 0 0;
  margin: 0 auto;
}

.contform p{
  font-size: 18px;
  padding: 0 0 0 10px;
}

.formulario{
  text-align: center;
  width: 85%;
  border-radius: 16px;
  padding: 10px;
}

.formulario p{
  font-size: 16px;
}

form{
  width: 95%;
}

input{
  border: solid 2px #05a1fb;
  border-radius: 10px;
  font-size: 16px;
  padding: 5px;
  width: 90%;
  margin: 8px 0 8px 0;
}

textarea{
  border: solid 2px #05a1fb;
  border-radius: 6px;
  font-size: 14px;
  padding: 8px;
  width: 90%;
}

.textosbut{
  border-radius: 15px;
  font-size: 16px;
  text-align: center;
  width: 25%;
  margin: 8px 40px 8px 40px;
  border: solid 2px white;
}

.textosbut:hover{
  margin: 8px 40px 8px 40px;
  border: solid 2px white;
}

/******************************************************
    [ FOOTER]
*******************************************************/

.pleca0{
  padding: 0 10px 0 10px;
  margin: 10px auto;
  max-width: 740px
}

footer{
  grid-template-columns: 1fr 1fr;
  grid-template-areas:
  "espejia-   espejia-"   
  "atte       atte"
  "copy       copy"
  "dir        dir"
  ".        design";
  align-content: start;
  padding: 0;
  margin: 0 0 10px 0;
  column-gap: 10px;
}


.atte {
  font-size: 25px;
  line-height: 28px;
  margin: 10px 0 0 0;
}

.copy {
  font-size: 18px;
}

.direccion {
  font-size: 18px;
}


.espejia img{
  width: 100%;
  max-width: 750px;
}

.design {
  border-radius: 8px;
  font-size: 16px;
  line-height: 20px;
  margin: 10px 0 0 0;
}

.design a{
  font-size: 16px;
  line-height: 20px;
}


}


/******************************************************
          MOOD CELULARES
    [ MEDIA all 600-749 ]
*******************************************************/
@media all and (min-width: 600px) and (max-width: 749px) 
{


main {display: none !important;}
nav{display: none;}
.menu {display: none;}
.apartalo{display: none;}
#contenedor-departamento{display: none !important;}
#contenedor-departamentos{display: none !important;}
.departamentos-tablet{display: none;}
#contenedor-forma{display: none;}
#contenedor-avance{display: none;}
#contenedor-ubicacion{display: none;}
#contenedor-proyecto{display: none;}

  b {
  font-weight: 600;
}

  iframe{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

  .blue{
    color: #12243b;
    font-weight: normal;
}

  .fa-solid{
    color: #05a1fb;
}

  .fa-square-facebook{
    color: navy;
}

  .fa-square-instagram{
   background: -webkit-linear-gradient(rgb(238, 42, 123), rgb(0, 42, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ee2a7b;
}

  .fa-linkedin{
    color: blue;
}

  .fa-square-youtube{
    color: red;
}

  .fa-square-whatsapp{
    color: limegreen;
}

  .mx{
    color: #f417a8;
    font-weight: bold;
}

.fa-bars{
  color: bluelight;
  font-size: 28px;  
}

.contenedor-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;  
  padding: 10px;
  max-width: 600px;
}


.mob-navegacion{
  position: fixed;
  background: #12243b;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: "Roboto Condensed", sans-serif;  
  z-index: 200;
  width: 100%;
  min-height: 50px;
  top: 0;
  left: 0;
}

.mob-navegacion ul{
  background: none;
  list-style: none;
  padding: 0 0 0 0;
}

.mob-navegacion ul li{
  background: none;
  display: inline-block;
  position: relative;
  transition: .3s linear;
  z-index: 200;
}

.mob-navegacion ul li a{
  font-family: "Roboto Condensed", sans-serif;    
  color: #12243b;
  text-align: left;
  font-weight: bold;
  transition: .3s linear;
  font-size: 24px;
  letter-spacing: 1.5;
  padding: 0;
}

.mob-navegacion ul li a:hover{
  color: #246bc3;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 1.5;
  height: 100%;
}

.mob-navegacion ul li:hover .hijos{
  display: block;
  text-decoration: none;
  height: 100%;
}

.mob-navegacion .submenu .hijos{
  display: none;
  background: white;
  position: absolute;
  left: 0;
  width: 260px;
}

.mob-navegacion .submenu .hijos li{
  display: block;
  overflow: hidden;
}

.mob-navegacion .submenu .hijos li a{
  background: white;
  display: block;
  text-align: left;
  height: 100%;
  padding: 12px 0 12px 12px;
  font-size: 22px;
  font-weight: bold;  
  line-height: 24px;
  border-bottom: 2px solid #12243b;
}

.mob-navegacion .submenu .hijos li a:hover{
  background: #12243b;
  height: 100%;
  color: white;
  font-weight: bold;
  padding: 12px 0 12px 12px;
  font-size: 22px;
  line-height: 24px;
}

.logo-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 0 0;  
}

.logo-cel img{
  width: 100%;
  max-width: 380px;
}

.video-cel{
  display: block;
  grid-area: aparta;
  width: 90%;
  height: 400px;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 5px 0;
}

.video-cel img{
  width: 100%;
  max-width: 420px;
  max-height: 400px;
}

.aparta-cel{
  display: block;
  grid-area: aparta;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 10px 0;
}

.aparta-cel img{
  width: 100%;
  max-width: 280px;
}

.depasimg-cel{
  background: none;
  grid-area: depasimg;
  width: 100%;
  text-align: center;
  align-self: center;
  margin: 0;
  padding: 10px 0 5px 0;  
}

.depasimg-cel img{
  width: 100%;
  max-width: 380px;
}


.desde-cel{
  font-family: 'futura_md_btmedium', sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  letter-spacing: -1px;
}

.redes-cel {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.redes-cel a{
  display: inline-block;
  justify-content: center;
  text-align: center;  
  font-size: 34px;
  margin: 10px auto;
}

.fa-brands{
  text-align: center;  
  margin: 0 16px 0 16px;
}

.direccion-ub-cel {
  background: #12243b;
  font-family: 'geosanslightregular', sans-serif;  
  height: auto;
  text-align: center;
  color: white;
  font-size: 26px;
  line-height: 30px;
  border-radius: 10px;
  padding: 4px;
}

/******************************************************
    [ PROYECTO]
*******************************************************/

.proyecto-cel{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.h1-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 34px;
  line-height: 36px;
  margin: 0 auto;
  padding: 0;
}

ul{
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 28px;
  padding: 0 0 0 5px;
}

li{
  font-family: "Oswald", sans-serif;
  font-size: 23px;
  line-height: 34px;
  padding: 0 0 0 10px;
}

.CG-cel {
  grid-area: cg;
  font-family: "Oswald", sans-serif;
  text-align: left;
  line-height: 28px;
}

.RG-cel {
  font-family: "Oswald", sans-serif;
  padding: 0 0 0 15px;
}

/******************************************************
    [ UBICACION]
*******************************************************/

.ubicacion-celL{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.textos-ub-cel{
  display: block;  
  font-family: "Oswald", sans-serif;
  text-align: justify;
  margin: 0 auto;
  font-size: 19px;
  line-height: 29px;
  padding: 0;
}

.textos-ub-cel p{
  margin: 0 0 11px 0;
}

.moctezuma-cel{
  display: block;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.moctezuma-cel img{
  width: 100%;
  max-width: 600px;
  border-radius: 10px;
}

.ub-mapa-cel{
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.ub-mapa-cel img{
  width: 100%;
  max-width: 550px;
  cursor: pointer;
  border-radius: 10px;  
}

/******************************************************
    [ DEPARTAMENTOS]
*******************************************************/
.departamentos-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
}

.click-cel{
  display: block;
  text-align: center;
  width: 100%;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
}

.click-cel img{
  width: 100%;
  max-width: 780px;
  border-radius: 20px;
}

/******************************************************
    [ DEPARTAMENTO]
*******************************************************/


#contenedor-departamento-cel{
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 20px;
  max-width: 600px;
}


.h1depa-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 34px;
  line-height: 36px;
  margin: 0 auto;
  padding: 50px 0 0 0;
}

.plano-depas-cel{
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 15px 0;
}

.plano-depas-cel img{
  border-radius: 20px;
  max-width: 460px;
}

.depas-tipo-cel{
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
}

.depas-tipo-cel img{
  max-width: 600px;
  border-radius: 20px;
}


.caracteristicasB-cel{
  display: block;
  font-family: "Oswald", sans-serif;   
  text-align: left;
  font-size: 25px;
  line-height: 36px;
  margin: 0 0 0 10px;
}

.estacionamiento-cel{
  display: block;
  text-align: center;
  padding: 0;
  margin: 10px 0 0 0;
}

.estacionamiento-cel img{
  border-radius: 12px;
  max-width: 600px;
}

.descarga-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 10px auto;

}

.descarga-cel img{
  border-radius: 20px;
  max-width: 460px;
}

.depas24-cel{
  grid-area: depas24;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;  
}

.depas24-cel img{
  max-width: 180px;
}


.aparta-01-cel {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 15px auto;
}

.aparta-01-cel img{
  max-width: 260px;
}

.infonavit-fovissste-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 15px auto;
}

.infonavit-fovissste-cel img{
  max-width: 480px;
}


/******************************************************
    [ AVANCE DE OBRA]
*******************************************************/

.av-obra-cel{
  background: none;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.mes{
  font-family: "Oswald", sans-serif; 
  width: 100%;
  padding: 8px 0 0 0;
  font-size: 26px;
  color: deepskyblue;
}

/******************************************************
    [ FORMULARIO]
*******************************************************/

.informes-cel{
  background: none;
  display: block;
  text-align: left;
  font-family: "Oswald", sans-serif;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.contform-cel{
  background: none;
  display: block;
  background: white;
  width: 100%;
  margin:0 auto;
  padding: 0;  
}

.fa-whatsapp{
  font-size: 21px;
  color: limegreen;
  padding: 3px 0 0 0;
  margin: 0 auto;
}

.contform-cel p{
  font-size: 23px;
  padding: 0 0 8px 0;
}

.formulario-cel{
  background: #12243b;
  display: block;  
  text-align: center;
  color: white;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 6px;
}

.formulario-cel p{
  font-size: 23px;
}

form{
  width: 100%;
}

input{
  border: solid 2px #05a1fb;
  border-radius: 10px;
  font-size: 20px;
  padding: 5px;
  width: 90%;
  margin: 6px 0 6px 0;
}

textarea{
  border: solid 2px #05a1fb;
  border-radius: 6px;
  font-size: 18px;
  padding: 5px;
  width: 90%;
}

.textosbut{
  border-radius: 15px;
  font-size: 24px;
  text-align: center;
  width: 33%;
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}

.textosbut:hover{
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}


/******************************************************
    [ FOOTER]
*******************************************************/
.break {display: block;}


.pleca0-cel{
  display: block;
  background: #12243b;
  padding: 0;
  height: 3px;
  border-color: #12243b;  
  margin: 10px  0 20px 0;
  max-width: 600px;
}

.footer{
  display: block;
  padding: 0;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  margin:0 auto;  
}

.atte-cel {
  background: none;
  display: block;
  text-align: left;
  width: 100%;
  color: #12243b;
  z-index: 2;
  padding: 0;
  font-weight: bold;
  font-size: 22px;
  line-height: 16px;
}

.copy-cel {
  background: none;
  display: block;
  text-align: left;  
  width: 100%;  
  color: #12243b;
  padding: 0;
  margin:10px 0 0 0;
  font-size: 19px;
}

.copy-cel a{
  color: #0640b5;
  font-weight: bold;
}

.copy-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.direccion-cel {
  background: none;
  display: block;
  text-align: left;  
  color: #12243b;
  width: 100%;
  z-index: 2;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 19px;
}

.direccion-cel a{
  color: #0640b5;
  font-weight: bold;
}

.direccion-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.espejia-cel{
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 5px auto;
}

.espejia-cel img{
  width: 100%;
  max-width: 600px;
}

.design-cel {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+9,011732+50,000000+96 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #000000 9%, #011732 50%, #000000 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #000000 9%,#011732 50%,#000000 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #000000 9%,#011732 50%,#000000 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  display: block;
  margin: 0 auto;
  width: 240px;
  text-align: right;
  font-weight: normal;
  color: white;
  margin: 10px 0 5px 280px;
  padding: 0;
  border-radius: 8px;
  font-size: 14px;
  line-height: 18px;
}

.design-cel a{
  margin: 0 auto;
  font-weight: normal;
  color: white;
  padding: 0 10px 0 0;
  font-size: 14px;
  line-height: 18px;

}

.design-cel a:hover{
  color: white;
  text-decoration: underline;
}


}

/******************************************************
          MOOD CELULARES
    [ MEDIA all 500-599 ]
*******************************************************/
@media all and (min-width: 500px) and (max-width: 599px) 
{


main {display: none !important;}
nav{display: none;}
.menu {display: none;}
.apartalo{display: none;}
#contenedor-departamento{display: none !important;}
#contenedor-departamentos{display: none !important;}
.departamentos-tablet{display: none;}
#contenedor-forma{display: none;}
#contenedor-avance{display: none;}
#contenedor-ubicacion{display: none;}
#contenedor-proyecto{display: none;}

  b {
  font-weight: 600;
}

  iframe{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

  .blue{
    color: #12243b;
    font-weight: normal;
}

  .fa-solid{
    color: #05a1fb;
}

  .fa-square-facebook{
    color: navy;
}

  .fa-square-instagram{
   background: -webkit-linear-gradient(rgb(238, 42, 123), rgb(0, 42, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ee2a7b;
}

  .fa-linkedin{
    color: blue;
}

  .fa-square-youtube{
    color: red;
}

  .fa-square-whatsapp{
    color: limegreen;
}

  .mx{
    color: #f417a8;
    font-weight: bold;
}

.fa-bars{
  color: bluelight;
  font-size: 28px;  
}

.contenedor-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;  
  padding: 10px;
  max-width: 500px;
}


.mob-navegacion{
  position: fixed;
  background: #12243b;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: "Roboto Condensed", sans-serif;  
  z-index: 200;
  width: 100%;
  min-height: 50px;
  top: 0;
  left: 0;
}

.mob-navegacion ul{
  background: none;
  list-style: none;
  padding: 0 0 0 0;
}

.mob-navegacion ul li{
  background: none;
  display: inline-block;
  position: relative;
  transition: .3s linear;
  z-index: 200;
}

.mob-navegacion ul li a{
  font-family: "Roboto Condensed", sans-serif;    
  color: #12243b;
  text-align: left;
  font-weight: bold;
  transition: .3s linear;
  font-size: 24px;
  letter-spacing: 1.5;
  padding: 0;
}

.mob-navegacion ul li a:hover{
  color: #246bc3;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 24px;
  letter-spacing: 1.5;
  height: 100%;
}

.mob-navegacion ul li:hover .hijos{
  display: block;
  text-decoration: none;
  height: 100%;
}

.mob-navegacion .submenu .hijos{
  display: none;
  background: white;
  position: absolute;
  left: 0;
  width: 260px;
}

.mob-navegacion .submenu .hijos li{
  display: block;
  overflow: hidden;
}

.mob-navegacion .submenu .hijos li a{
  background: white;
  display: block;
  text-align: left;
  height: 100%;
  padding: 12px 0 12px 12px;
  font-size: 22px;
  font-weight: bold;  
  line-height: 24px;
  border-bottom: 2px solid #12243b;
}

.mob-navegacion .submenu .hijos li a:hover{
  background: #12243b;
  height: 100%;
  color: white;
  font-weight: bold;
  padding: 12px 0 12px 12px;
  font-size: 22px;
  line-height: 24px;
}

.logo-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 0 0;  
}

.logo-cel img{
  width: 100%;
  max-width: 380px;
}

.video-cel{
  display: block;
  width: 90%;
  height: 400px;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 5px 0;
}

.video-cel img{
  width: 100%;
  max-width: 420px;
  max-height: 400px;
}

.aparta-cel{
  display: block;
  grid-area: aparta;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 10px 0;
}

.aparta-cel img{
  width: 100%;
  max-width: 280px;
}

.depasimg-cel{
  background: none;
  grid-area: depasimg;
  width: 100%;
  text-align: center;
  align-self: center;
  margin: 0;
  padding: 10px 0 5px 0;  
}

.depasimg-cel img{
  width: 100%;
  max-width: 380px;
}


.desde-cel{
  font-family: 'futura_md_btmedium', sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  letter-spacing: -1px;
}

.redes-cel {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.redes-cel a{
  display: inline-block;
  justify-content: center;
  text-align: center;  
  font-size: 34px;
  margin: 10px auto;
}

.fa-brands{
  text-align: center;  
  margin: 0 16px 0 16px;
}

.direccion-ub-cel {
  background: #12243b;
  font-family: 'geosanslightregular', sans-serif;  
  height: auto;
  text-align: center;
  color: white;
  font-size: 26px;
  line-height: 30px;
  border-radius: 10px;
  padding: 4px;
}

/******************************************************
    [ PROYECTO]
*******************************************************/

.proyecto-cel{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.h1-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 34px;
  line-height: 36px;
  margin: 0 auto;
  padding: 0;
}

ul{
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 28px;
  padding: 0 0 0 5px;
}

li{
  font-family: "Oswald", sans-serif;
  font-size: 23px;
  line-height: 34px;
  padding: 0 0 0 10px;
}

.CG-cel {
  grid-area: cg;
  font-family: "Oswald", sans-serif;
  text-align: left;
  line-height: 28px;
}

.RG-cel {
  font-family: "Oswald", sans-serif;
  padding: 0 0 0 15px;
}

/******************************************************
    [ UBICACION]
*******************************************************/

.ubicacion-celL{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.textos-ub-cel{
  display: block;  
  font-family: "Oswald", sans-serif;
  text-align: justify;
  margin: 0 auto;
  font-size: 19px;
  line-height: 29px;
  padding: 0;
}

.textos-ub-cel p{
  margin: 0 0 11px 0;
}

.moctezuma-cel{
  display: block;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.moctezuma-cel img{
  width: 100%;
  max-width: 600px;
  border-radius: 10px;
}

.ub-mapa-cel{
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.ub-mapa-cel img{
  width: 100%;
  max-width: 550px;
  cursor: pointer;
  border-radius: 10px;  
}

/******************************************************
    [ DEPARTAMENTOS]
*******************************************************/
.departamentos-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
}

.click-cel{
  display: block;
  text-align: center;
  width: 100%;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
}

.click-cel img{
  width: 100%;
  max-width: 780px;
  border-radius: 20px;
}

/******************************************************
    [ DEPARTAMENTO]
*******************************************************/


#contenedor-departamento-cel{
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 20px;
  max-width: 600px;
}


.h1depa-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 34px;
  line-height: 36px;
  margin: 0 auto;
  padding: 50px 0 0 0;
}

.plano-depas-cel{
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 15px 0;
}

.plano-depas-cel img{
  border-radius: 20px;
  max-width: 460px;
}

.depas-tipo-cel{
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
}

.depas-tipo-cel img{
  max-width: 600px;
  border-radius: 20px;
}


.caracteristicasB-cel{
  display: block;
  font-family: "Oswald", sans-serif;   
  text-align: left;
  font-size: 25px;
  line-height: 36px;
  margin: 0 0 0 10px;
}

.estacionamiento-cel{
  display: block;
  text-align: center;
  padding: 0;
  margin: 10px 0 0 0;
}

.estacionamiento-cel img{
  border-radius: 12px;
  max-width: 600px;
}

.descarga-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 10px auto;

}

.descarga-cel img{
  border-radius: 20px;
  max-width: 460px;
}

.depas24-cel{
  grid-area: depas24;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;  
}

.depas24-cel img{
  max-width: 180px;
}


.aparta-01-cel {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 15px auto;
}

.aparta-01-cel img{
  max-width: 260px;
}

.infonavit-fovissste-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 15px auto;
}

.infonavit-fovissste-cel img{
  max-width: 480px;
}


/******************************************************
    [ AVANCE DE OBRA]
*******************************************************/

.av-obra-cel{
  background: none;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.mes{
  font-family: "Oswald", sans-serif; 
  width: 100%;
  padding: 8px 0 0 0;
  font-size: 26px;
  color: deepskyblue;
}

/******************************************************
    [ FORMULARIO]
*******************************************************/

.informes-cel{
  background: none;
  display: block;
  text-align: left;
  font-family: "Oswald", sans-serif;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.contform-cel{
  background: none;
  display: block;
  background: white;
  width: 100%;
  margin:0 auto;
  padding: 0;  
}

.fa-whatsapp{
  font-size: 21px;
  color: limegreen;
  padding: 3px 0 0 0;
  margin: 0 auto;
}

.contform-cel p{
  font-size: 23px;
  padding: 0 0 8px 0;
}

.formulario-cel{
  background: #12243b;
  display: block;  
  text-align: center;
  color: white;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 6px;
}

.formulario-cel p{
  font-size: 23px;
}

form{
  width: 100%;
}

input{
  border: solid 2px #05a1fb;
  border-radius: 10px;
  font-size: 20px;
  padding: 5px;
  width: 90%;
  margin: 6px 0 6px 0;
}

textarea{
  border: solid 2px #05a1fb;
  border-radius: 6px;
  font-size: 18px;
  padding: 5px;
  width: 90%;
}

.textosbut{
  border-radius: 15px;
  font-size: 24px;
  text-align: center;
  width: 33%;
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}

.textosbut:hover{
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}


/******************************************************
    [ FOOTER]
*******************************************************/
.break {display: block;}


.pleca0-cel{
  display: block;
  background: #12243b;  
  padding: 0;
  height: 3px;
  border-color: #12243b;  
  margin: 10px auto;
  max-width: 500px;
}

.footer{
  display: block;
  padding: 0;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  margin:0 auto;  
}

.atte-cel {
  background: none;
  display: block;
  text-align: left;
  width: 100%;
  color: #12243b;
  z-index: 2;
  padding: 0;
  font-weight: bold;
  font-size: 22px;
  line-height: 16px;
}

.copy-cel {
  background: none;
  display: block;
  text-align: left;  
  width: 100%;  
  color: #12243b;
  padding: 0;
  margin:10px 0 0 0;
  font-size: 19px;
}

.copy-cel a{
  color: #0640b5;
  font-weight: bold;
}

.copy-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.direccion-cel {
  background: none;
  display: block;
  text-align: left;  
  color: #12243b;
  width: 100%;
  z-index: 2;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 19px;
}

.direccion-cel a{
  color: #0640b5;
  font-weight: bold;
}

.direccion-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.espejia-cel{
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 5px auto;
}

.espejia-cel img{
  width: 100%;
  max-width: 500px;
}

.design-cel {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+9,011732+50,000000+96 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #000000 9%, #011732 50%, #000000 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #000000 9%,#011732 50%,#000000 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #000000 9%,#011732 50%,#000000 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  display: block;
  margin: 0 auto;
  width: 240px;
  text-align: right;
  font-weight: normal;
  color: white;
  margin: 10px 0 5px 240px;
  padding: 0;
  border-radius: 8px;
  font-size: 14px;
  line-height: 18px;
}

.design-cel a{
  margin: 0 auto;
  font-weight: normal;
  color: white;
  padding: 0 10px 0 0;
  font-size: 14px;
  line-height: 18px;

}

.design-cel a:hover{
  color: white;
  text-decoration: underline;
}


}


/******************************************************
          MOOD CELULARES
    [ MEDIA all 430-499 ]
*******************************************************/
@media all and (min-width: 430px) and (max-width: 499px) 
{

main {display: none !important;}
nav{display: none;}
.menu {display: none;}
.apartalo{display: none;}
#contenedor-departamento{display: none !important;}
#contenedor-departamentos{display: none !important;}
.departamentos-tablet{display: none;}
#contenedor-forma{display: none;}
#contenedor-avance{display: none;}
#contenedor-ubicacion{display: none;}
#contenedor-proyecto{display: none;}

  b {
  font-weight: 600;
}

  iframe{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

  .blue{
    color: #12243b;
    font-weight: normal;
}

  .fa-solid{
    color: #05a1fb;
}

  .fa-square-facebook{
    color: navy;
}

  .fa-square-instagram{
   background: -webkit-linear-gradient(rgb(238, 42, 123), rgb(0, 42, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ee2a7b;
}

  .fa-linkedin{
    color: blue;
}

  .fa-square-youtube{
    color: red;
}

  .fa-square-whatsapp{
    color: limegreen;
}

  .mx{
    color: #f417a8;
    font-weight: bold;
}

.fa-bars{
  color: bluelight;
  font-size: 28px;  
}

.contenedor-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;  
  padding: 10px;
  max-width: 430px;
}


.mob-navegacion{
  position: fixed;
  background: #12243b;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: "Roboto Condensed", sans-serif;  
  z-index: 200;
  width: 100%;
  min-height: 50px;
  top: 0;
  left: 0;
}

.mob-navegacion ul{
  background: none;
  list-style: none;
  padding: 0 0 0 0;
}

.mob-navegacion ul li{
  background: none;
  display: inline-block;
  position: relative;
  transition: .3s linear;
  z-index: 200;
}

.mob-navegacion ul li a{
  font-family: "Roboto Condensed", sans-serif;    
  color: #12243b;
  text-align: left;
  font-weight: bold;
  transition: .3s linear;
  font-size: 20px;
  letter-spacing: 1.5;
  padding: 0;
}

.mob-navegacion ul li a:hover{
  color: #246bc3;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1.5;
  height: 100%;
}

.mob-navegacion ul li:hover .hijos{
  display: block;
  text-decoration: none;
  height: 100%;
}

.mob-navegacion .submenu .hijos{
  display: none;
  background: white;
  position: absolute;
  left: 0;
  width: 200px;
}

.mob-navegacion .submenu .hijos li{
  display: block;
  overflow: hidden;
}

.mob-navegacion .submenu .hijos li a{
  background: white;
  display: block;
  text-align: left;
  height: 100%;
  padding: 6px 0 6px 8px;
  font-size: 18px;
  font-weight: bold;  
  line-height: 21px;
  border-bottom: 2px solid #12243b;
}

.mob-navegacion .submenu .hijos li a:hover{
  background: #12243b;
  height: 100%;
  color: white;
  font-weight: bold;
  padding: 6px 0 6px 8px;
  font-size: 18px;
  line-height: 21px;
}

.logo-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 0 0;  
}

.logo-cel img{
  width: 100%;
  max-width: 260px;
}

.video-cel{
  display: block;
  width: 90%;
  height: 380px;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 5px 0;
}

.video-cel img{
  width: 100%;
  max-width: 400px;
  max-height: 380px;
}


.aparta-cel{
  display: block;
  grid-area: aparta;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 10px 0;
}

.aparta-cel img{
  width: 100%;
  max-width: 220px;
}

.depasimg-cel{
  background: none;
  grid-area: depasimg;
  width: 100%;
  text-align: center;
  align-self: center;
  margin: 0;
  padding: 10px 0 5px 0;  
}

.depasimg-cel img{
  width: 100%;
  max-width: 260px;
}


.desde-cel{
  font-family: 'futura_md_btmedium', sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  letter-spacing: -1px;
}

.desde-cel{
  font-family: 'futura_md_btmedium', sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  letter-spacing: -1px;
}

.redes-cel {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.redes-cel a{
  display: inline-block;
  justify-content: center;
  text-align: center;  
  font-size: 30px;
  margin: 10px auto;
}

.fa-brands{
  text-align: center;  
  margin: 0 14px 0 14px;
}

.direccion-ub-cel {
  background: #12243b;
  font-family: 'geosanslightregular', sans-serif;  
  height: auto;
  text-align: center;
  color: white;
  font-size: 22px;
  line-height: 26px;
  border-radius: 10px;
  padding: 4px;
}

/******************************************************
    [ PROYECTO]
*******************************************************/

.proyecto-cel{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.h1-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 32px;
  line-height: 36px;
  margin: 0 auto;
  padding: 0;
}

ul{
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 24px;
  padding: 0 0 0 5px;
}

li{
  font-family: "Oswald", sans-serif;
  font-size: 19px;
  line-height: 30px;
  padding: 0 0 0 10px;
}

.CG-cel {
  grid-area: cg;
  font-family: "Oswald", sans-serif;
  text-align: left;
  line-height: 28px;
}

.RG-cel {
  font-family: "Oswald", sans-serif;
  padding: 0 0 0 15px;
}

/******************************************************
    [ UBICACION]
*******************************************************/

.ubicacion-celL{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.textos-ub-cel{
  display: block;  
  font-family: "Oswald", sans-serif;
  text-align: justify;
  margin: 0 auto;
  font-size: 17px;
  line-height: 27px;
  padding: 0;
}

.textos-ub-cel p{
  margin: 0 0 11px 0;
}

.moctezuma-cel{
  display: block;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.moctezuma-cel img{
  width: 100%;
  max-width: 600px;
  border-radius: 10px;
}

.ub-mapa-cel{
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.ub-mapa-cel img{
  width: 100%;
  max-width: 550px;
  cursor: pointer;
  border-radius: 10px;  
}

/******************************************************
    [ DEPARTAMENTOS]
*******************************************************/
.departamentos-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
}

.click-cel{
  display: block;
  text-align: center;
  width: 100%;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
}

.click-cel img{
  width: 100%;
  max-width: 780px;
  border-radius: 20px;
}

/******************************************************
    [ DEPARTAMENTO]
*******************************************************/

#contenedor-departamento-cel{
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 10px;
  max-width: 430px;
}


.h1depa-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 32px;
  line-height: 38px;
  margin: 0 auto;
  padding: 55px 0 10px 0;
}

.plano-depas-cel{
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 15px 0;
}

.plano-depas-cel img{
  border-radius: 20px;
  max-width: 390px;
}

.depas-tipo-cel{
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
}

.depas-tipo-cel img{
  max-width: 430px;
  border-radius: 20px;
}


.caracteristicasB-cel{
  display: block;
  font-family: "Oswald", sans-serif;   
  text-align: left;
  font-size: 24px;
  line-height: 34px;
  margin: 0 0 0 5px;
}

.estacionamiento-cel{
  display: block;
  text-align: center;
  padding: 0;
  margin: 10px 0 0 0;
}

.estacionamiento-cel img{
  border-radius: 12px;
  max-width: 430px;
}

.descarga-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 10px auto;

}

.descarga-cel img{
  border-radius: 20px;
  max-width: 430px;
}

.depas24-cel{
  grid-area: depas24;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;  
}

.depas24-cel img{
  max-width: 430px;
}


.aparta-01-cel {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 15px auto;
}

.aparta-01-cel img{
  max-width: 260px;
}

.infonavit-fovissste-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 15px auto;
}

.infonavit-fovissste-cel img{
  max-width: 380px;
}




/******************************************************
    [ AVANCE DE OBRA]
*******************************************************/

.av-obra-cel{
  background: none;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.mes{
  font-family: "Oswald", sans-serif; 
  width: 100%;
  padding: 8px 0 0 0;
  font-size: 26px;
  color: deepskyblue;
}

/******************************************************
    [ FORMULARIO]
*******************************************************/

.informes-cel{
  background: none;
  display: block;
  text-align: left;
  font-family: "Oswald", sans-serif;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.contform-cel{
  background: none;
  display: block;
  background: white;
  width: 100%;
  margin:0 auto;
  padding: 0;  
}

.fa-whatsapp{
  font-size: 21px;
  color: limegreen;
  padding: 3px 0 0 0;
  margin: 0 auto;
}

.contform-cel p{
  font-size: 21px;
  padding: 0 0 8px 0;
}

.formulario-cel{
  background: #12243b;
  display: block;  
  text-align: center;
  color: white;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 6px;
}

.formulario-cel p{
  font-size: 20px;
}

form{
  width: 100%;
}

input{
  border: solid 2px #05a1fb;
  border-radius: 10px;
  font-size: 18px;
  padding: 5px;
  width: 90%;
  margin: 3px 0 3px 0;
}

textarea{
  border: solid 2px #05a1fb;
  border-radius: 6px;
  font-size: 16px;
  padding: 5px;
  width: 90%;
}

.textosbut{
  border-radius: 15px;
  font-size: 19px;
  text-align: center;
  width: 28%;
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}

.textosbut:hover{
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}


/******************************************************
    [ FOOTER]
*******************************************************/
.break {display: block;}


.pleca0-cel{
  display: block;
  background: #12243b;  
  padding: 0;
  height: 3px;
  border-color: #12243b;  
  margin: 10px auto;
  max-width: 430px;
}

.footer{
  display: block;
  padding: 0;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  margin:0 auto;  
}

.atte-cel {
  background: none;
  display: block;
  text-align: left;
  width: 100%;
  color: #12243b;
  z-index: 2;
  padding: 0;
  font-weight: bold;
  font-size: 19px;
  line-height: 16px;
}

.copy-cel {
  background: none;
  display: block;
  text-align: left;  
  width: 100%;  
  color: #12243b;
  padding: 0;
  margin:10px 0 0 0;
  font-size: 17px;
}

.copy-cel a{
  color: #0640b5;
  font-weight: bold;
}

.copy-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.direccion-cel {
  background: none;
  display: block;
  text-align: left;  
  color: #12243b;
  width: 100%;
  z-index: 2;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 17px;
}

.direccion-cel a{
  color: #0640b5;
  font-weight: bold;
}

.direccion-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.espejia-cel{
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 5px auto;
}

.espejia-cel img{
  width: 100%;
  max-width: 430px;
}

.design-cel {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+9,011732+50,000000+96 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #000000 9%, #011732 50%, #000000 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #000000 9%,#011732 50%,#000000 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #000000 9%,#011732 50%,#000000 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  display: block;
  margin: 0 auto;
  width: 240px;
  text-align: right;
  font-weight: normal;
  color: white;
  margin: 10px 0 5px 168px;
  padding: 0;
  border-radius: 8px;
  font-size: 13px;
  line-height: 15px;
}

.design-cel a{
  margin: 0 auto;
  font-weight: normal;
  color: white;
  padding: 0 10px 0 0;
  font-size: 13px;
  line-height: 15px;

}

.design-cel a:hover{
  color: white;
  text-decoration: underline;
}

}



/******************************************************
          MOOD CELULARES
    [ MEDIA all 400-429 ]
*******************************************************/
@media all and (min-width: 400px) and (max-width: 429px) 
{

main {display: none !important;}
nav{display: none;}
.menu {display: none;}
.apartalo{display: none;}
#contenedor-departamento{display: none !important;}
#contenedor-departamentos{display: none !important;}
.departamentos-tablet{display: none;}
#contenedor-forma{display: none;}
#contenedor-avance{display: none;}
#contenedor-ubicacion{display: none;}
#contenedor-proyecto{display: none;}

  b {
  font-weight: 600;
}

  iframe{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

  .blue{
    color: #12243b;
    font-weight: normal;
}

  .fa-solid{
    color: #05a1fb;
}

  .fa-square-facebook{
    color: navy;
}

  .fa-square-instagram{
   background: -webkit-linear-gradient(rgb(238, 42, 123), rgb(0, 42, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ee2a7b;
}

  .fa-linkedin{
    color: blue;
}

  .fa-square-youtube{
    color: red;
}

  .fa-square-whatsapp{
    color: limegreen;
}

  .mx{
    color: #f417a8;
    font-weight: bold;
}

.fa-bars{
  color: bluelight;
  font-size: 28px;  
}

.contenedor-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;  
  padding: 5px;
  max-width: 400px;
}


.mob-navegacion{
  position: fixed;
  background: #12243b;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: "Roboto Condensed", sans-serif;  
  z-index: 200;
  width: 100%;
  min-height: 50px;
  top: 0;
  left: 0;
}

.mob-navegacion ul{
  background: none;
  list-style: none;
  padding: 0 0 0 0;
}

.mob-navegacion ul li{
  background: none;
  display: inline-block;
  position: relative;
  transition: .3s linear;
  z-index: 200;
}

.mob-navegacion ul li a{
  font-family: "Roboto Condensed", sans-serif;    
  color: #12243b;
  text-align: left;
  font-weight: bold;
  transition: .3s linear;
  font-size: 20px;
  letter-spacing: 1.5;
  padding: 0;
}

.mob-navegacion ul li a:hover{
  color: #246bc3;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1.5;
  height: 100%;
}

.mob-navegacion ul li:hover .hijos{
  display: block;
  text-decoration: none;
  height: 100%;
}

.mob-navegacion .submenu .hijos{
  display: none;
  background: white;
  position: absolute;
  left: 0;
  width: 200px;
}

.mob-navegacion .submenu .hijos li{
  display: block;
  overflow: hidden;
}

.mob-navegacion .submenu .hijos li a{
  background: white;
  display: block;
  text-align: left;
  height: 100%;
  padding: 6px 0 6px 8px;
  font-size: 18px;
  font-weight: bold;  
  line-height: 21px;
  border-bottom: 2px solid #12243b;
}

.mob-navegacion .submenu .hijos li a:hover{
  background: #12243b;
  height: 100%;
  color: white;
  font-weight: bold;
  padding: 6px 0 6px 8px;
  font-size: 18px;
  line-height: 21px;
}

.logo-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 0 0;  
}

.logo-cel img{
  width: 100%;
  max-width: 350px;
}

.video-cel{
  display: block;
  width: 90%;
  height: 360px;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 5px 0;
}

.video-cel img{
  width: 100%;
  max-width: 380px;
  max-height: 360px;
}


.aparta-cel{
  display: block;
  grid-area: aparta;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 10px 0;
}

.aparta-cel img{
  width: 100%;
  max-width: 240px;
}

.depasimg-cel{
  background: none;
  grid-area: depasimg;
  width: 100%;
  text-align: center;
  align-self: center;
  margin: 0;
  padding: 10px 0 5px 0;  
}

.depasimg-cel img{
  width: 100%;
  max-width: 350px;
}

.desde-cel{
  font-family: 'futura_md_btmedium', sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  letter-spacing: -1px;
}

.redes-cel {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.redes-cel a{
  display: inline-block;
  justify-content: center;
  text-align: center;  
  font-size: 27px;
  margin: 10px auto;
}

.fa-brands{
  text-align: center;  
  margin: 0 14px 0 14px;
}

.direccion-ub-cel {
  background: #12243b;
  font-family: 'geosanslightregular', sans-serif;  
  height: auto;
  text-align: center;
  color: white;
  font-size: 19px;
  line-height: 23px;
  border-radius: 10px;
  padding: 4px;
}

/******************************************************
    [ PROYECTO]
*******************************************************/

.proyecto-cel{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.h1-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 32px;
  line-height: 36px;
  margin: 0 auto;
  padding: 0;
}

ul{
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 24px;
  padding: 0 0 0 5px;
}

li{
  font-family: "Oswald", sans-serif;
  font-size: 19px;
  line-height: 30px;
  padding: 0 0 0 10px;
}

.CG-cel {
  grid-area: cg;
  font-family: "Oswald", sans-serif;
  text-align: left;
  line-height: 28px;
}

.RG-cel {
  font-family: "Oswald", sans-serif;
  padding: 0 0 0 15px;
}

/******************************************************
    [ UBICACION]
*******************************************************/

.ubicacion-celL{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.textos-ub-cel{
  display: block;  
  font-family: "Oswald", sans-serif;
  text-align: justify;
  margin: 0 auto;
  font-size: 17px;
  line-height: 27px;
  padding: 0;
}

.textos-ub-cel p{
  margin: 0 0 11px 0;
}

.moctezuma-cel{
  display: block;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.moctezuma-cel img{
  width: 100%;
  max-width: 600px;
  border-radius: 10px;
}

.ub-mapa-cel{
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.ub-mapa-cel img{
  width: 100%;
  max-width: 550px;
  cursor: pointer;
  border-radius: 10px;  
}

/******************************************************
    [ DEPARTAMENTOS]
*******************************************************/
.departamentos-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
}

.click-cel{
  display: block;
  text-align: center;
  width: 100%;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
}

.click-cel img{
  width: 100%;
  max-width: 780px;
  border-radius: 20px;
}

/******************************************************
    [ DEPARTAMENTO]
*******************************************************/


#contenedor-departamento-cel{
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 10px;
  max-width: 400px;
}


.h1depa-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 32px;
  line-height: 38px;
  margin: 0 auto;
  padding: 55px 0 10px 0;
}

.plano-depas-cel{
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 15px 0;
}

.plano-depas-cel img{
  border-radius: 20px;
  max-width: 360px;
}

.depas-tipo-cel{
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
}

.depas-tipo-cel img{
  max-width: 400px;
  border-radius: 20px;
}


.caracteristicasB-cel{
  display: block;
  font-family: "Oswald", sans-serif;   
  text-align: left;
  font-size: 24px;
  line-height: 34px;
  margin: 0 0 0 5px;
}

.estacionamiento-cel{
  display: block;
  text-align: center;
  padding: 0;
  margin: 10px 0 0 0;
}

.estacionamiento-cel img{
  border-radius: 12px;
  max-width: 400px;
}

.descarga-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 10px auto;

}

.descarga-cel img{
  border-radius: 20px;
  max-width: 400px;
}

.depas24-cel{
  grid-area: depas24;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;  
}

.depas24-cel img{
  max-width: 400px;
}


.aparta-01-cel {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 15px auto;
}

.aparta-01-cel img{
  max-width: 240px;
}

.infonavit-fovissste-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 15px auto;
}

.infonavit-fovissste-cel img{
  max-width: 380px;
}


/******************************************************
    [ AVANCE DE OBRA]
*******************************************************/

.av-obra-cel{
  background: none;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.mes{
  font-family: "Oswald", sans-serif; 
  width: 100%;
  padding: 8px 0 0 0;
  font-size: 26px;
  color: deepskyblue;
}

/******************************************************
    [ FORMULARIO]
*******************************************************/

.informes-cel{
  background: none;
  display: block;
  text-align: left;
  font-family: "Oswald", sans-serif;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.contform-cel{
  background: none;
  display: block;
  background: white;
  width: 100%;
  margin:0 auto;
  padding: 0;  
}

.fa-whatsapp{
  font-size: 21px;
  color: limegreen;
  padding: 3px 0 0 0;
  margin: 0 auto;
}

.contform-cel p{
  font-size: 18px;
  padding: 0 0 8px 0;
}

.formulario-cel{
  background: #12243b;
  display: block;  
  text-align: center;
  color: white;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 6px;
}

.formulario-cel p{
  font-size: 17px;
}

form{
  width: 100%;
}

input{
  border: solid 2px #05a1fb;
  border-radius: 10px;
  font-size: 16px;
  padding: 5px;
  width: 90%;
  margin: 3px 0 3px 0;
}

textarea{
  border: solid 2px #05a1fb;
  border-radius: 6px;
  font-size: 14px;
  padding: 5px;
  width: 90%;
}

.textosbut{
  border-radius: 15px;
  font-size: 17px;
  text-align: center;
  width: 28%;
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}

.textosbut:hover{
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}


/******************************************************
    [ FOOTER]
*******************************************************/
.break {display: block;}


.pleca0-cel{
  display: block;
  background: #12243b;  
  padding: 0;
  height: 3px;
  border-color: #12243b;  
  margin: 10px auto;
  max-width: 400px;
}

.footer{
  display: block;
  padding: 0;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  margin:0 auto;  
}

.atte-cel {
  background: none;
  display: block;
  text-align: left;
  width: 100%;
  color: #12243b;
  z-index: 2;
  padding: 0;
  font-weight: bold;
  font-size: 19px;
  line-height: 16px;
}

.copy-cel {
  background: none;
  display: block;
  text-align: left;  
  width: 100%;  
  color: #12243b;
  padding: 0;
  margin:10px 0 0 0;
  font-size: 17px;
}

.copy-cel a{
  color: #0640b5;
  font-weight: bold;
}

.copy-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.direccion-cel {
  background: none;
  display: block;
  text-align: left;  
  color: #12243b;
  width: 100%;
  z-index: 2;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 17px;
}

.direccion-cel a{
  color: #0640b5;
  font-weight: bold;
}

.direccion-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.espejia-cel{
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 5px auto;
}

.espejia-cel img{
  width: 100%;
  max-width: 400px;
}

.design-cel {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+9,011732+50,000000+96 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #000000 9%, #011732 50%, #000000 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #000000 9%,#011732 50%,#000000 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #000000 9%,#011732 50%,#000000 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  display: block;
  margin: 0 auto;
  width: 240px;
  text-align: right;
  font-weight: normal;
  color: white;
  margin: 10px 0 5px 148px;
  padding: 0;
  border-radius: 8px;
  font-size: 13px;
  line-height: 15px;
}

.design-cel a{
  margin: 0 auto;
  font-weight: normal;
  color: white;
  padding: 0 10px 0 0;
  font-size: 13px;
  line-height: 15px;

}

.design-cel a:hover{
  color: white;
  text-decoration: underline;
}

}

/******************************************************
          MOOD CELULARES
    [ MEDIA all 360-399 ]
*******************************************************/
@media all and (min-width: 360px) and (max-width: 399px) 
{

main {display: none !important;}
nav{display: none;}
.menu {display: none;}
.apartalo{display: none;}
#contenedor-departamento{display: none !important;}
#contenedor-departamentos{display: none !important;}
.departamentos-tablet{display: none;}
#contenedor-forma{display: none;}
#contenedor-avance{display: none;}
#contenedor-ubicacion{display: none;}
#contenedor-proyecto{display: none;}

  b {
  font-weight: 600;
}

  iframe{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

  .blue{
    color: #12243b;
    font-weight: normal;
}

  .fa-solid{
    color: #05a1fb;
}

  .fa-square-facebook{
    color: navy;
}

  .fa-square-instagram{
   background: -webkit-linear-gradient(rgb(238, 42, 123), rgb(0, 42, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ee2a7b;
}

  .fa-linkedin{
    color: blue;
}

  .fa-square-youtube{
    color: red;
}

  .fa-square-whatsapp{
    color: limegreen;
}

  .mx{
    color: #f417a8;
    font-weight: bold;
}

.fa-bars{
  color: bluelight;
  font-size: 28px;  
}

.contenedor-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;  
  padding: 5px;
  max-width: 360px;
}


.mob-navegacion{
  position: fixed;
  background: #12243b;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: "Roboto Condensed", sans-serif;  
  z-index: 200;
  width: 100%;
  min-height: 50px;
  top: 0;
  left: 0;
}

.mob-navegacion ul{
  background: none;
  list-style: none;
  padding: 0 0 0 0;
}

.mob-navegacion ul li{
  background: none;
  display: inline-block;
  position: relative;
  transition: .3s linear;
  z-index: 200;
}

.mob-navegacion ul li a{
  font-family: "Roboto Condensed", sans-serif;    
  color: #12243b;
  text-align: left;
  font-weight: bold;
  transition: .3s linear;
  font-size: 20px;
  letter-spacing: 1.5;
  padding: 0;
}

.mob-navegacion ul li a:hover{
  color: #246bc3;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1.5;
  height: 100%;
}

.mob-navegacion ul li:hover .hijos{
  display: block;
  text-decoration: none;
  height: 100%;
}

.mob-navegacion .submenu .hijos{
  display: none;
  background: white;
  position: absolute;
  left: 0;
  width: 220px;
}

.mob-navegacion .submenu .hijos li{
  display: block;
  overflow: hidden;
}

.mob-navegacion .submenu .hijos li a{
  background: white;
  display: block;
  text-align: left;
  height: 100%;
  padding: 10px 0 10px 8px;
  font-size: 18px;
  font-weight: bold;  
  line-height: 21px;
  border-bottom: 2px solid #12243b;
}

.mob-navegacion .submenu .hijos li a:hover{
  background: #12243b;
  height: 100%;
  color: white;
  font-weight: bold;
  padding: 10px 0 10px 8px;
  font-size: 18px;
  line-height: 21px;
}

.logo-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 0 0;  
}

.logo-cel img{
  width: 100%;
  max-width: 260px;
}

.video-cel{
  display: block;
  width: 90%;
  height: 320px;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 5px 0;
}

.video-cel img{
  width: 100%;
  max-width: 340px;
  max-height: 320px;
}

.aparta-cel{
  display: block;
  grid-area: aparta;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 10px 0;
}

.aparta-cel img{
  width: 100%;
  max-width: 220px;
}

.depasimg-cel{
  background: none;
  grid-area: depasimg;
  width: 100%;
  text-align: center;
  align-self: center;
  margin: 0;
  padding: 10px 0 5px 0;  
}

.depasimg-cel img{
  width: 100%;
  max-width: 260px;
}


.desde-cel{
  font-family: 'futura_md_btmedium', sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  letter-spacing: -1px;
}

.redes-cel {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.redes-cel a{
  display: inline-block;
  justify-content: center;
  text-align: center;  
  font-size: 27px;
  margin: 10px auto;
}

.fa-brands{
  text-align: center;  
  margin: 0 14px 0 14px;
}
.direccion-ub-cel {
  background: #12243b;
  font-family: 'geosanslightregular', sans-serif;  
  height: auto;
  text-align: center;
  color: white;
  font-size: 18px;
  line-height: 22px;
  border-radius: 10px;
  padding: 4px;
}

/******************************************************
    [ PROYECTO]
*******************************************************/

.proyecto-cel{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.h1-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 32px;
  line-height: 36px;
  margin: 0 auto;
  padding: 0;
}

ul{
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 24px;
  padding: 0 0 0 5px;
}

li{
  font-family: "Oswald", sans-serif;
  font-size: 19px;
  line-height: 30px;
  padding: 0 0 0 10px;
}

.CG-cel {
  grid-area: cg;
  font-family: "Oswald", sans-serif;
  text-align: left;
  line-height: 28px;
}

.RG-cel {
  font-family: "Oswald", sans-serif;
  padding: 0 0 0 15px;
}

/******************************************************
    [ UBICACION]
*******************************************************/

.ubicacion-celL{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.textos-ub-cel{
  display: block;  
  font-family: "Oswald", sans-serif;
  text-align: justify;
  margin: 0 auto;
  font-size: 17px;
  line-height: 27px;
  padding: 0;
}

.textos-ub-cel p{
  margin: 0 0 11px 0;
}

.moctezuma-cel{
  display: block;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.moctezuma-cel img{
  width: 100%;
  max-width: 600px;
  border-radius: 10px;
}

.ub-mapa-cel{
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.ub-mapa-cel img{
  width: 100%;
  max-width: 550px;
  cursor: pointer;
  border-radius: 10px;  
}

/******************************************************
    [ DEPARTAMENTOS]
*******************************************************/
.departamentos-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
}

.click-cel{
  display: block;
  text-align: center;
  width: 100%;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
}

.click-cel img{
  width: 100%;
  max-width: 780px;
  border-radius: 20px;
}

/******************************************************
    [ DEPARTAMENTO]
*******************************************************/


#contenedor-departamento-cel{
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 10px;
  max-width: 400px;
}


.h1depa-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 24px;
  line-height: 22px;
  margin: 0 auto;
  padding: 55px 0 10px 0;
}

.plano-depas-cel{
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 15px 0;
}

.plano-depas-cel img{
  border-radius: 20px;
  max-width: 400px;
}

.depas-tipo-cel{
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
}

.depas-tipo-cel img{
  max-width: 400px;
  border-radius: 20px;
}


.caracteristicasB-cel{
  display: block;
  font-family: "Oswald", sans-serif;   
  text-align: left;
  font-size: 22px;
  line-height: 32px;
  margin: 0 0 0 5px;
}

.estacionamiento-cel{
  display: block;
  text-align: center;
  padding: 0;
  margin: 10px 0 0 0;
}

.estacionamiento-cel img{
  border-radius: 12px;
  max-width: 400px;
}

.descarga-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 10px auto;

}

.descarga-cel img{
  border-radius: 20px;
  max-width: 400px;
}

.depas24-cel{
  grid-area: depas24;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;  
}

.depas24-cel img{
  max-width: 400px;
}


.aparta-01-cel {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 15px auto;
}

.aparta-01-cel img{
  max-width: 260px;
}

.infonavit-fovissste-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 15px auto;
}

.infonavit-fovissste-cel img{
  max-width: 340px;
}



/******************************************************
    [ AVANCE DE OBRA]
*******************************************************/

.av-obra-cel{
  background: none;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.mes{
  font-family: "Oswald", sans-serif; 
  width: 100%;
  padding: 8px 0 0 0;
  font-size: 26px;
  color: deepskyblue;
}

/******************************************************
    [ FORMULARIO]
*******************************************************/

.informes-cel{
  background: none;
  display: block;
  text-align: left;
  font-family: "Oswald", sans-serif;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.contform-cel{
  background: none;
  display: block;
  background: white;
  width: 100%;
  margin:0 auto;
  padding: 0;  
}

.fa-whatsapp{
  font-size: 21px;
  color: limegreen;
  padding: 3px 0 0 0;
  margin: 0 auto;
}

.contform-cel p{
  font-size: 18px;
  padding: 0 0 8px 0;
}

.formulario-cel{
  background: #12243b;
  display: block;  
  text-align: center;
  color: white;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 6px;
}

.formulario-cel p{
  font-size: 17px;
}

form{
  width: 100%;
}

input{
  border: solid 2px #05a1fb;
  border-radius: 10px;
  font-size: 16px;
  padding: 5px;
  width: 90%;
  margin: 3px 0 3px 0;
}

textarea{
  border: solid 2px #05a1fb;
  border-radius: 6px;
  font-size: 14px;
  padding: 5px;
  width: 90%;
}

.textosbut{
  border-radius: 15px;
  font-size: 17px;
  text-align: center;
  width: 28%;
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}

.textosbut:hover{
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}


/******************************************************
    [ FOOTER]
*******************************************************/
.break {display: block;}


.pleca0-cel{
  display: block;
  background: #12243b;  
  padding: 0;
  height: 3px;
  border-color: #12243b;  
  margin: 10px auto;
  max-width: 340px;
}

.footer{
  display: block;
  padding: 0;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  margin:0 auto;  
}

.atte-cel {
  background: none;
  display: block;
  text-align: left;
  width: 100%;
  color: #12243b;
  z-index: 2;
  padding: 0;
  font-weight: bold;
  font-size: 19px;
  line-height: 16px;
}

.copy-cel {
  background: none;
  display: block;
  text-align: left;  
  width: 100%;  
  color: #12243b;
  padding: 0;
  margin:10px 0 0 0;
  font-size: 17px;
}

.copy-cel a{
  color: #0640b5;
  font-weight: bold;
}

.copy-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.direccion-cel {
  background: none;
  display: block;
  text-align: left;  
  color: #12243b;
  width: 100%;
  z-index: 2;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 17px;
}

.direccion-cel a{
  color: #0640b5;
  font-weight: bold;
}

.direccion-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.espejia-cel{
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 5px auto;
}

.espejia-cel img{
  width: 100%;
  max-width: 360px;
}

.design-cel {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+9,011732+50,000000+96 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #000000 9%, #011732 50%, #000000 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #000000 9%,#011732 50%,#000000 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #000000 9%,#011732 50%,#000000 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  display: block;
  margin: 0 auto;
  width: 240px;
  text-align: right;
  font-weight: normal;
  color: white;
  margin: 10px 0 5px 108px;
  padding: 0;
  border-radius: 8px;
  font-size: 13px;
  line-height: 15px;
}

.design-cel a{
  margin: 0 auto;
  font-weight: normal;
  color: white;
  padding: 0 10px 0 0;
  font-size: 13px;
  line-height: 15px;

}

.design-cel a:hover{
  color: white;
  text-decoration: underline;
}



}

/******************************************************
          MOOD CELULARES
    [ MEDIA all 320-359 ]
*******************************************************/
@media all and (min-width: 320px) and (max-width: 359px) 
{

main {display: none !important;}
nav{display: none;}
.menu {display: none;}
.apartalo{display: none;}
#contenedor-departamento{display: none !important;}
#contenedor-departamentos{display: none !important;}
.departamentos-tablet{display: none;}
#contenedor-forma{display: none;}
#contenedor-avance{display: none;}
#contenedor-ubicacion{display: none;}
#contenedor-proyecto{display: none;}

  b {
  font-weight: 600;
}

  iframe{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

  .blue{
    color: #12243b;
    font-weight: normal;
}

  .fa-solid{
    color: #05a1fb;
}

  .fa-square-facebook{
    color: navy;
}

  .fa-square-instagram{
   background: -webkit-linear-gradient(rgb(238, 42, 123), rgb(0, 42, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ee2a7b;
}

  .fa-linkedin{
    color: blue;
}

  .fa-square-youtube{
    color: red;
}

  .fa-square-whatsapp{
    color: limegreen;
}

  .mx{
    color: #f417a8;
    font-weight: bold;
}

.fa-bars{
  color: bluelight;
  font-size: 28px;  
}

.contenedor-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;  
  padding: 5px;
  max-width: 320px;
}


.mob-navegacion{
  position: fixed;
  background: #12243b;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: "Roboto Condensed", sans-serif;  
  z-index: 200;
  width: 100%;
  min-height: 50px;
  top: 0;
  left: 0;
}

.mob-navegacion ul{
  background: none;
  list-style: none;
  padding: 0 0 0 0;
}

.mob-navegacion ul li{
  background: none;
  display: inline-block;
  position: relative;
  transition: .3s linear;
  z-index: 200;
}

.mob-navegacion ul li a{
  font-family: "Roboto Condensed", sans-serif;    
  color: #12243b;
  text-align: left;
  font-weight: bold;
  transition: .3s linear;
  font-size: 20px;
  letter-spacing: 1.5;
  padding: 0;
}

.mob-navegacion ul li a:hover{
  color: #246bc3;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1.5;
  height: 100%;
}

.mob-navegacion ul li:hover .hijos{
  display: block;
  text-decoration: none;
  height: 100%;
}

.mob-navegacion .submenu .hijos{
  display: none;
  background: white;
  position: absolute;
  left: 0;
  width: 200px;
}

.mob-navegacion .submenu .hijos li{
  display: block;
  overflow: hidden;
}

.mob-navegacion .submenu .hijos li a{
  background: white;
  display: block;
  text-align: left;
  height: 100%;
  padding: 6px 0 6px 8px;
  font-size: 18px;
  font-weight: bold;  
  line-height: 21px;
  border-bottom: 2px solid #12243b;
}

.mob-navegacion .submenu .hijos li a:hover{
  background: #12243b;
  height: 100%;
  color: white;
  font-weight: bold;
  padding: 6px 0 6px 8px;
  font-size: 18px;
  line-height: 21px;
}

.logo-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 0 0;  
}

.logo-cel img{
  width: 100%;
  max-width: 260px;
}

.video-cel{
  display: block;
  width: 90%;
  height: 280px;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 5px 0;
}

.video-cel img{
  width: 100%;
  max-width: 300px;
  max-height: 280px;
}


.aparta-cel{
  display: block;
  grid-area: aparta;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 10px 0;
}

.aparta-cel img{
  width: 100%;
  max-width: 220px;
}

.depasimg-cel{
  background: none;
  grid-area: depasimg;
  width: 100%;
  text-align: center;
  align-self: center;
  margin: 0;
  padding: 10px 0 5px 0;  
}

.depasimg-cel img{
  width: 100%;
  max-width: 260px;
}

.desde-cel{
  font-family: 'futura_md_btmedium', sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 26px;
  letter-spacing: -1px;
}

.redes-cel {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.redes-cel a{
  display: inline-block;
  justify-content: center;
  text-align: center;  
  font-size: 27px;
  margin: 10px auto;
}

.fa-brands{
  text-align: center;  
  margin: 0 14px 0 14px;
}

.direccion-ub-cel {
  background: #12243b;
  font-family: 'geosanslightregular', sans-serif;  
  height: auto;
  text-align: center;
  color: white;
  font-size: 18px;
  line-height: 22px;
  border-radius: 10px;
  padding: 4px;
}

/******************************************************
    [ PROYECTO]
*******************************************************/

.proyecto-cel{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.h1-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 32px;
  line-height: 36px;
  margin: 0 auto;
  padding: 0;
}

ul{
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 24px;
  padding: 0 0 0 5px;
}

li{
  font-family: "Oswald", sans-serif;
  font-size: 17px;
  line-height: 30px;
  padding: 0 0 0 10px;
}

.CG-cel {
  grid-area: cg;
  font-family: "Oswald", sans-serif;
  text-align: left;
  line-height: 28px;
}

.RG-cel {
  font-family: "Oswald", sans-serif;
  padding: 0 0 0 15px;
}

/******************************************************
    [ UBICACION]
*******************************************************/

.ubicacion-celL{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.textos-ub-cel{
  display: block;  
  font-family: "Oswald", sans-serif;
  text-align: justify;
  margin: 0 auto;
  font-size: 17px;
  line-height: 27px;
  padding: 0;
}

.textos-ub-cel p{
  margin: 0 0 11px 0;
}

.moctezuma-cel{
  display: block;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.moctezuma-cel img{
  width: 100%;
  max-width: 600px;
  border-radius: 10px;
}

.ub-mapa-cel{
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.ub-mapa-cel img{
  width: 100%;
  max-width: 550px;
  cursor: pointer;
  border-radius: 10px;  
}

/******************************************************
    [ DEPARTAMENTOS]
*******************************************************/
.departamentos-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
}


.click-cel{
  display: block;
  text-align: center;
  width: 100%;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
}

.click-cel img{
  width: 100%;
  max-width: 780px;
  border-radius: 20px;
}


/******************************************************
    [ DEPARTAMENTO]
*******************************************************/


#contenedor-departamento-cel{
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 5px;
  max-width: 320px;
}


.h1depa-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 24px;
  line-height: 22px;
  margin: 0 auto;
  padding: 50px 0 0 0;
}

.plano-depas-cel{
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 15px 0;
}

.plano-depas-cel img{
  border-radius: 20px;
  max-width: 320px;
}

.depas-tipo-cel{
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
}

.depas-tipo-cel img{
  max-width: 320px;
  border-radius: 20px;
}


.caracteristicasB-cel{
  display: block;
  font-family: "Oswald", sans-serif;   
  text-align: left;
  font-size: 19px;
  line-height: 28px;
  margin: 0 0 0 5px;
}

.estacionamiento-cel{
  display: block;
  text-align: center;
  padding: 0;
  margin: 10px 0 0 0;
}

.estacionamiento-cel img{
  border-radius: 12px;
  max-width: 320px;
}

.descarga-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 10px auto;

}

.descarga-cel img{
  border-radius: 20px;
  max-width: 320px;
}

.depas24-cel{
  grid-area: depas24;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;  
}

.depas24-cel img{
  max-width: 320px;
}


.aparta-01-cel {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 15px auto;
}

.aparta-01-cel img{
  max-width: 250px;
}

.infonavit-fovissste-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 15px auto;
}

.infonavit-fovissste-cel img{
  max-width: 320px;
}


/******************************************************
    [ AVANCE DE OBRA]
*******************************************************/

.av-obra-cel{
  background: none;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.mes{
  font-family: "Oswald", sans-serif; 
  width: 100%;
  padding: 8px 0 0 0;
  font-size: 26px;
  color: deepskyblue;
}

/******************************************************
    [ FORMULARIO]
*******************************************************/

.informes-cel{
  background: none;
  display: block;
  text-align: left;
  font-family: "Oswald", sans-serif;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.contform-cel{
  background: none;
  display: block;
  background: white;
  width: 100%;
  margin:0 auto;
  padding: 0;  
}

.fa-whatsapp{
  font-size: 21px;
  color: limegreen;
  padding: 3px 0 0 0;
  margin: 0 auto;
}

.contform-cel p{
  font-size: 16px;
  padding: 0 0 8px 0;
}

.formulario-cel{
  background: #12243b;
  display: block;  
  text-align: center;
  color: white;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 6px;
}

.formulario-cel p{
  font-size: 15px;
}

form{
  width: 100%;
}

input{
  border: solid 2px #05a1fb;
  border-radius: 10px;
  font-size: 13px;
  padding: 5px;
  width: 90%;
  margin: 3px 0 3px 0;
}

textarea{
  border: solid 2px #05a1fb;
  border-radius: 6px;
  font-size: 14px;
  padding: 5px;
  width: 90%;
}

.textosbut{
  border-radius: 15px;
  font-size: 15px;
  text-align: center;
  width: 28%;
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}

.textosbut:hover{
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}


/******************************************************
    [ FOOTER]
*******************************************************/
.break {display: block;}


.pleca0-cel{
  display: block;
  background: #12243b;  
  padding: 0;
  height: 3px;
  border-color: #12243b;  
  margin: 10px auto;
  max-width: 300px;
}

.footer{
  display: block;
  padding: 0;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  margin:0 auto;  
}

.atte-cel {
  background: none;
  display: block;
  text-align: left;
  width: 100%;
  color: #12243b;
  z-index: 2;
  padding: 0;
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
}

.copy-cel {
  background: none;
  display: block;
  text-align: left;  
  width: 100%;  
  color: #12243b;
  padding: 0;
  margin:10px 0 0 0;
  font-size: 14px;
}

.copy-cel a{
  color: #0640b5;
  font-weight: bold;
}

.copy-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.direccion-cel {
  background: none;
  display: block;
  text-align: left;  
  color: #12243b;
  width: 100%;
  z-index: 2;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 14px;
}

.direccion-cel a{
  color: #0640b5;
  font-weight: bold;
}

.direccion-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.espejia-cel{
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 5px auto;
}

.espejia-cel img{
  width: 100%;
  max-width: 300px;
}

.design-cel {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+9,011732+50,000000+96 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #000000 9%, #011732 50%, #000000 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #000000 9%,#011732 50%,#000000 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #000000 9%,#011732 50%,#000000 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: right;
  font-weight: normal;
  color: white;
  margin: 0 auto;
  padding: 0;
  border-radius: 8px;
  font-size: 11px;
  line-height: 15px;
}

.design-cel a{
  margin: 0 auto;
  font-weight: normal;
  color: white;
  padding: 0;
  font-size: 11px;
  line-height: 15px;

}

.design-cel a:hover{
  color: white;
  text-decoration: underline;
}


}

/******************************************************
          MOOD CELULARES
    [ MEDIA all 1-319 ]
*******************************************************/
@media all and (min-width: 1px) and (max-width: 319px) 
{

main {display: none !important;}
nav{display: none;}
.menu {display: none;}
.apartalo{display: none;}
#contenedor-departamento{display: none !important;}
#contenedor-departamentos{display: none !important;}
.departamentos-tablet{display: none;}
#contenedor-forma{display: none;}
#contenedor-avance{display: none;}
#contenedor-ubicacion{display: none;}
#contenedor-proyecto{display: none;}


  b {
  font-weight: 600;
}

  iframe{
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

  .blue{
    color: #12243b;
    font-weight: normal;
}

  .fa-solid{
    color: #05a1fb;
}

  .fa-square-facebook{
    color: navy;
}

  .fa-square-instagram{
   background: -webkit-linear-gradient(rgb(238, 42, 123), rgb(0, 42, 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ee2a7b;
}

  .fa-linkedin{
    color: blue;
}

  .fa-square-youtube{
    color: red;
}

  .fa-square-whatsapp{
    color: limegreen;
}

  .mx{
    color: #f417a8;
    font-weight: bold;
}

.fa-bars{
  color: bluelight;
  font-size: 28px;  
}

.contenedor-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;  
  padding: 5px;
  max-width: 240px;
}


.mob-navegacion{
  position: fixed;
  background: #12243b;
  display: flex;
  align-items: center;
  justify-content: start;
  font-family: "Roboto Condensed", sans-serif;  
  z-index: 200;
  width: 100%;
  min-height: 50px;
  top: 0;
  left: 0;
}

.mob-navegacion ul{
  background: none;
  list-style: none;
  padding: 0 0 0 0;
}

.mob-navegacion ul li{
  background: none;
  display: inline-block;
  position: relative;
  transition: .3s linear;
  z-index: 200;
}

.mob-navegacion ul li a{
  font-family: "Roboto Condensed", sans-serif;    
  color: #12243b;
  text-align: left;
  font-weight: bold;
  transition: .3s linear;
  font-size: 20px;
  letter-spacing: 1.5;
  padding: 0;
}

.mob-navegacion ul li a:hover{
  color: #246bc3;
  text-decoration: none;
  text-align: left;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: 1.5;
  height: 100%;
}

.mob-navegacion ul li:hover .hijos{
  display: block;
  text-decoration: none;
  height: 100%;
}

.mob-navegacion .submenu .hijos{
  display: none;
  background: white;
  position: absolute;
  left: 0;
  width: 200px;
}

.mob-navegacion .submenu .hijos li{
  display: block;
  overflow: hidden;
}

.mob-navegacion .submenu .hijos li a{
  background: white;
  display: block;
  text-align: left;
  height: 100%;
  padding: 6px 0 6px 8px;
  font-size: 18px;
  font-weight: bold;  
  line-height: 21px;
  border-bottom: 2px solid #12243b;
}

.mob-navegacion .submenu .hijos li a:hover{
  background: #12243b;
  height: 100%;
  color: white;
  font-weight: bold;
  padding: 6px 0 6px 8px;
  font-size: 18px;
  line-height: 21px;
}

.logo-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 0 0;  
}

.logo-cel img{
  width: 100%;
  max-width: 200px;
}

.video-cel{
  display: block;
  width: 90%;
  height: 200px;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 5px 0;
}

.video-cel img{
  width: 100%;
  max-width: 220px;
  max-height: 200px;
}

.aparta-cel{
  display: block;
  grid-area: aparta;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 5px 0 10px 0;
}

.aparta-cel img{
  width: 100%;
  max-width: 200px;
}

.depasimg-cel{
  background: none;
  grid-area: depasimg;
  width: 100%;
  text-align: center;
  align-self: center;
  margin: 0;
  padding: 10px 0 5px 0;  
}

.depasimg-cel img{
  width: 100%;
  max-width: 240px;
}


.desde-cel{
  font-family: 'futura_md_btmedium', sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  letter-spacing: -1px;
}

.redes-cel {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.redes-cel a{
  display: inline-block;
  justify-content: center;
  text-align: center;  
  font-size: 24px;
  margin: 10px auto;
}

.fa-brands{
  text-align: center;  
  margin: 0 10px 0 10px;
}

.direccion-ub-cel {
  background: #12243b;
  font-family: 'geosanslightregular', sans-serif;  
  height: auto;
  text-align: center;
  color: white;
  font-size: 18px;
  line-height: 22px;
  border-radius: 10px;
  padding: 4px;
}

/******************************************************
    [ PROYECTO]
*******************************************************/

.proyecto-cel{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.h1-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 28px;
  line-height: 34px;
  margin: 0 auto;
  padding: 0;
}

ul{
  font-family: "Oswald", sans-serif;
  font-weight: 600;
  font-size: 24px;
  padding: 0 0 0 5px;
}

li{
  font-family: "Oswald", sans-serif;
  font-size: 17px;
  line-height: 30px;
  padding: 0 0 0 10px;
}

.CG-cel {
  grid-area: cg;
  font-family: "Oswald", sans-serif;
  text-align: left;
  line-height: 28px;
}

.RG-cel {
  font-family: "Oswald", sans-serif;
  padding: 0 0 0 15px;
}

/******************************************************
    [ UBICACION]
*******************************************************/

.ubicacion-celL{
  background: none;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding: 0;
}

.textos-ub-cel{
  display: block;  
  font-family: "Oswald", sans-serif;
  text-align: justify;
  margin: 0 auto;
  font-size: 17px;
  line-height: 27px;
  padding: 0;
}

.textos-ub-cel p{
  margin: 0 0 11px 0;
}

.moctezuma-cel{
  display: block;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.moctezuma-cel img{
  width: 100%;
  max-width: 600px;
  border-radius: 10px;
}

.ub-mapa-cel{
  display: block;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

.ub-mapa-cel img{
  width: 100%;
  max-width: 550px;
  cursor: pointer;
  border-radius: 10px;  
}

/******************************************************
    [ DEPARTAMENTOS]
*******************************************************/
.departamentos-cel{
  background: none;
  display: block;
  width: 100%;
  margin: 0 auto;
}


.click-cel{
  display: block;
  text-align: center;
  width: 100%;
  cursor: pointer;
  margin: 0 auto;
  padding: 0;
}

.click-cel img{
  width: 100%;
  max-width: 780px;
  border-radius: 20px;
}

/******************************************************
    [ DEPARTAMENTO]
*******************************************************/


#contenedor-departamento-cel{
  display: block;
  margin: 0 auto;
  width: 100%;
  padding: 5px;
  max-width: 240px;
}


.h1depa-cel{
  background: none;
  display: block;
  text-align: center;
  width: 100%;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;
  align-self: center;
  height: auto;
  font-size: 20px;
  line-height: 22px;
  margin: 0 auto;
  padding: 50px 0 0 0;
}

.plano-depas-cel{
  display: block;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 15px 0;
}

.plano-depas-cel img{
  border-radius: 20px;
  max-width: 240px;
}

.depas-tipo-cel{
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 15px 0;
}

.depas-tipo-cel img{
  max-width: 240px;
  border-radius: 20px;
}


.caracteristicasB-cel{
  display: block;
  font-family: "Oswald", sans-serif;   
  text-align: left;
  font-size: 16px;
  line-height: 26px;
  margin: 0 0 0 5px;
}

.estacionamiento-cel{
  display: block;
  text-align: center;
  padding: 0;
  margin: 10px 0 0 0;
}

.estacionamiento-cel img{
  border-radius: 12px;
  max-width: 240px;
}

.descarga-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 10px auto;

}

.descarga-cel img{
  border-radius: 20px;
  max-width: 240px;
}

.depas24-cel{
  grid-area: depas24;
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;  
}

.depas24-cel img{
  max-width: 240px;
}


.aparta-01-cel {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 15px auto;
}

.aparta-01-cel img{
  max-width: 240px;
}

.infonavit-fovissste-cel{
  display: block;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: 15px auto;
}

.infonavit-fovissste-cel img{
  max-width: 240px;
}


/******************************************************
    [ AVANCE DE OBRA]
*******************************************************/

.av-obra-cel{
  background: none;
  display: inline-block;
  text-align: left;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.mes{
  font-family: "Oswald", sans-serif; 
  width: 100%;
  padding: 8px 0 0 0;
  font-size: 26px;
  color: deepskyblue;
}

/******************************************************
    [ FORMULARIO]
*******************************************************/

.informes-cel{
  background: none;
  display: block;
  text-align: left;
  font-family: "Oswald", sans-serif;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 8px 0;
}

.contform-cel{
  background: none;
  display: block;
  background: white;
  width: 100%;
  margin:0 auto;
  padding: 0;  
}

.fa-whatsapp{
  font-size: 21px;
  color: limegreen;
  padding: 3px 0 0 0;
  margin: 0 auto;
}

.contform-cel p{
  font-size: 16px;
  padding: 0 0 8px 0;
}

.formulario-cel{
  background: #12243b;
  display: block;  
  text-align: center;
  color: white;
  width: 100%;
  margin: 0 auto;
  border-radius: 16px;
  padding: 6px;
}

.formulario-cel p{
  font-size: 15px;
}

form{
  width: 100%;
}

input{
  border: solid 2px #05a1fb;
  border-radius: 10px;
  font-size: 13px;
  padding: 5px;
  width: 90%;
  margin: 3px 0 3px 0;
}

textarea{
  border: solid 2px #05a1fb;
  border-radius: 6px;
  font-size: 14px;
  padding: 5px;
  width: 90%;
}

.textosbut{
  border-radius: 15px;
  font-size: 15px;
  text-align: center;
  width: 28%;
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}

.textosbut:hover{
  margin: 6px 15px 6px 15px;
  border: solid 2px white;
}


/******************************************************
    [ FOOTER]
*******************************************************/
.break {display: block;}


.pleca0-cel{
  display: block;
  background: #12243b;  
  padding: 0;
  height: 3px;
  border-color: #12243b;  
  margin: 10px auto;
  max-width: 220px;
}

.footer{
  display: block;
  padding: 0;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  margin:0 auto;  
}

.atte-cel {
  background: none;
  display: block;
  text-align: left;
  width: 100%;
  color: #12243b;
  z-index: 2;
  padding: 0;
  font-weight: bold;
  font-size: 15px;
  line-height: 16px;
}

.copy-cel {
  background: none;
  display: block;
  text-align: left;  
  width: 100%;  
  color: #12243b;
  padding: 0;
  margin:10px 0 0 0;
  font-size: 12px;
}

.copy-cel a{
  color: #0640b5;
  font-weight: bold;
}

.copy-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.direccion-cel {
  background: none;
  display: block;
  text-align: left;  
  color: #12243b;
  width: 100%;
  z-index: 2;
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 12px;
}

.direccion-cel a{
  color: #0640b5;
  font-weight: bold;
}

.direccion-cel a:hover{
  color: #0640b5;
  font-weight: bold;
  text-decoration: underline;
}

.espejia-cel{
  width: 100%;
  text-align: center;
  padding: 0;
  margin: 5px auto;
}

.espejia-cel img{
  width: 100%;
  max-width: 240px;
}

.design-cel {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+9,011732+50,000000+96 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(-45deg, #000000 9%, #011732 50%, #000000 96%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #000000 9%,#011732 50%,#000000 96%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #000000 9%,#011732 50%,#000000 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

  display: block;
  margin: 0 auto;
  width: 100%;
  text-align: right;
  justify-self: end;
  align-content: end;
  font-weight: normal;
  color: white;
  margin: 0 auto;
  padding: 0;
  border-radius: 8px;
  font-size: 10px;
  line-height: 15px;
}

.design-cel a{
  margin: 0 auto;
  font-weight: normal;
  color: white;
  padding: 0;
  font-size: 10px;
  line-height: 15px;

}

.design-cel a:hover{
  color: white;
  text-decoration: underline;
}


}