.container{
  position: relative;
}

.container-fluid{
  position: relative;

}

.sombra{
  box-shadow: 0px 8px 12px 0px rgb(0 0 0 / 8%);
}

.presentacion{
  background-image: url("../img/banner03.png");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  background-size: 100%;
  background-color: rgba(242,243,248,1);

}

.centro{

  padding-top: 190px;
  padding-bottom: 190px;
}

.btn{
margin: 5px;
border-radius: 50px!important;
}

.text-5xl {
    font-size: 3.5rem;
    line-height: 1;
}
.text-2xl {
    font-size: 24px;
    line-height: 30px;
}
.text-3xl {
  font-size: 43px;
line-height: 44px;
color: #676666;
}

.texto{
      background-color: #050b3d;
      /* background-color: #5e6de5; */
}
.bloque{
      background-color: #f2f3f7;
}
.bloque2{
      background-color: #03082d;
}

.bloque-footer{
      background-color: #050b3c;
}
.bloque-zocalo{
      background-color: #ca2626;
}

.icon{
  width: 100%;
}

.cards{
  border-radius: 20px !important;
}

.prguntas{
  font-weight: 900;
    color: black !important;
    font-size: 16px;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border: none;
}

.txtGradient{

  /* background: linear-gradient(95deg, #d27506, #c90b0b); */
  -webkit-text-fill-color: transparent;
  -webkit-background-clip:text;

}

.card {
    border: none;
    border-radius: 0.45rem;
    box-shadow: -1px 0px 12px 0px rgb(0 0 0 / 8%);
    cursor: pointer;
}

.formNuevoCli {
    border-top: none;
    border-left: none;
    border-radius: 0px;
    border-right: none;
}
.form-group label {
    font-size: 10px;
}
.tel{
  font-weight: 900;
font-style: italic;
}


/* .reserva-modulo1{
  position: absolute;
    top: 9rem;
    z-index: 1;
    transition: .5s all cubic-bezier(0.8, 0.01, 0.58, 0.8);
    transition: .5s all ease;
    transform: translateY(5vh);
}

@media (max-width:986px){
  .reserva-modulo1{
      top: 13rem;
      left: 9%;
  }
}
.reserva-modulo-footer{

    position: fixed;
    left: 9%;
    margin: auto;
    top: 83vh;
    z-index: 2;
    transition: .5s all cubic-bezier(0.8, 0.01, 0.58, 0.8);
} */



.espacio{
  margin-bottom: 10vh;
}


.cajalogo {
  position: relative;
z-index: 999;
max-width: 24%;
}

.logoNavTpl1 {
  max-width: 88%;
  margin-bottom: -24%;
}


@media (max-width:500px)  {
  .cajalogo {
  max-width: 24%;
  }

  .logoNavTpl1 {
    max-width: 100%;
    margin-bottom: -50%;
  }
}


#nosotros .auto {
     font-weight: bold;
     color: #c99806;
     font-style: normal;
     font-size: 4.5rem;
}

.fondoDiag {
background-image: linear-gradient(314deg, #f2f2f2 50%, #050b3c 50%);
}
.fondoDiag2 {
background-image: linear-gradient(329deg, #f2f2f2 50%, #050b3c 50%);
}



.maquinaEscribirV2 {
/* min-height: 30vh; */
}

@media (max-width:800px)  {
        .maquinaEscribirV2 {
        min-height: 30vh;
        }
  }

.agregoElelmento{
  cursor: pointer;
  background: #f0f8ff7d;
  border: dotted 3px aliceblue;
}

.columnas{
  cursor: pointer !important;
}

/* colorpicker */
.popover{
z-index: 9999999 !important;
}



.controlesEdicionTplPrincipal .derecho {
  left: 50%;
}

@media (max-width:767px)  {
        .controlesEdicionTplPrincipal .derecho {
        left: 0%;
        display: none;
        }
  }
.controlesEdicionTplPrincipal .izquierdo {
      position: absolute;
      bottom: 5px;
      color: black;
}

.colHtml{
  min-height: 50px;
}


.swal2-container.swal2-shown {
    background-color: rgb(0 0 0 / 0%) !important;
}
.ancho-300px.swal2-popup.swal2-modal {
  width: 300px!important;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 11px 18px 14px !important;
}
.ancho-600px.swal2-popup.swal2-modal {
  width: 600px!important;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 11px 18px 14px !important;
}
.ancho-800px.swal2-popup.swal2-modal {
  width: 800px!important;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 11px 18px 14px !important;
}


.addElement{
  height: 60px;
  width: 60px;
  border-radius: 8px !important;
  border-color: #868484 !important;
  color: #868484 !important;
}
.addElement:hover{
  background: #868484 !important;
  border-color: #868484 !important;
  color: white !important;
}


.spancer{
    border: 1px solid #00f3f9;
        background: #00f3f92e;
}

.spancer::before {
  content: '';
  width: 13px;
  height: 13px;
  background-color: #00f3f9;
  border-radius: 50%; /* Hace que el elemento sea un círculo */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



.sidebar .prev {
    display: none;
}



.rowArea{
  min-height: 160px;
  width: 100%;
}

.colArea{
  min-height: 30px;
/* height: 100%; */
  width: 100%;
}
.areaCarrousel{
  min-height: 150px;
}

.none{
  display: none;
}

.carousel-control-prev, .carousel-control-next {
    position: absolute;
    top: 50% !important;
    bottom: 0 !important;
    z-index: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px !important;
    height: 20px !important;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease;
}


.wave-separator:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px; /* Altura máxima de las ondas */
    background: linear-gradient(to right, transparent 50%, #fff 50%);
    transform-origin: bottom center;
    transform: skewY(-10deg) translateY(-50px); /* Skew para la forma de la onda */
  }

  .wave-separator:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px; /* Altura máxima de las ondas */
    background: linear-gradient(to left, transparent 50%, #fff 50%);
    transform-origin: bottom center;
    transform: skewY(10deg) translateY(-50px); /* Skew para la forma de la onda */
  }

  /* .carousel-fade .carousel-item {
       opacity: 0;
       transition: opacity 2s ease;
     } */

     /* .carousel-fade .carousel-item.active,
     .carousel-fade .carousel-item-next.carousel-item-left,
     .carousel-fade .carousel-item-prev.carousel-item-right {
       opacity: 1;
     }

     .carousel-fade .carousel-item-next,
     .carousel-fade .carousel-item-prev,
     .carousel-fade .carousel-item.active.carousel-item-left,
     .carousel-fade .carousel-item.active.carousel-item-right {
       left: 0;
       transform: translate3d(0, 0, 0);
     } */