/*@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300;400;500;600;700&family=Syne:wght@400;500;600;700;800&family=Ubuntu+Condensed&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');*/


@font-face {
  font-family: "Syne";
  src: url("../../fonts/Syne/Syne-VariableFont_wght.ttf");
  }
  @font-face {
  font-family: "Syne-Bold";
  src: url("../../fonts/Syne/static/Syne-Bold.ttf");
  }
  @font-face {
  font-family: "Syne-Medium";
  src: url("../../fonts/Syne/static/Syne-Medium.ttf");
  }
  
  @font-face {
  font-family: "Syne-ExtraBold";
  src: url("../../fonts/Syne/static/Syne-ExtraBold.ttf");
  }
  @font-face {
  font-family: "Syne-SemiBold";
  src: url("../../fonts/Syne/static/Syne-SemiBold.ttf");
  }
  
  
  @font-face {
  font-family: "SupremeLight";
  src: url("../../fonts/Supreme_Complete/Fonts/WEB/fonts/Supreme-Light.ttf");
  }
  @font-face {
  font-family: "SupremeLightItalic";
  src: url("../../fonts/Supreme_Complete/Fonts/WEB/fonts/Supreme-LightItalic.ttf");
  }
  @font-face {
  font-family: "SupremeMediumItalic";
  src: url("../../fonts/Supreme_Complete/Fonts/WEB/fonts/Supreme-MediumItalic.ttf");
  }
  @font-face {
  font-family: "SupremeRegular";
  src: url("../../fonts/Supreme_Complete/Fonts/WEB/fonts/Supreme-Regular.ttf");
  }
  
  @font-face {
  font-family: "Supreme";
  src: url("../../fonts/Supreme_Complete/Fonts/WEB/fonts/Supreme-Medium.ttf");
  }
  @font-face {
  font-family: "SupremeBold";
  src: url("../../fonts/Supreme_Complete/Fonts/WEB/fonts/Supreme-Bold.ttf");
  }
  @font-face {
  font-family: "SupremeBoldItalic";
  src: url("../../fonts/Supreme_Complete/Fonts/WEB/fonts/Supreme-BoldItalic.ttf");
  }
  
  @font-face {
  font-family: "SupremeExtrabold";
  src: url("../../fonts/Supreme_Complete/Fonts/WEB/fonts/Supreme-Extrabold.ttf");
  }
  @font-face {
  font-family: "SupremeExtraboldItalic";
  src: url("../../fonts/Supreme_Complete/Fonts/WEB/fonts/Supreme-ExtraboldItalic.ttf");
  }
  
  
  
  
  
  html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
  .jumbotron{padding:0}
  article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
  body{line-height:1; background-color:#271e1e; overflow-x: hidden;} /* background-color:var(--backColor) */
  body{}
  
  ol,ul{list-style:none}
  blockquote,q{quotes:none}
  blockquote:before,blockquote:after{content:"";content:none}
  q:before,q:after{content:"";content:none}
  table{border-collapse:collapse;border-spacing:0}
  button.focus,button:focus,.btn.focus,.btn:focus{outline:0;box-shadow:none}
  
  .form-control:focus{box-shadow:none}
  textarea{resize: none;
  height: 6.4rem !important;}
  .modal .modal-content{border-radius:0;border:0}
  a{color:inherit}
  a:hover{text-decoration:none}
  p:empty{display:none}
  :root{--primary: #cabbb5;--title-color: #ba7945;--text-color: #cabbb5;--bg-color: white;--navbar-scrolled: #1a3141;--navbar-bottom: rgba(250, 250, 250, 0.15);--footer: #203d51;--btn: #4198e6;--btn-hover: #203d51;--sticky-nav: #1a3141;--bg-modal: #1a3141;--aside-nav: #858585;--backColor:#271e1b; }
  .dark-bg{--bg-color: #272727;--title-color: white;--text-color: #afafaf;--li: #afafaf;--border-color: white;--form-label: #807f7f;--card-body: white;--card-text: white;--tab-pane: white;background-color:var(--bg-color);--counter-title: white;--counter-subtitle: white;--accordion-text: white;--accordion-btn-text: white;--acordion-btn-span: white;--scollable-track: #b3b3b3;--scollable-thumb: white}
  .light-bg{--bg-color: white;--title-color: #ba7945;--text-color: #cabbb5;--li: #807f7f;--border-color: black;--form-label: #1a3141;--card-body: #f7f7f7;--card-text: black;--tab-pane: #f7f7f7;background-color:var(--bg-color);--counter-title: #203d51;--counter-subtitle: #807f7f;--accordion-text: #807f7f;--accordion-btn-text: #203d51;--acordion-btn-span: #807f7f;--scollable-track: #b3b3b3;--scollable-thumb: #232323;}
  :root{font-size:16px;font-family:"Syne",sans-serif}
  /*h1{font-size:clamp(2.1875rem,6vw,5rem);letter-spacing:clamp(0.3125rem,2vw,1.25rem);color:#fff;text-transform:uppercase;font-weight:500}*/
  h2.component-title{color:var(--title-color);font-size:2.25rem;font-weight:400;text-transform:inherit;line-height:1.2}
  h3.component-subtitle{color:var(--text-color);font-size:1.5625rem;font-weight:400}
  h2{color: var(--title-color);font-size: 3.3vw;}
  h5{font-size:1rem;text-transform:uppercase;color:var(--primary);font-weight:400;letter-spacing:2px}
  p,li{color:var(--text-color)}
  h3{color: var(--title-color);}
  .component-paragraph{font-size:1rem;line-height:1.6}
  .text-clamp{-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;display:-moz-box}
  @media(max-width: 767.98px){br{display:none}}
  section{padding:7.5rem 0;position:relative; background-color: #271e1b;}
  @media(max-width: 767.98px){section{padding:5rem 0}}
  section.full{min-height:100vh}
  .container{max-width:72vw;}
  .container-absolute{position:absolute;margin:auto;z-index:2;pointer-events:none;inset:0}
  @media(max-width: 991.98px){.container-absolute{position:relative}}
  .center-vh,.novedades .novedades-modal .novedades-modal_content .novedades-modal_close,.proyecto .proyecto-modal .proyecto-modal_content .proyecto-modal_close,header .wsp,header,section.full{display:flex;align-items:center;justify-content:center}
  header{background-color: var(--backColor) !important;}
  .img_bg{position:absolute;left:0;right:0;top:0;bottom:0}
  .img_bg>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}
  .img_bg+.container{position:relative;z-index:1}
  .img_bg-2{z-index:2}
  .component-grid .component-card{margin:0}
  .component-grid.component-grid-5{display:grid;grid-template-columns:repeat(5, 1fr);grid-column-gap:40px;grid-row-gap:40px}
  @media(max-width: 1199.98px){.component-grid.component-grid-5{grid-template-columns:repeat(4, 1fr)}}
  @media(max-width: 991.98px){.component-grid.component-grid-5{grid-template-columns:repeat(3, 1fr)}}
  @media(max-width: 767.98px){.component-grid.component-grid-5{grid-template-columns:repeat(2, 1fr);grid-column-gap:20px;grid-row-gap:20px}}
  :root{scroll-behavior:smooth}
  .scrollable{overflow-y:auto;padding-right:3.125rem;pointer-events:all}
  .scrollable::-webkit-scrollbar{width:3px}
  .scrollable::-webkit-scrollbar-track{background:var(--scollable-track)}
  .scrollable::-webkit-scrollbar-thumb{background:var(--scollable-thumb)}
  .scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary)}
  @media(max-width: 750px){.no-padding-mobile{padding:0}}
  .check:not(header){opacity:100}.check:not(header).animate__animated{opacity:1}
  :root{--mb-large: 1.5rem;--mb-medium: 1rem;--mb-small: 0.75rem}
  @media(max-width: 767.98px){:root{font-size:14px}}
  .component{margin-top:0.625rem}
  .component:first-child{margin-top:0}
  .component:last-child{margin-bottom:0}
  .component-title+.component-subtitle{margin-top:1.875rem}
  .component-title+.component-paragraph{margin-top:1.875rem}
  .component-subtitle+.component-paragraph{margin-top:1.25rem}
  .component-title+.component.component-paragraph,.component-subtitle+.component.component-paragraph{margin-top:1.875rem}
  .component-title+.component,.component-subtitle+.component{margin-top:2vw}
  .component-title+.row,.component-subtitle+.row{margin-top:3.125rem}.component-tab+*,.component-accordion+*,.component-slider+*,.component-form+*,.component-list+*{margin-top:3.125rem}
  .row-component-wrapper+.component{margin-top:3.125rem}
  .component-paragraph+.component-list{margin-top:1.875rem}
  .header{
  background-image:url(../../../assets/images/distrito_cero/bg_imgn_fondobg.jpg); 
  min-height: 134vh; /* 133.4vh; */ /* 132.89vh; */
  background-size:cover;background-position:center center;position:initial; margin-top: -45vw;  overflow: hidden !important; background-color: var(--backColor);
  transition: all .015S ease-in;
  }
  
  .headerEfecto  {  
    background-repeat: no-repeat;
  }
  .efectoPersona  {  
    transition: all .15S ease-in;
    transform: translateY(-67px);
  }
    
  /*
  .headerEfecto{
  transform: scale(1.051);
  transition: all .2s ease-in;
  overflow: hidden !important;
  z-index: 0;
  }*/
  
  .titulo br{display:none;}
  header .container{position:relative;z-index:1}
  .titulo{
  font-size: 8vw;
  color: white;
  padding-top: 34vw;
  z-index: 5;
  }
  .titulo span{
  font-size: 8vw;
  color: #ba7945;
  z-index: 5;
  }
  .tituMob{
  display: none;
  }
  .conteHeaderdiv .persona{    
  background-image: url(../../../assets/images/distrito_cero/bg_imgn_persona.png); 
  z-index: 0; 
  position: absolute;  
  inset: -2vw;
  background-attachment: initial;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  height: 134vh;
  overflow:hidden !important; 
  transition: all .15S ease-in-out;
  }
  
  .headerDiv .efectLuz{    background-image: url(../../../assets/images/distrito_cero/bg_img_luz.png); z-index: 22; position: relative;  inset: 0;    background-attachment: initial; background-attachment: scroll;  background-size: cover;  background-position: center center;  background-repeat: no-repeat;   height: 124.5vh; overflow:hidden !important;}
  
  header .wsp{position:fixed;right:50px;bottom:100px;height:50px;width:50px;border-radius:50px;background-color:var(--primary);z-index:100}
  header .wsp img{width:30px;height:30px}@media(max-width: 767.98px){header .wsp{right:40px;bottom:50px}}
  header .goDown{position:absolute;left:44vw;right:0;bottom:2vw;width:auto;margin:auto;z-index:5; top:43vw;}
  header .imgRueda{
  width: 11vw;
  animation: girar 22s infinite linear;
  }
  header{overflow: hidden !important; background-color: rgba(0, 0, 255, 0) !important; margin-top: -4vw;}
  
  @keyframes girar {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
  }
  
  header .imgFlecha {
    text-align: center;
    position: relative;
    width: 11vw;
    margin-top: 0;
    transition: all .13s ease-in-out;
    margin-left: -11vw;
  }
  /*
  header .imgFlecha {
  position: absolute;
  left: 0vw; -0.01vw
  top: 0.33vw; 0.13vw
  width: 11vw;
  transition: all .13s ease-in-out;
  }*/
  
  header .imgFlecha:hover{
  transform: rotate(45deg);/*5deg*/
  }
  header .imgFlechaMob {
  display: none;
  }
  /*@media(max-width: 991.98px){header .goDown{bottom:40px}}
  @media(max-width: 767.98px){header .goDown{display:none}}*/
  
  @media(max-width: 767.98px){
  .header{
  background-image: url(../../../assets/images/distrito_cero/bg_imgn_fondobg_mob.png);
  min-height: 107vh;
  overflow: hidden;
  background-position: left;
  background-attachment: initial;
  margin-top: -4vw;
  }
  .persona{
  inset: -85vw !important;    
  height: 230vh !important; 
  }
  .headerEfecto {
  transform: scale(1.051);
  transition: all .2s ease-in;
  overflow: hidden !important;
  position: relative;
  z-index: 0;
  }
  .titulo br{display:block;}
  .titulo {
  font-size: 23vw;
  color: white;
  padding-top: 0;
  margin-top: -75vw;
  }
  .titulo span {
  font-size: 23vw;
  color: #ba7945;
  margin-left: -4vw;
  }
  .tituMob{
  display: block;
  }
  .tituMob h2{
    font-size: 22vw;
    position: absolute;
    top: 44vw;
    left: 10vw;
    color: white;
  }
  .tituMob h2 span{
  color: var(--title-color);
  }
  .tituMob h2 br{
  display: block;
  }
  header .imgRueda {
  width: 35vw;
  position: relative;
  top: 37rem;/*calc(100vw - -18vw)*/
  left: -12vw;
  }
  header .imgFlechaMob {
  display: block;
  position: relative;
  left: -13.02vw;
  top: 26.8rem;
  /*position: absolute;
  left: -13.02vw;
  top:calc(100vw - -18vw);*/
  width: 38vw;
  transition: all .13s ease-in-out;
  }
  header .imgFlecha {
  display: none;
  }
  header .goDown {
    position: absolute;
    left: 44vw;
    right: 0;
    bottom: 2vw;
    width: auto;
    margin: auto;
    z-index: 5;
    top: 48vw;
  }
  }
  @media(max-width: 320px){
    .component-nav .navbar-brand img {
      width: 99px !important;
    }
    header .imgRueda {
      position: relative;
      top: 22rem;
    }
    header .imgFlechaMob {
      position: relative;
      top: 13.8rem;
    }
  }
  @media(min-width: 322px) and (max-width: 360px){
    .component-nav .navbar-brand img {
      width: 103px !important;
    }
    header .imgRueda {
      position: relative;
      top: 39rem;
    }
    header .imgFlechaMob {
      position: relative;
      top: 29.8rem;
    }
  }
  @media(min-width: 362px) and (max-width: 376px){
    header .imgFlechaMob {
      position: relative;
      top: 24.7rem;
  }
  header .imgRueda {
    position: relative;
    top: 34rem;
  }
  }
  @media(min-width: 768px) and (max-width:999px){
  .header {
  background-image: url(../../../assets/images/distrito_cero/bg_imgn_fondobg_mob.png);
  background-position: bottom center;
  position: relative;
  min-height: 100vh;
  margin-top: -66vw;
  }
  .persona {
    background-size: contain !important;
      inset: -62vw !important;
      width: 236vw;
      height: 200vh !important;
  }
  .titulo br{display:block;}
  .titulo {
  font-size: 16vw;
  margin-top: 1vw;
  }
  .titulo span {
  font-size: 16vw;
  }
  header .goDown {
  left: 34vw;
  }
  header .imgRueda {
  width: 30vw;
  margin-top: 47vw;
  }
  header .imgFlecha {
    width: 30vw;
    margin-left: -30vw;
  }
  h5 span {
    padding-left: 0 !important;
  }
  h5 {
    padding-left: 0 !important;
  }
  .contTabulador img {
    margin: 1vw 0vw auto 1vw !important;
  }
  .sliderEnNumeros .slideNumsItem p {
    font-size: 2.38vw !important;
  }
  .servicios-slider .imagen-servicios {
    width: 6.5rem !important;
  }
  #servicios .card .ratio p {
    margin-top: 16vw !important;
  }
  #servicios .card .ratio p {
    margin-top: 16vw;
    transition: all .3s ease-in-out;
  }
  
  }
  
  @media(max-width: 375px){
    .tituMob h2 {
      font-size: 21vw;
      position: absolute;
      top: 32vw;
      left: 10vw;
      color: white;
  }
  header .goDown {
    position: absolute;
    left: 41vw;
    right: 1vw;
    bottom: 2vw;
    width: auto;
    margin: auto;
    z-index: 5;
    top: 14vw;
  }
      .persona{
      inset: -85vw !important;    
      height: 236vh !important; 
      }
  }
  
  @media(min-width: 1000px) and (max-width:1199px){
  header {
  background-image: url(../../../assets/images/distrito_cero/bg_imgn_fondobg.jpg);
  min-height: 100vh;
  overflow: hidden;
  background-attachment: fixed;
  background-size: cover;
  background-position: center center;
  position: relative;
  }
  header .persona {
  background-image: url(../../../assets/images/distrito_cero/bg_imgn_persona.png);
  z-index: 0;
  position: absolute;
  inset: 0;
  background-attachment: initial;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 101vw;
  height: 124vh;
  }
  }
  @media(min-width:1590px){
  header .efectLuz {
  height: 119.5vh;
  overflow: hidden;
  }
  .header {
    min-height: 133.5vh;
    margin-top: -44vw;
    overflow: hidden !important;
    background-color: var(--backColor);
  }
  .efectoPersona  {  
    transition: all .15S ease-in;
    transform: translateY(-96px) !important;
  }
  }
  @media(min-width:1890px){
    .efectoPersona  {  
      transition: all .15S ease-in;
      transform: translateY(-102px) !important;
    }
    }
  
  
  
  @-webkit-keyframes a1{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}
  @keyframes a1{from{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}
  @-webkit-keyframes a2{from{opacity:0;transform:translateY(120px)}to{opacity:1;transform:translateY(0)}}
  @keyframes a2{from{opacity:0;transform:translateY(120px)}to{opacity:1;transform:translateY(0)}}
  @-webkit-keyframes a3{from{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}
  @keyframes a3{from{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}
  @-webkit-keyframes a4{from{opacity:0;transform:translateY(150px)}to{opacity:1;transform:translateY(0)}}
  @keyframes a4{from{opacity:0;transform:translateY(150px)}to{opacity:1;transform:translateY(0)}}
  @-webkit-keyframes a5{from{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}
  @keyframes a5{from{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}
  @-webkit-keyframes a6{from{opacity:0;transform:translateY(-250px)}to{opacity:1;transform:translateY(0)}}
  @keyframes a6{from{opacity:0;transform:translateY(-250px)}to{opacity:1;transform:translateY(0)}}
  @-webkit-keyframes a7{from{opacity:0;transform:translateY(250px)}to{opacity:1;transform:translateY(0)}}
  @keyframes a7{from{opacity:0;transform:translateY(250px)}to{opacity:1;transform:translateY(0)}}
  /*header h1 span{display:inline-block}
  header h1 span{-webkit-animation-delay:.5s;animation-delay:.5s}
  header h1 span:nth-child(1){-webkit-animation:a1 3s ease-in-out forwards;animation:a1 3s ease-in-out forwards}
  header h1 span:nth-child(2){-webkit-animation:a2 3s ease-in-out forwards;animation:a2 3s ease-in-out forwards}
  header h1 span:nth-child(3){-webkit-animation:a3 3s ease-in-out forwards;animation:a3 3s ease-in-out forwards}
  header h1 span:nth-child(4){-webkit-animation:a4 3s ease-in-out forwards;animation:a4 3s ease-in-out forwards}
  header h1 span:nth-child(5){-webkit-animation:a5 3s ease-in-out forwards;animation:a5 3s ease-in-out forwards}
  header h1 span:nth-child(6){-webkit-animation:a6 3s ease-in-out forwards;animation:a6 3s ease-in-out forwards}
  header h1 span:nth-child(7){-webkit-animation:a7 3s ease-in-out forwards;animation:a7 3s ease-in-out forwards}
  header h1 span:nth-child(8){-webkit-animation:a3 3s ease-in-out forwards;animation:a3 3s ease-in-out forwards}
  header h1 span:nth-child(9){-webkit-animation:a4 3s ease-in-out forwards;animation:a4 3s ease-in-out forwards}
  header h1 span:nth-child(10){-webkit-animation:a3 3s ease-in-out forwards;animation:a3 3s ease-in-out forwards
  }
  header h1 span:nth-child(11){-webkit-animation:a2 3s ease-in-out forwards;animation:a2 3s ease-in-out forwards}
  header h1 span:nth-child(12){-webkit-animation:a1 3s ease-in-out forwards;animation:a1 3s ease-in-out forwards}*/
  .component-nav.component-nav-top{pointer-events: fill; display:flex;justify-content:space-between;background-color:rgba(0,0,0,0);padding: 0.15vw 4vw;z-index:100;transition:padding .1s linear;  transition: all .51s ease-in-out !important; }
  .navBackColor{background-color: var(--backColor) !important; transition: all .31s ease-in-out !important; box-shadow: 1px 2px 6px #3a393959;}
  .component-nav.component-nav-top.mixed{padding:0 15px;height:65px;align-items:center}
  .contImg360{width:3vw; margin-top:-1vw;}
  .navbar-expand-lg .navbar-nav .nav-link { font-size: 0.90vw; color: white; padding: 0; padding-top: 7px; font-family: 'Supreme'; transition: all .3s ease-in-out; }
  .navbar-expand-lg .navbar-nav .nav-link:hover{color: #ba7945;}
  .contImg360 img{width: 2.6vw;
  margin-top: 8px; margin-left: 1.3vw;}
  .navbar-expand-lg .navbar-collapse {
  margin: auto 4vw;
  }
  .navbar-expand-lg .navbar-nav {
  width: 62vw;
  }
  @media(max-width: 768px){
  .navbar-expand-lg .navbar-nav .nav-link {
  font-size: 5vw;
  color: #ac7845;
  padding: 0;
  padding-top: 7px;
  transition: all .3s ease-in-out;
  margin: 7vw 0;
  }
  .navbar-expand-lg .navbar-collapse {
    margin: -1vw -5vw auto -5vw;
    height: 100vh;
    background-color: #271e1b;
    width: 100%;
  }
  .contImg360 img {
  width: 13.6vw;
  margin-top: 8px;
  margin-left: 1.3vw;
  }
  .component-nav .navbar-brand_socios {
  display: block !important;
  }
  .component-nav .navbar-brand_socios img{
  width: 17vw !important;
  margin-left: 12vw;
  margin-top: 2vw;
  } 
  
  }
  @media(max-width: 991.98px){
  .component-nav.component-nav-top{padding:1.25rem 4vw;background-color:transparent;}
  .component-nav.component-nav-top.mixed{height:50px}
  }
  .component-nav .navbar-brand{pointer-events:all}
  .component-nav .navbar-brand img{width:9vw}
  .navbar-brand {
  padding-top: 0.21vw;
  padding-bottom: 0;
  margin-right: -4rem;
  margin-left: 1.5rem;
  }
  @media(max-width: 1199.98px){.component-nav .navbar-brand img{width:110px}}
  @media(max-width: 991.98px){.component-nav .navbar-brand img{width:145px}}
  .component-nav .navbar-brand_socios{pointer-events:all}
  .component-nav .navbar-brand_socios .navbar-brand_socios-1 img{width:50px}
  @media(max-width: 1199.98px){.component-nav .navbar-brand_socios .navbar-brand_socios-1 img{width:40px}}
  .component-nav .navbar-brand_socios .navbar-brand_socios-2 img{width:70px;margin-left:1.25rem}
  @media(max-width: 1199.98px){.component-nav .navbar-brand_socios .navbar-brand_socios-2 img{width:40px}
  }
  @media(max-width: 991.98px){.component-nav .navbar-brand_socios{display:none}}
  .component-nav.component-nav-bottom{position:absolute;bottom:0%;left:0;right:0;width:100%;background-color:var(--navbar-bottom);padding:1.25rem 0;z-index:10;transition:background-color .2s linear}
  .component-nav.component-nav-bottom.sticky{position:fixed;top:0;width:100%;bottom:auto;background-color:var(--sticky-nav);padding:0;height:65px;align-items:center}
  .component-nav.component-nav-bottom .navbar-brand_socios{display:none;margin-bottom:5rem}
  @media(max-width: 991.98px){.component-nav.component-nav-bottom .navbar-brand_socios{display:block}
  .component-nav.component-nav-bottom .navbar-brand_socios .navbar-brand_socios-1 img{width:50px}.component-nav.component-nav-bottom .navbar-brand_socios .navbar-brand_socios-2 img{width:70px;margin-left:1.25rem}}
  .component-nav.component-nav-bottom .navbar-nav .nav-item:not(:last-child){border-right:1px solid rgba(250,250,250,.5)}
  @media(max-width: 991.98px){.component-nav.component-nav-bottom .navbar-nav .nav-item:not(:last-child){border-right:0}}
  .component-nav.component-nav-bottom .navbar-nav .nav-link{font-size:0.75rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;padding-left:1.25rem;padding-right:1.25rem;color:#fff}
  .component-nav.component-nav-bottom .navbar-nav .nav-link:hover,.component-nav.component-nav-bottom .navbar-nav .nav-link.active{color:var(--primary)}
  @media(max-width: 1400px){.component-nav.component-nav-bottom .navbar-nav .nav-link{font-size:0.625rem;padding-left:0.3125rem;padding-right:0.3125rem}}
  @media(max-width: 991.98px){.component-nav.component-nav-bottom .navbar-nav .nav-link{font-size:1.5625rem;font-weight:500;text-align:center;padding:0.9375rem}}@media(max-width: 991.98px){.component-nav.component-nav-bottom{top:0;bottom:auto;background-color:rgba(0,0,0,0);z-index:101;height:65px;padding:0;display:flex;align-items:center;justify-content:flex-end;position:fixed}.component-nav.component-nav-bottom.sticky{background-color:rgba(0,0,0,0);height:50px}.component-nav.component-nav-bottom .navbar-collapse.collapse.show{position:absolute;height:calc(100vh - 50px);top:50px;width:100%;background-color:var(--sticky-nav);display:flex;align-items:center;justify-content:center;flex-direction:column}.component-nav.component-nav-bottom .collapsing{transition:none !important}}
  aside{position:fixed;z-index:100;top:0;bottom:0;margin:auto;display:flex;align-items:center;left:5px}
  aside li{list-style:none;height: 4vw;}
  aside .nav-link{font-size:1.25rem;font-weight:400;color:var(--text-color);position:relative;transition:margin-bottom .2s linear}
  aside .nav-link:after{content:"";position:absolute;height:0;width:2px;background:var(--aside-nav);top:25px;left:0;right:0;margin:auto;transition:height .2s linear}
  aside .nav-link:hover{color:var(--primary)}
  
  aside .nav-link::after{
  content: "";
  position: absolute;
  height: 0;
  width: 2px;
  background: var(--aside-nav);
  top: 67px;
  left: 0;
  right: 0;
  margin: auto;
  transition: height .2s linear;
  }
  
  aside .nav-item:not(:last-child) 
  .nav-link.active{    margin-bottom: 1.25rem;
  color: white;
  font-size: 1.5rem;}
  aside .nav-item:not(:last-child) 
  .nav-link.active:after{height: 30px; top: 3.6vw;}
  @media(max-width: 991.98px){aside{display:none}}
  .component-slider{position:relative}
  .component-slider .component-slider_novedades .item{height:380px;position:relative}
  .component-slider .component-slider_novedades img{border-radius:10px} 
  .component-slider .component-slider_novedades .title{font-weight:400;font-size:1.25rem;padding-right:2.5rem;margin-top:1.5625rem;line-height:1.2;-webkit-line-clamp:2;color:#fff} 
  .nav-item{
  margin: 0 0.85vw;  line-height: 4vw;
  }
  .component-slider .component-slider_novedades .date{margin-top:0.3125rem;font-size:1rem;font-weight:300;color:#a5a5a5} 
  .component-slider .component-slider_novedades .owl-dots{margin-top:2.8125rem;display:flex;justify-content:center}   
  .component-slider .component-slider_novedades .owl-dots button{background-color:#fff;width:10px;height:10px;border-radius:10px}   
  .component-slider .component-slider_novedades .owl-dots button:not(:last-child){margin-right:0.9375rem}   
  .component-slider .component-slider_novedades .owl-dots button.active{background-color:var(--primary);width:30px}   
  .component-slider .component-slider_novedades-detalle .img_bg{height:380px;position:relative}   
  .component-slider .component-slider_novedades-detalle .novedades-detalle_media{height:380px;border-radius:20px;overflow:hidden;position:relative}   
  @media(max-width: 767.98px){.component-slider .component-slider_novedades-detalle .novedades-detalle_media{display:none}   }   
  .component-slider .component-slider_novedades-detalle .novedades-detalle_desarrollo{max-height:320px}   
  @media(max-width: 767.98px){.component-slider .component-slider_novedades-detalle .novedades-detalle_desarrollo{max-height:450px}   }   
  .component-slider .component-slider_novedades-detalle .novedades-detalle_desarrollo .date{color:var(--primary);margin-bottom:0.625rem}   
  .component-slider .component-slider_novedades-detalle .novedades-detalle_desarrollo .title{font-size:1.875rem;color:#fff;margin-bottom:0.9375rem;line-height:1.4}   
  .component-slider .component-slider_novedades-detalle .novedades-detalle_desarrollo .text{line-height:1.5}   
  .component-slider .component-slider_multiple-img{pointer-events:all}   
  .component-slider .component-slider_multiple-img .item{border-radius:10px;background-size:cover;aspect-ratio:2/3;position:relative}   
  .component-slider .component-slider_multiple-img .item p{position:absolute;color:#fff;font-size:1.25rem;font-weight:500;bottom:20px;left:20px;line-height:1.2}   
  .component-owl-nav_custom button{background-color:#ebebeb;border:0;color:#838282;font-size:0.625rem;padding:0.625rem}   
  .component-owl-nav_custom button:hover{color:#fff;background-color:var(--primary)}   
  .component-slider_thumbnail #component-slider_thumbnail-1 .item{height:65vh}   
  .component-slider_thumbnail #component-slider_thumbnail-1 .item iframe{width:100% !important;height:65vh !important}   
  .component-slider_thumbnail #component-slider_thumbnail-2{margin-top:0.625rem}   
  .component-slider_thumbnail #component-slider_thumbnail-2 .item{aspect-ratio:1/1}   
  .component-slider_thumbnail #component-slider_thumbnail-2 .item .img_bg{border-radius:7px;overflow:hidden}   
  .component-slider_thumbnail #component-slider_thumbnail-2 .current .item .img_bg{border:2px solid #0c83e7}   
  .component-slider_thumbnail #component-slider_thumbnail-2 .owl-stage{display:flex;justify-content:center}   
  .component-slider_thumbnail #component-slider_thumbnail-2 .owl-item{float:none;max-width:100px !important;max-height:100px !important}   
  .component-slider_thumbnail .owl-nav [class*=owl-]{transition:all .3s ease}   
  .component-slider_thumbnail .owl-nav [class*=owl-].disabled:hover{background-color:#d6d6d6}   
  .component-slider_thumbnail #component-slider_thumbnail-1{position:relative}   
  .component-slider_thumbnail #component-slider_thumbnail-1 .owl-next,.component-slider_thumbnail #component-slider_thumbnail-1 .owl-prev{width:40px;height:40px;margin-top:-20px;position:absolute;top:50%;border-radius:20px;background-color:#355061}   
  .component-slider_thumbnail #component-slider_thumbnail-1 .owl-next svg,.component-slider_thumbnail #component-slider_thumbnail-1 .owl-prev svg{height:20px}   .component-slider_thumbnail #component-slider_thumbnail-1 .owl-prev{left:-50px}   
  .component-slider_thumbnail #component-slider_thumbnail-1 .owl-next{right:-50px}   
  .component-accordion .accordion-btn{width:100%;text-align:left;background-color:rgba(0,0,0,0);border-bottom:1px solid #ccc;color:var(--accordion-btn-text);font-weight:700;padding:0.9375rem 0;display:flex;justify-content:space-between;align-items:center}   
  .component-accordion .accordion-btn:hover{background-color:rgba(0,0,0,0);color:var(--primary)}   
  .component-accordion .accordion-btn span{width:25px;height:25px;border-radius:30px;border:1px solid var(--acordion-btn-span);position:relative}   
  .component-accordion .accordion-btn span:after{content:"";position:absolute;inset:0;margin:auto;width:15px;height:1px;background-color:var(--acordion-btn-span)}   
  .component-accordion .accordion-btn span:before{content:"";position:absolute;inset:0;margin:auto;height:15px;width:1px;background-color:var(--acordion-btn-span)}   
  .component-accordion .accordion-btn[aria-expanded=true] span{border-color:var(--primary)}   
  .component-accordion .accordion-btn[aria-expanded=true] span:after{background-color:var(--primary)}   
  .component-accordion .accordion-btn[aria-expanded=true] span:before{display:none}   
  .component-accordion .accordion-text p{padding:0.9375rem 0.9375rem 0.9375rem 0;font-weight:300;color:var(--accordion-text);line-height:1.5}   .component-accordion .accordion-text p+img{margin-top:1.875rem}   
  .component-tab .tab-pane{background-color:var(--tab-pane);padding:1.25rem}   
  .component-list ul{margin-top:30px}   
  .component-list ul li:not(:first-child){margin-top:0.625rem}   
  .component-list.component-list__contacto li:not(:first-child){margin-top: 0.21vw;}   
  .component-list.component-list__contacto i{width:25px;color:var(--primary)}   
  .component-list.component-list__contacto li{font-weight:300;
    margin-left: -6px;}   
  p+ul{margin-top:30px;display:inline-block}   
  p+ul li:not(:first-child){margin-top:0.625rem}   
  p+ul li{padding-left:1.5625rem;position:relative;color:var(--li)}   
  p+ul li:after{content:"";font-family:"FontAwesome";position:absolute;left:0;top:0;bottom:0;margin:auto;color:var(--primary)}   
  .component-card{height:100%;border:2px solid var(--primary);border-radius:8px;aspect-ratio:1/1;flex-direction:column}   
  @media(max-width: 767.98px){.component-card{aspect-ratio:auto;padding:0.9375rem}   }   
  .component-card .card-img{width:auto}   .component-card .card-img img{width:60px}   
  .component-card .card-body{background-color:rgba(0,0,0,0);flex:0;padding:0.9375rem;text-align:center}   
  .component-card .card-title{font-size:0.875rem;line-height:1.3;color:var(--card-text);margin-bottom:0}   
  form{font-weight:300;color:var(--form-label)}   
  form .form-group{margin-bottom:1.875rem}   
  form::-moz-placeholder{color:var(--text-color)}   
  form:-ms-input-placeholder{color:var(--text-color)}  
  form:-ms-input-placeholder{color:var(--text-color)}   
  form .form-group ::placeholder{color:var(--text-color); opacity: .75;}   
  form .form-group option::placeholder{color:var(--text-color); opacity: .75;}   
  
  @media(max-width: 991.98px){
  form{margin-top:1.875rem}   
  form .form-group{margin-bottom:0.9375rem}   
  }   
  
  .btn{border-radius:21px; background-color:var(--title-color);color:#fff;font-size:0.75rem;letter-spacing:2px;text-transform:uppercase; padding: 0.51vw 2vw; margin-right: -1vw;}   
  .btn:hover{color:#fff;background-color:var(--btn-hover)}   
  .btn[type=submit]{padding:0.75rem 2.1875rem}   
  .proyecto{position:relative; padding-bottom: 4vw; }  
  #proyecto{
    overflow:hidden !important;
    padding-top:7vw;
  }
  #proyecto .contBienvenidos div:first-child{
    margin: auto 2vw;
  }
  #proyecto h2{
    margin-left: 0vw !important;
    width: 37vw;
  }
  #proyecto .contBienvenidos p{
    font-size: 0.89vw;
    width: 27vw;/*auto*/
    margin-top: 1vw;
    margin-left: -6.55vw;
    line-height: 1.45vw;
  }
  #proyecto .container h5 span{
    margin-left: 0.3vw ;
  }
  @media(min-width:1580px){
    #proyecto .container h5 span{
      margin-left: 0.81vw ;
    }
  }
  @media(min-width:1880px){
    #proyecto .container h5 span{
      margin-left: 1.1vw ;
    }
  }
  
  
  
  #contacto{
  padding-bottom: 6vw;
  }
  #contacto .component span{font-family: 'Supreme';font-size: 0.97vw;}
  #contacto h5{margin: 0vw 0;}
  #contacto .container h5 span{
    margin-left: -7px ;
  }
  .conteContact{
    margin-left: 2.5vw;
    position: relative;
    z-index: 99;
  }
  .form-control{
  border-radius: 3px;
  background-color: #39312f;
  border: 1px solid #39312f;
  color: var(--text-color) !important;
  width: 92%;
  transition: all .3s ease-in-out;
  }
  #contacto h2{
    margin-left: 0vw;
  }
  .form-group option{
  background-color: #39312f;
  border: 1px solid #39312f;
  }
  .form-control:hover, .form-data:hover{
  background-color: #39312f65 !important;
  }
  .form-control:focus, .form-data:focus{
  background-color: #39312f65 !important;
  border: 1px solid #39312f !important;
  outline: none !important;
  }
  
  .contPhone{
  padding: 0 2vw;
  margin-left: -2.4vw;
  }
  .contPhone .form-data{
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  border-radius: 3px;
  background-color: #39312f;
  border: 1px solid #39312f;
  color: var(--text-color) !important;
  width: 19.54vw;
  margin: 0 0.42vw;
  }
  
  @media(max-width: 767.98px){
    .form-control{
      width: 100%;
    }
    .conteContact {
      margin-left: -4.25vw;
      position: relative;
      z-index: 99;
  }
  .contPhone {
  padding: 0 2vw;
  margin-left: -2.4vw;
  display: flex;
  flex-direction: column !important;
  }
  .contPhone .form-data {
  width: 78vw;
  margin: 3vw 0.42vw;
  }
  .component-title+.component, .component-subtitle+.component {
  margin-top: 2vw;
  position: absolute;
  top: calc(100vw - -20vw);
  }
  #contacto .component span {
  font-size: 3.7vw;
  }
  textarea {
    height: 6.4rem !important;
    width: 78vw !important;
  }
  .btn{
    margin-right: -8vw;
  }
  }
  @media(min-width: 322px) and (max-width: 360px){
    .component-title+.component, .component-subtitle+.component {
      margin-top: 19vw;
      position: absolute;
      top: calc(100vw - -20vw);
  }
    .contPhone .form-data {
      width: 76.4vw;
      margin: 3vw 0.42vw;
    }
    textarea {
      height: 6.4rem !important;
      width: 76vw !important;
    }
  }
  @media(max-width: 321px){
    .contPhone .form-data {
      width: 75vw;
      margin: 3vw 0.42vw;
    }
    textarea {
      width: 75vw !important;
      }
  }
  @media(min-width:1590px){
  .contPhone .form-data {
  width: calc(100% - 23.49vw);
  }
  }
  
  
  #contactoDos{
  padding: 0vw 0 8vw 0;
  background-image: url(../../images/distrito_cero/seccion7/fondo_contactoDos.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size:contain;
  margin-top: -12vw;
  }
  
  #contactoDos h3{
  font-size: 1.42vw;
  text-align: center;
  margin: auto;
  line-height: 2vw;
  margin-top: -4vw !important;
  }
  .contLogoLife img{
  width: 11vw;
  margin: 2vw auto;
  }
  #contactoDos .imgRueda {
  width: 9vw;
  animation: girar 22s infinite linear;
  margin: auto 1vw;
  }
  @keyframes girar {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
  }
  #contactoDos .imgFlecha{
    position: relative;
    transition: all .3s ease-in-out;
    top: -9.82vw;
    width: 10vw;
    left: 0.61vw;
  }
  #contactoDos .imgFlecha:hover{
  transform: rotate(-135deg);
  top: -9.82vw;
  }
  #contactoDos .imgFlechaMob{
  display: none;
  }
  .contArrowUp{
    width: 12vw;
    margin-top: 11vw;
    margin-left: 1vw;
  }
  .superConte_rueda_final {
    width: 68vw;
    margin: auto 1vw;
  }
  .superConte_rueda_final hr{
    border: 0.41px solid #5c4b46;
    width: 25vw !important;
    margin-top: 16vw;
  }
  
  @media(max-width: 767.98px){
  #contactoDos {
  padding-top: 0;
  
  }
  #contactoDos .imgFlecha {
  top: 1vw;
  left: 45vw;
  width: 22vw;
  }
  #contactoDos .imgRueda {
    position: relative;
    width: 30vw;
    margin: auto 2.4vw;
    margin-top: 21vw;
  }
  #contactoDos .imgFlecha{
  display: none;
  }
  #contactoDos .imgFlechaMob{
  display: block;
  position: relative;
  width: 37vw;
  transform: rotate(180deg);
  top: -35vw;
  margin-left: -2vw;
  }
  .superConte_rueda_final{
    margin-left: -55px;
  }
  .superConte_rueda_final hr{
    border: 0.41px solid #5c4b46;
    width: 25vw !important;
    margin-top: 58vw !important;
    margin-left: 8vw !important;
    margin-right: 4vw !important;
  }
  #contactoDos .coCreadores hr{
    border: 0.41px solid #5c4b46;
    width: 25vw !important;
    margin-top: -10vw !important;
    margin-left: 6vw !important;
    margin-right: 4vw !important;
  }  
  #contactoDos h3 {
    line-height: 6vw;
    font-size: 4.57vw;
    width: 71vw !important;
    margin-left: 0vw !important;
    padding-top: 0;
    margin-top: -11vw !important;
  }
  .contLogoLife img {
  width: 34vw;
  margin: 14vw auto;
  }
  .coCreadores a{
  margin: auto 9vw;
  }
  
  .coCreadores hr {
  width: 29vw;
  }
  
  .contArrowUp {
    width: 28vw;
    margin-top: 21vw !important;
    margin-left: -2.5vw !important;
  }
  
  #contactoDos .coCreadores p {
    margin: 0;
    font-family: 'Supreme';
    font-weight: 700;
    margin-top: -13vw;
    width: 29vw;
    text-align: center;
  }
  #contactoDos  .coCreadores {
    width: 93vw;
    margin: auto -13vw;
    margin-top: calc(100vw - 90vw);
  }
  }
  @media(min-width: 1590px){
  #contactoDos .imgFlecha {
  transition: all .3s ease-in-out;
  top: -9.75vw;
  margin-left: -0.01vw;
  }
  #contactoDos .imgFlecha:hover {
    top: -9.75vw;
  }
  }
  @media(min-width: 1890px){
  #contactoDos .imgFlecha {
  position: relative;
  top: -9.67vw;
  margin-left: -0.03vw;
  transition: all .3s ease-in-out;
  }
  #contactoDos .imgFlecha:hover {
  transition: all .3s ease-in-out;
  top: -9.67vw;
  }
  }
  
  h5 { margin: 1vw 0;}
  h5 span{font-family: 'Supreme';}
  .conteImg360 img{width: 69vw; margin: 2vw auto; transition: all .3s ease-in-out;}
  .conteImg360 img:hover{opacity: .78; transform: scale(1.01);}
  .coCreadores{width: 68vw;  margin: auto 1vw;}
  .coCreadores div{align-items: center;}
  .coCreadores hr{
  border: 0.41px solid #5c4b46;
  width: 25vw;
  }  
  
  
  
  .contBienvenidos h2{
  font-size: 3.3vw;
  margin-left: 3vw;
  }
  .contBienvenidos p{
    font-size: 0.89vw;
    width: 27vw;
    margin-top: 1vw;
    margin-left: -1.55vw;
    line-height: 1.45vw;
  }  
  .coCreadores p{margin: 2vw;    
  font-family: 'Supreme'; font-weight: 700;
  }
  
  /* scripts carrusel logos*/
  
  /*
  @keyframes carrusel {
  0% {
  transform: translateX(-26vw);
  }
  100% {
  transform: translateX(-85vw);
  }
  }
  .sliderLogos {
  height: 8vw;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: auto;
  transition: all 3s ease-in-out;
  }
  .sliderLogos::before, .sliderLogos::after {
  content: "";
  position: absolute;
  width: auto;
  z-index: 2;
  }
  .sliderLogos::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
  }
  .sliderLogos::before {
  left: 0;
  top: 0;
  }
  .sliderLogos .slider_conte_logo {
  animation: carrusel 26s linear infinite;
  display: flex;
  width: 5vw;
  }
  */
  
  .contLogosUl{
  height: 9vw !important; 
  }
  .slideLogsItem img{
  margin: auto 1.5vw;
  width: 11.5vw;
  transition: all .3s ease-in-out;
  }
  .slideLogsItem img:hover{
  transform: scale(1.12);
  }
  /* scripts carrusel logos*/
  
  
  @media(max-width: 767.98px){
  .container {
  max-width: 85vw;
  }
  #planificacion h2{
    margin-left: 0vw !important;
  }
  .contBienvenidos {
  display: flex;
  flex-direction: column;
  }
  #proyecto h2 {
    width: 85vw;
  }
  #proyecto .contBienvenidos {
    align-content: start;
    margin-left: -5.7vw;
  }
  #proyecto h5, #proyecto h5 span{
  padding: 0;
  margin-left: -1.8vw;
  }
  .contBienvenidos h2{
  font-size: 7.3vw;
  width: 83vw;
  }
  #proyecto .contBienvenidos p,
  .contBienvenidos p {
  font-size: 2.9vw;
  width: 72vw;
  margin-top: 1vw;
  margin-left: 2.4vw;
  line-height: 4.45vw;
  }
  #planificacion .contBienvenidos p{
    margin-left: 0.4vw;
  }
  .conteImg360{
  margin-left: -9vw;
  }
  .conteImg360 img {
  width: 95vw;
  margin: 9vw auto;
  }
  .coCreadores {
  width: 93vw;
  margin: auto -8vw;
  margin-top: calc(100vw - 90vw);
  }
  .contLogosCreads img {
  margin: auto 1vw;
  width: 34vw;
  }
  .contLogosUl{
  height: 27vw !important;
  }
  .slideLogsItem img {
  margin: auto 1.5vw;
  width: 20.5vw;
  transition: all .3s ease-in-out;
  }
  .slider-container {
  --swiffy-slider-item-gap-totalwidth: 51vw !important;
  --swiffy-slider-item-width: 25vw !important;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  display: grid;
  align-items: center;
  height: 100%;
  grid: auto/auto-flow -webkit-max-content;
  grid: auto/auto-flow max-content;
  grid-auto-rows: 100%;
  grid-auto-columns: var(--swiffy-slider-item-width);
  grid-auto-flow: column;
  grid-gap: var(--swiffy-slider-item-gap);
  list-style: none;
  margin: 0;
  padding: 0;
  scrollbar-width: none;
  scrollbar-color: rgba(0,0,0,.4) rgba(0,0,0,var(--swiffy-slider-track-opacity));
  background-clip: padding-box;
  }
  #contacto {
    padding-bottom: 27vw !important;
  }
  }
  @media(min-width: 768px) and (max-width: 990px){
  .contBienvenidos h2 {
  font-size: 4.3vw;
  }
  .contBienvenidos p {
  font-size: 1.52vw;
  width: 58vw;
  margin-top: 1vw;
  margin-left: -4vw;
  line-height: 2.45vw;
  }
  .contBienvenidos p {
  font-size: 1.52vw;
  width: 58vw;
  margin-top: 1vw;
  margin-left: -2vw;
  line-height: 2.45vw;
  }
  .contTabulador img {
  position: absolute;
  left: -3vw;
  top: 14vw;
  }
  .contReloj p:first-child {
  }
  .contReloj p:last-child {
  }
  #contactoDos .imgRueda {
  width: 16vw;
  animation: girar 22s infinite linear;
  margin: auto 1vw;
  }
  #contactoDos .imgFlecha {
  position: absolute;
  top: -1vw;
  left: 42vw;
  transition: all .3s ease-in-out;
  }
  #contactoDos h3 {
  line-height: 1.72vw;
  margin-top: 6vw !important;
  }
  .contLogoLife img {
  width: 18vw;
  margin: 6vw auto;
  }
  .coCreadores p {
  margin: auto 1vw;
  font-family: 'Supreme';
  font-weight: 700;
  }
  }
  
  @media(min-width:411px) and (max-width:550px) {
  .component-title+.component, .component-subtitle+.component {
  position: absolute;
  top: calc(100vw - -13vw) !important;
  }
  }
  
  @media(max-width: 767.98px){.proyecto{padding-top:6.25rem}   }   
  .proyecto .cloud{position:absolute;z-index:2;width:200px;top:-50px;left:-50px}   
  .proyecto .component-paragraph{height:180px}  
  .proyecto .row-component-wrapper{margin-top:2.5rem;align-items:center}   
  .proyecto .component-slider_single-img .owl-item{aspect-ratio:4/3;border-radius:20px;overflow:hidden}   
  @media(max-width: 991.98px){.proyecto .component-slider_single-img{margin-bottom:2.5rem}   }   
  .proyecto .proyecto-modal{position:fixed;top:50%;left:50%;width:100%;height:auto;z-index:2000;visibility:hidden;transform:translateX(-50%) translateY(-50%)}   
  .proyecto .proyecto-modal:target{visibility:visible}   
  .proyecto .proyecto-modal .proyecto-modal_content{opacity:0}   
  .proyecto .proyecto-modal .proyecto-modal_content .proyecto-modal_close{width:40px;height:40px;background-color:var(--primary);margin-left:auto;margin-bottom:20px;border-radius:20px;color:#fff;font-size:1.25rem}   
  .proyecto .proyecto-modal_overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background:var(--bg-modal);transition:all .3s}   
  .proyecto .proyecto-modal:target~.proyecto-modal_overlay{opacity:1;visibility:visible}   
  .proyecto .proyecto-modal:target .proyecto-modal_content{opacity:1}   
  .proyecto .proyecto_counter{margin-top:5rem;text-align:center}  
  @media(max-width: 991.98px){.proyecto .proyecto_counter{margin-top:3.125rem;justify-content:center}   }  
  .proyecto .proyecto_counter .col-lg{padding:1.875rem 0}   
  @media(max-width: 767.98px){.proyecto .proyecto_counter .col-lg{padding:0.625rem;margin-bottom:1.25rem}   }   
  .proyecto .proyecto_counter .col-lg:not(:last-child){border-right:1px solid #ccc}   
  @media(max-width: 991.98px){.proyecto .proyecto_counter .col-lg:nth-child(3){border-right:0}   }   
  .proyecto .proyecto_counter .proyecto_counter-title{color:var(--counter-title);font-size:1.875rem;font-weight:500}   
  .proyecto .proyecto_counter .proyecto_counter-subtitle{color:var(--counter-subtitle);font-size:0.75rem;text-transform:uppercase;margin-top:0.625rem;font-weight:500}   
  #planificacion{padding-top: 2vw;}
  
  .contTabulador img{
  position: relative;
  top: 0vw;
  height: 4vw;
  margin: 1vw 2vw auto -1vw;
  }
  
  /* estilos reloj*/
  .circular-progress{
  position: relative;
  height: 13vw;
  width: 13vw;
  border-radius: 50%;
  background: conic-gradient(#ba7945 3.6deg, #f5b47e00 0deg);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ba7945;      
  margin: 2vw 0;  
  }
  
  .circular-progress::before{
  content: "";
  position: absolute;
  height: 11.5vw;
  width: 11.5vw;
  border-radius: 50%;
  background-color: #271e1b;
  }
  .progress-value{
  position: relative;
  font-size: 7vw;
  font-weight: 100;
  color: var(--text-color);
  margin-top: -2vw;
  }
  .conte_circle{
  position: relative;
  height: 13vw;
  width: 13vw;
  border-radius: 50%;
  background: conic-gradient(#271e1b 3.6deg, #271e1b 0deg);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #ba7945;
  margin-top:-3vw;
  }
  .animadoServis{
  opacity: 0;
  transition: all 2s ;
  }
  .mostrarAnimadoServis2{
  animation: mostrarAnimadoServis2 1.7s;
  } 
  @keyframes mostrarAnimadoServis2 {
  0% {
  transform: translateY(460px);
  }     
  100% {
  transform: translateY(0);
  }
  } 
  /*.contReloj{
  border: 2px solid var(--title-color);
  border-radius: 60%;
  height: 13vw;
  width: 13vw;
  padding: 4px ;
  margin-bottom: 7vw;
  }
  .contReloj p:first-child{
  font-size: 1vw;
  width: auto;
  line-height: 1.45vw;
  margin: 1.55vw 0 1.53vw 4.3vw;
  }*/
  
  .contReloj{
  display: flex;
  flex-direction: column;
  justify-content: center;
  }
  
  .contReloj p:first-child {
  font-size: 1.41vw;
  width: auto;
  line-height: 1.45vw;
  z-index: 22;
  text-align: center;
  margin-left: 0.11vw;
  }
  /*.contReloj p:last-child{
  font-size: 1vw;
  width: auto;
  line-height: 1.45vw;
  margin: 3.54vw 0 0vw 4.3vw;
  }*/
  .contReloj p:last-child {
  font-size: 1.41vw;
  width: auto;
  line-height: 1.45vw;
  z-index: 22;
  text-align: center;
  margin-left: 0.51vw;
  margin-top: -3.3vw;
  }
  .contReloj h3{
  color: var(--text-color);
  font-size: 6.9vw;
  width: auto;
  line-height: 1.45vw;
  margin: .76vw 3vw;
  }
  .contTabulador{
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  }
  .contTabulador p{
    margin-left: -4.55vw;
      width: 26vw;
      border-left: 3px solid #ba7944;
      padding-left: 1vw;
  }
  /*.contTabulador p{
  margin-left: -2vw;
  width: 104vw;
  }*/
  .contDivisores{margin-top: 5vw;}
  .contDivisores img{width: 28vw; height: 13vw;}
  .separadorMob{
  display: none;
  }
  .contMapaPlanif{
  /*background-image: url(../../images/distrito_cero/seccion3/img_mapa.png);*/
  height: 31vw;
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  margin: 6vw 0 3vw 0 ;
  }
  .tejido{
    font-size: 1.42vw;
    text-transform: uppercase;
    text-align: center;
    margin: auto;
    line-height: 2vw;
    margin-top: 3vw;
    width: 48vw;
    /*
  font-size: 1.42vw;
  text-transform: uppercase;
  text-align: center;
  margin: auto;
  line-height: 2vw;
  margin-top: 3vw;*/
  }
  .sliderPlanif img{ width: 23.2vw; margin: auto 0.56vw; padding: 0;}
  .conteCarruNums{background-color:#ba7945;height: auto; padding: 2vw 0; }
  .conteCarruNums span{color:white; font-size:1.52vw;}
  
  @media(min-width:1590px){
    .contBienvenidos p {
      font-size: 0.8vw;
      width: 26.5vw;
      margin-left: -1vw;
  }
  .contTabulador p {
    margin-left: -3.55vw !important;
    width: 26vw;
    border-left: 3px solid #ba7944;
    padding-left: 1vw;
  }
  
  .contReloj p:last-child {
  }
  .contReloj p:first-child {
  }
  }
  @media(min-width:1890px){
  .contReloj p:last-child {
  }
  .contReloj p:first-child {
  }
  }
  
  /* scripts carrusel palabras*/
  
  @keyframes scroll {
  0% {
  transform: translateX(0);
  }
  100% {
  transform: translateX(-1750px);
  }
  }
  .sliderEnNumeros {
  height: 2vw;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 99vw;
  }
  .sliderEnNumeros::before, .sliderEnNumeros::after {
  content: "";
  position: absolute;
  width: 200px;
  z-index: 2;
  }
  .sliderEnNumeros::after {
  right: 0;
  top: 0;
  transform: rotateZ(180deg);
  }
  .sliderEnNumeros::before {
  left: 0;
  top: 0;
  }
  .sliderEnNumeros .slider_conte {
  animation: scroll 60s linear infinite;
  display: flex;
  width: 3500px;
  }
  .sliderEnNumeros .alSur {
  width: 406vw !important; /*400vw*/
  }
  .sliderEnNumeros .slideNumsItem {
  height: 12vw;
  width: 850vw;
  }
  .sliderEnNumeros .slideNumsItem p{
  font-size: 1.43vw;
  color: white;
  text-transform: uppercase;
  }
  /* scripts carrusel palabras*/
  @media(max-width: 767.98px){
  .conteCarruNums {
  background-color: #ba7945;
  height: auto;
  padding: 7vw 0;
  }
  .sliderEnNumeros {
  height: 7vw;
  }
  .sliderEnNumeros .slideNumsItem p {
  font-size: 4.43vw;
  color: white;
  }
  .sliderEnNumeros .slideNumsItem {
  height: 80vw;
  width: 67vw;
  }
  .sliderEnNumeros .alSur {
  width: 1270vw !important;
  }
  .itemAlSur {
  height: 80vw;
  width: 410vw !important;
  }
  }
  @media(min-width:1580px){
  .sliderEnNumeros .slider_conte {
  width: 260vw;
  }
  .sliderEnNumeros .slideNumsItem {
  height: 12vw;
  width: 883vw;
  }
  .itemAlSur {
  height: 80vw;
  width: 103vw !important;
  }
  }
  @media (min-width: 768px) and (max-width: 999px){
    .sliderEnNumeros .alSur {
      width: 660vw !important;
    }
    .itemAlSur p{
      font-size: 2vw !important;
    }
    
  }
  
  
  
  
  #planificacion .slider-container{
  width: 100% !important;
  margin: 0 !important;
  --swiffy-slider-item-width: 24vw !important;
  --swiffy-slider-item-gap-totalwidth: calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1)); 
  }
  #planificacion .slider-container li{
  width: 37vw !important;
  }
  #planificacion .swiffy-slider .slider-container .card{
  max-width: 20vw;
  min-width: 20vw;
  margin: 0;
  background-color: #cb7a0e00;
  border: none !important;
  }
  #planificacion .card-img-top {
  width: 24vw;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
  }
  #planificacion .slider-nav{
  display: none !important;
  }
  #planificacion .slider-indicators-round .slider-indicators>*, #planificacion .slider-indicators-round.slider-indicators>* {
  width: 0.5rem;
  height: 0.5rem;
  /* border: 0.4rem solid #28a745; */
  border-radius: 67%;
  color: black!important;
  background-color: black !important;
  opacity: 100 !important;
  }
  
  #planificacion .slider-indicators .active{
  width: 3vw!important;
  border-radius: 20px!important;
  background-color: #56a3ea !important;
  }
  #planificacion .container h5 span{
    margin-left: 0.3vw ;
  }
  @media(max-width: 768px) and (max-width: 928px){
  .contReloj p:last-child {
  }
  .contReloj p:first-child {
  }
  }
  @media(max-width: 767.98px){
  .sliderPlanif img {
  width: 46.2vw;
  margin: auto 1.56vw;
  padding: 0;
  } 
  #planificacion h5, #planificacion h5 span{
    padding: 0;
    left: -7.7vw !important;
    position: relative;
    display: initial;
    margin-left: 13vw;
  }
  #planificacion .slider-container {
    width: 100% !important;
    margin: 0 !important;
    --swiffy-slider-item-width: 28vw !important;
  }
  #planificacion .card-img-top {
    width: 50vw;
  }
  #planificacion .swiffy-slider{
    --swiffy-slider-item-gap: 7rem;
  }
  #planificacion .slider-container li {
    width: 69vw !important;
  }
  /*#planificacion .swiffy-slider .slider-container .card {
    max-width: auto;
    min-width: auto;
  }*/
  .contTabulador img {
  left: 0;
  top: 0;
  height: 20vw;
  margin: auto -34px auto -1px;
  }
  .contTabulador p {
  margin: 4vw 0;
  width: 80vw;
  }
  .contDivisores {
  width: 94vw;
  margin-left: -4vw;
  }
  .contReloj {
  height: 27vw;
  width: 27vw;
  }
  .contReloj p:first-child {
  font-size: 3.41vw;
  }
  .contReloj h3 {
  font-size: 16.4vw;
  line-height: 1.45vw;
  margin: 4.5vw 5vw;
  } 
  .contReloj p:last-child {
  font-size: 3.41vw;
  margin-left: 0.51vw;
  margin-top: -5.83vw;
  }
  .conte_circle {
  position: relative;
  height: 28vw;
  width: 28vw;
  border-radius: 50%;
  background: conic-gradient(#271e1b 3.6deg, #271e1b 0deg);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 4px solid #ba7945;
  margin-top: -7vw;
  }
  .circular-progress {
  position: relative;
  height: 27vw;
  width: 27vw;
  border-radius: 50%;
  background: conic-gradient(#ba7945 3.6deg, #f5b47e00 0deg);
  display: flex;
  align-items: center;
  justify-content: center;
  border: -8px solid #ba7945;
  margin: 2vw 0;
  }
  .circular-progress::before {
  content: "";
  position: absolute;
  height: 23.5vw;
  width: 23.5vw;
  border-radius: 50%;
  background-color: #271e1b;
  }
  .progress-value {
  position: relative;
  font-size: 14vw;
  font-weight: 600;
  color: var(--text-color);
  margin-top: -2vw;
  }
  .separador{
  display: none;
  }
  .separadorMob{
  display: block;
  width: 28vw !important;
  height: 28vw !important;
  }
  .contMapaPlanif {
  height: 51vw;
  }
  .tejido {
  font-size: 4vw;
  line-height: 6vw;
  margin-top: 6vw;
  width: 100%;
  }
  }  
  @media(max-width: 375px){
  .contReloj p:first-child {
  }
  .contReloj p:last-child {
  }
  }
  @media(min-width:1580px){
    #planificacion .container h5 span{
      margin-left: 0.71vw ;
    }
  }
  @media(min-width:1880px){
    #planificacion .container h5 span{
      margin-left: 1.1vw ;
    }
  }
  
  
  
  
  
  #datos{
  overflow: hidden;
  position: relative;
  background-color: var(--backColor);
  height: auto;
  background-image: url(../../images/distrito_cero/seccion4/img_fondo_secion.jpg);
  background-position: top;
  background-size: cover;
  padding: 10vw 0;
  }  
  #datos .contImg img{
  width: 29vw;
  margin-left: -15vw;
  padding-top: 3vw;
  margin-right: 2vw;
  }
  #datos .contServicios{
    margin: auto -18vw auto 4vw;
  }
  #datos .contServicios h2{
    margin: auto;
      width: 21vw;
      margin-left: 0;
  }
  #datos .contServicios h3{
  font-size: 4vw;
  }
  .contServicios .contDatos{
    width: 27vw; /* 26vw */
    margin: auto;
    margin-left: 0;
  }
  .ultimoContDatos{
    width: 11vw;
  }
  #datos hr{
  border: 0.41px solid #5c4b46;
  width: 27vw;
  }
  @media(max-width: 767.98px){
  .superCont{
  display: flex;
  flex-direction: column;
  }
  #datos .contImg{
  text-align: center;
  }
  #datos .contImg img {
  width: 80vw;
  margin: 26vw 0 5vw 0;
  }
  #datos hr {
  width: 77vw;
  margin: 3vw -1vw;
  }
  .contServicios h2{
  font-size: 8.3vw;
  }
  .contServicios .contDatos {
    width: 73vw;
    margin: auto 7vw;
    justify-content: space-around !important;
  }
  .contDatos div:first-child{
    margin-left: -9vw;
  }
  #datos .contServicios h3 {
  font-size: 10vw;
  }
  #datos .contServicios p {
  font-size: 5vw;
  }
  #datos .contServicios h5{
  position: absolute;
  top: 4vw;
  width: 90vw;
  }
  #datos .contServicios h2{
  position: absolute;
  top: 15vw;
  margin-left: 4vw;
  width: 82vw;
  }
  #datos .ultimoContDatos {
    width: 26vw;
  }
  
  #datos .contServicios h5 span {
    margin-left: 2vw !important;
  }
  
  }
  
  .servicios{overflow:hidden;position:relative;}  
  @media(max-width: 767.98px){.servicios{padding-bottom:5rem}   }   
  .servicios.banner{overflow:inherit;padding:0}   
  .servicios.amenities{padding:15.875rem 0 12.5rem 0;z-index:1}  
  @media(max-width: 767.98px){.servicios.amenities{padding:5rem 0}   }   
  .servicios .component-custom{margin:0;padding:2.5rem 0;position:relative}   
  .servicios .component-custom .cinco{height:110px}   
  .servicios .component-custom .cinco+.line{margin:0 10px 0 30px;width:100%;height:1px;background-color:#fff}  
  @media(max-width: 767.98px){.servicios .component-custom .cinco+.line{display:none}   }   
  .servicios .component-custom h5{color:#fff;font-size:1.25rem;line-height:1.7}   
  .servicios .hoja1{position:absolute;width:100px;height:100px;top:250px;left:50px;z-index:1}   
  .servicios .hoja2{position:absolute;width:100px;height:100px;top:-30px;right:150px;z-index:1}  
  @media(max-width: 1199.98px){.servicios .hoja2{right:50px}   }   
  @media(max-width: 767.98px){.servicios .hoja2{top:-50px;left:35px;right:auto}   }   
  .servicios .bird-2{position:absolute;left:-80px;top:-160px;z-index:2}   
  @media(max-width: 991.98px){.servicios .bird-2{display:none}   }   
  .servicios .servicios-bottom{position:relative;display:flex;align-items:center}   
  .servicios .servicios-bottom .component-owl-nav_custom{margin-top:1.875rem}   
  @media(max-width: 991.98px){.servicios .servicios-bottom{flex-direction:column-reverse}   
  .servicios .servicios-bottom .component-slider_multiple-img{margin-top:2.5rem}   
  .servicios .servicios-bottom .component-owl-nav_custom{display:none}   }   
  
  #estilo{
  background-image:url(../../images/distrito_cero/seccion5/img_fondo_sec_servs.jpg);     
  height: auto;
  padding: 8vw 0 3vw 0; /*8vw 0 11vw 0;*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  background-attachment: scroll;
  margin:0 0 5vw 0 ;
  } 
  .backEstilo{
    position: absolute;
    z-index: 0;
    max-width: 102%;
    top: 0vw;
  }
  
  #estilo h2{
  margin-left: 1.5vw;
  margin-bottom: 2vw;
  }
  #accordion{
  max-width: 43vw;
  min-width: 43vw;
  z-index: 3;
  }
  .card{
  max-width: 32vw;
  min-width: 32vw;
  margin: auto 3.95vw;
  background-color: #faebd700;
  border: none !important;
  }
  .card-header {
  padding: 0.11vw 0;
  margin-bottom: 0;
  background-color: rgb(0 0 0 / 0%);
  border-bottom: 1px solid #433a3700;
  height: 4.1vw;
  }
  .card-header h5{
  margin-top: 0vw;
  text-align: left;
  }
  #accordion button{
  text-decoration: none;
  text-transform: capitalize;
  color: var(--title-color);
  background-color: transparent;
  font-size: 1.52vw;
  padding-left: 0.006vw;
  width: 100%;
  text-align: left;
  }
  
  #accordion .card-header span{
  color: var(--title-color);
  font-size: 2vw;
  position: absolute;
  right: 2vw;
  top: 0.37vw;
  }
  .card-body{color: var(--text-color); padding-left: 0.02vw !important; font-size:0.9vw; line-height: 1.3vw;}
  .collapse span a{color: var(--text-color);}
  .imgComer, .imgEduca, .imgMovili,
  .imgSalud, .imgSeguri{
  display: none; 
  transition: all 3s ease-in-out;
  }
  .contImgAccord img{
    height: 31vw;
    padding-top: 0;
    border-radius: 20px;
    margin-left: -22px;
    z-index: 3;
    position: relative;
  }
  .contImg_in_Accord img{
    display: none;
  }
  @media(max-width: 767.98px){
  #estilo {
  height: auto !important;
  }
  .backEstilo {
    position: absolute;
    z-index: 0;
    max-width: 135vh;
    top: 0vw;
    left: -155vw;
  }
  #estilo .titu{
  padding: 0;
  position: absolute;
  top: 11vw;
  width: 90vw;
  margin-left: -1.82vw;
  }
  #estilo span{
  padding: 0;
  }
  #estilo h2 {
  margin-left: 0vw;/*1.5vw;*/
  margin-bottom: 2vw;
  position: absolute;
  font-size: 8vw;
  margin-top: 12vw;
  }
  .contImgAccord{
  text-align: center;
  display: none;
  }
  .contImgAccord img{
  height: 88vw;
  padding-top: 1vw;
  margin: 6vw 0 9vw 0;
  } 
  .contImg_in_Accord img{
    display: block;
    height: 84vw;
    border-radius: 20px;
    margin-left: 0;
    margin-bottom: 24px;
  }
  #estilo .justify-content-center .flex-column{
  padding: 0;
  }
  #estilo .row{
  display: flex;
  flex-direction: column-reverse;
  margin-top: 31vw;
  }
  #accordion {
  max-width: 70vw;
  min-width: 70vw;
  margin-top: 5vw;
  margin-left: -2vw;
  }
  .card {
  max-width: 73vw;
  min-width: 73vw;
  margin: auto 6vw;
  }
  .card-header {
  padding: 0.11vw 0;
  margin-bottom: 0;
  height: 13vw;
  }
  #accordion .card-header span {
  font-size: 8vw;
  top: -1vw;
  }
  #accordion button {
  font-size: 6vw;
  padding-left: 0.006vw;
  }
  .card-body {
  padding-left: 0.02vw !important;
  font-size: 3.4vw;
  line-height: 5vw;
  height: auto;
  }
  #accordion br{display:block;}
  
  }
  @media(min-width: 1890px){
    .backEstilo {
      top: 0vw;
      left: 3vw;
    }
    #estilo .container h5 span{
      margin-left: 0.5vw;
    }
  }
  
  
  /*.intraSections{
    background-color: #271e1e;
    height: 5rem;
  }*/
  
  
  #servicios{
  background-image:url(../../images/distrito_cero/seccion6/img_fondo_secc.png);     
  height: auto;
  text-align: center;
  padding: 8vw 0 11vw 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  }
  .servicios-slider .imagen-servicios{
  background-color: #271e1be3;
  border-radius: 7px;
  padding-top: 2vw;
  margin: auto 1vw;
  width: 12vw;
  height: 15rem;
  color: var(--text-color);
  transition: all .25s ease-in-out;
  }
  
  
  
  .servicios-slider .imagen-servicios:hover,
  .servicios-slider .imagen-servicios{
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  }
  
  
  .servicios-slider .imagen-servicios.nt1{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_canilla.svg);
  
  }
  .servicios-slider .imagen-servicios .nt1:hover{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_canilla_encend.svg);
  }
  
  .servicios-slider .imagen-servicios.nt2{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_canio.svg);
  }
  .servicios-slider .imagen-servicios.nt2:hover{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_canio_encend.svg);
  }
  
  .servicios-slider .imagen-servicios.nt3{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_alumbrado.svg);
  }
  
  .servicios-slider .imagen-servicios.nt3:hover{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_alumbrado_encend.svg);
  }
  
  .servicios-slider .imagen-servicios.nt4{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_pavimento.svg);
  }
  
  .servicios-slider .imagen-servicios.nt4:hover{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_pavimento_encend.svg);
  }
  
  .servicios-slider .imagen-servicios.nt5{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_camara.svg);
  }
  
  .servicios-slider .imagen-servicios.nt5:hover{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_camara_encend.svg);
  }
  
  .servicios-slider .imagen-servicios.nt6{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_aerobico.svg);
  }
  .servicios-slider .imagen-servicios.nt6:hover{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_aerobico_encendsvg.svg);
  }
  
  /* DE QUE IMAGEN DICE*/
  .servicios-slider .imagen-servicios img{ 
  padding-bottom: 8rem;
  }
  
  .servicios-slider .imagen-servicios.nt7{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_planificacion.svg);
  }
  .servicios-slider .imagen-servicios.nt7:hover{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_planificacion_encend.svg);
  }
  .servicios-slider .imagen-servicios.nt8{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_recreativos.svg);
  
  }
  .servicios-slider .imagen-servicios.nt8:hover{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_recreativos_encend.svg);
  
  }
  .servicios-slider .imagen-servicios.nt9{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_gas.svg);
  }
  .servicios-slider .imagen-servicios.nt9:hover{
  background-image: url(../../../assets/images/distrito_cero/seccion6/img_ser_gas_encend.svg);
  }
  
  .contServis p{
  padding-bottom: 3vw;
  }
  .servicios-slider .imagen-servicios div p{
  color: var(--text-color);
  }
  .servicios-slider .imagen-servicios div:hover > p{
  color: var(--title-color) !important;
  }
  .activo p{
  color: var(--title-color);
  }
  #servicios  .conteSlideServ{
      width: 83vw;
      margin: auto;
      margin-left: -8vw; /*-6vw*/
      margin-top: 5vw;
      overflow: hidden;
  }
  #servicios .slider-container {
  --swiffy-slider-item-gap-totalwidth: 12vw !important;
  --swiffy-slider-item-width: 23vw !important;
  }
  #servicios .slider-container{
  width: 80% !important;/*95% 100%
  margin: 0 !important;*/
  margin: 0 10vw !important; /* margin: auto !important;*/
  --swiffy-slider-item-width: 12.1vw !important;
  --swiffy-slider-item-gap-totalwidth: calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1)); 
  }
  #servicios .slider-container li{
    width: 93%;
    margin: auto;
  }
  #servicios .slider-container li p{
    margin-top: 9vw;
    max-width: 100%;
    width: 100%;
  }
  /*
  #servicios .slider-container li{
  width: 13vw !important;
  }*/
  #servicios .swiffy-slider .slider-container .card{
  min-width: 10vw;
  margin: 0;
  background-color: #cb7a0e00;
  border: none !important;
  }
  #servicios .card-img-top {
  width: 26vw;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
  }
  #servicios .slider-nav{
  display: none !important;
  }
  #servicios .slider-indicators-round .slider-indicators>*, #servicios .slider-indicators-round.slider-indicators>* {
  width: 0.5rem;
  height: 0.5rem;
  /* border: 0.4rem solid #28a745; */
  border-radius: 67%;
  color: black!important;
  background-color: black !important;
  opacity: 100 !important;
  }
  
  #servicios .slider-indicators .active{
  width: 3vw!important;
  border-radius: 20px!important;
  background-color: #56a3ea !important;
  }
  #servicios .card .ratio{
  margin: auto ;
  }
  #servicios .card .ratio p{
  margin-top: auto;
  transition: all .3s ease-in-out;
  }
  @media(max-width: 767.98px){
  #servicios .container{
  max-width: 90vw !important;
  }
  .contServisAgua, .contServisDesague, .contServisAlumbra, .contServisPavimen, .contServisSeguri,
  .contServisAerobic, .contServisUrban, .contServisJuegos, .contServisGas{
  padding-top: 2vw;
  margin: auto 1vw;
  width: 18vw !important;
  height: 28vw !important;
  padding: 1vw !important;
  }
  #servicios .card .ratio p{
  margin-top: 21vw;
  transition: all .3s ease-in-out;
  font-size: 3.14vw;
  }
  #servicios .slider-container {
  width: 100% !important;
  margin: 0 !important;
  --swiffy-slider-item-width: 23vw !important;
  --swiffy-slider-item-gap-totalwidth: calc(var(--swiffy-slider-item-gap) * (var(--swiffy-slider-item-count) - 1));
  }
  #servicios .conteSlideServ {
    width: 95%;
    margin: auto;
    margin-left: 2vw;
    margin-top: 2vw;
  }
  #servicios .swiffy-slider .slider-container .card {
    max-width: 21vw;
    min-width: 21vw;
    margin: 0;
    background-color: #cb7a0e00;
    border: none !important;
  }
  #servicios .slider-container li{
    width: 25vw ;/*93%*/
    margin: auto;
    height: 43vw;
  }
  #servicios .slider-container li p {
    margin-top: 27vw;
    font-size: 2.83vw;
    margin-left: auto;
    width: 87%;
  }
  }
  @media(min-width: 1590px){
  .servicios-slider .imagen-servicios {
  height: 19rem;
  color: var(--text-color);
  transition: all .3s ease-in-out;
  }
  #servicios  .conteSlideServ{
      width: 84vw;
      margin: auto;
      margin-left: -6vw;
      margin-top: 5vw;
  }
  #servicios .slider-container {
    width: 77% !important;
  }
  }
  
  .contServisAgua, .contServisDesague, .contServisAlumbra, .contServisPavimen, .contServisSeguri,
  .contServisAerobic, .contServisUrban, .contServisJuegos, .contServisGas{
  background-color: #271e1be3;
  border-radius: 7px;
  padding-top: 2vw;
  margin: auto 1vw;
  width: 12vw;
  height: 18vw;
  color: var(--text-color);
  transition: all .3s ease-in-out;
  
  }
  
  
  
  .sede{height:600px;position:relative}   
  @media(max-width: 991.98px){.sede{height:auto;padding-bottom:80px !important}   
  .sede .component-slider{margin-bottom:2.5rem}   
  .sede .component-owl-nav_custom{display:none}   }   
  .sede .item{height:600px}   @media(max-width: 767.98px){.sede .item{height:350px}   }   
  .sede ul{-moz-column-count:2;column-count:2}   
  .sede .sede-info{padding-left:2.1875rem}   
  .sede .scrollable{max-height:300px}   
  .sede .hoja3{position:absolute;top:-40px;right:10%;z-index:4}   
  @media(max-width: 991.98px){.sede .hoja3{width:80px}   }   
  .sede .club-bancario{position:absolute;right:40px;bottom:0;pointer-events:all}  
  @media(max-width: 767.98px){.sede .club-bancario{right:20px;top:-80px}   }   
  .sede .component-owl-nav_custom{margin-top:1.875rem;pointer-events:all}   
  .novedades{position:relative}  
  .novedades .novedades-modal{position:fixed;top:50%;left:50%;width:100%;height:auto;z-index:99999;visibility:hidden;transform:translateX(-50%) translateY(-50%)}   
  .novedades .novedades-modal:target{visibility:visible}  
  .novedades .novedades-modal .novedades-modal_header{margin-bottom:2.5rem}  
  .novedades .novedades-modal .novedades-modal_content{opacity:0}   
  .novedades .novedades-modal .novedades-modal_content .novedades-modal_close{width:40px;height:40px;background-color:var(--primary);margin-left:auto;margin-bottom:20px;border-radius:20px;color:#fff;font-size:1.25rem}  
  .novedades .novedades-modal_overlay{position:fixed;width:100%;height:100%;visibility:hidden;top:0;left:0;z-index:1000;opacity:0;background-image:url(../../images/sitio/bg-novedades.jpg);background-size:cover;transition:all .3s}  
  .novedades .novedades-modal:target~.novedades-modal_overlay{opacity:1;visibility:visible}  
  .novedades .novedades-modal:target .novedades-modal_content{opacity:1}   
  .novedades .component-owl-nav_custom button{background-color:#355061;border:0;color:#fff;font-size:0.75rem;width:45px;height:45px;border-radius:30px;display:inline-flex;align-items:center;justify-content:center}  
  .novedades .component-owl-nav_custom button:hover{color:#fff;background-color:var(--primary)}   
  .novedades .share{margin-top:5rem;align-items:center}   
  .novedades .share p{color:#fff;font-weight:300}   
  .novedades .share hr{border-top:2px solid #949e9c;margin:0}  
  .novedades .share .share-redes{display:flex;justify-content:flex-end}  
  .novedades .share .share-redes a{width:30px;height:30px;border-radius:15px;background-color:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;margin-left:0.5rem}   
  .novedades .novedades-detalle_desarrollo+.component-slider_single-img-nav button{background-color:#ebebeb;border:0;color:#838282;font-size:0.625rem;padding:0.625rem;border-radius:0;height:auto;width:auto}   
  .novedades .novedades-detalle_desarrollo+.component-slider_single-img-nav button:hover{color:#fff;background-color:var(--primary)}   @media(max-width: 767.98px){.novedades .novedades-detalle_desarrollo+.component-slider_single-img-nav{display:none}   }   
  
  #mapa{
  background-image: url(../../images/distrito_cero/seccion7/img_mapa.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height:24vw
  }
  @media(max-width: 767.98px){
  #mapa {
  height: 56vw;
  }
  
  #navbar{
  background-color: var(--backColor) !important;
  box-shadow: 1px 2px 6px #3a393959;
  height: 24.5vw;
  }
  
  .servicios-slider .imagen-servicios{
  width: 24vw;
  height: 10rem;
  }
  
  }
  
  
  
  .map{height:400px}   
  footer{padding:2.5rem 0;}  
  footer .logo-ellecktra{width:100px}  
  footer p{text-align:center;color:#999;font-weight:300; margin-left: 7vw; /*0vw*/}  
  @media(max-width:767px){
    footer p{margin-left: 0vw; /*0vw*/} 
  }
  footer .logos img{width:60px}  
  @media(max-width: 991.98px){footer .logos{display:flex;align-items:center;padding-bottom:1.875rem;justify-content:center}   }  
  footer .ellecktra{display:flex;align-items:center;justify-content:flex-end} 
  footer .ellecktra a{display:flex;justify-content:space-around}   
  footer .ellecktra a p{text-align:center;color:#999;font-weight:300;padding:0 10px}   
  @media(max-width: 991.98px){footer .ellecktra{padding-top:1.875rem;justify-content:center}   }   /*# sourceMappingURL=main.min.css.map