@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,800;1,700&display=swap');
@charset "utf-8";*{margin:0px;padding:0px;outline:0;}


iframe{display:block;border:none;}


header{margin:0;position:fixed;width:100%;z-index:1000;}


html,body{width:100%;height:100%;font-family:'Open Sans', sans-serif;}


.vinetas{font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;font-size:45px;color:#67666a;}


#testimonios,.buttona{ width:162px; left:50%; margin-left:-81px; bottom:30%;position:absolute; display:block;} 


#ampliar{-webkit-transform:scale(1);-webkit-transition-duration:0.5s;-webkit-opacity:1;-moz-transform:scale(1);-moz-transition-duration:0.5s;-moz-opacity:1;-ms-transform:scale(1);-ms-transition-duration:0.5s;-ms-opacity:1;cursor:pointer;}


#ampliar:hover{-webkit-transform:scale(1.1);-webkit-opacity:1;-webkit-transition-duration:0.5s;-moz-transform:scale(1.1);-moz-opacity:1;-moz-transition-duration:0.5s;-ms-transform:scale(1.1);-ms-opacity:1;-ms-transition-duration:0.5s;}


footer{text-align:center;background-color:#ffffff;height:150px;width:100%;bottom:0;position:relative;}


#column-left{position:absolute;top:30px;left:5%;width:131px;height:120px;z-index:2;}


.ex1{font-size:13px;color:#5b5b5f;font-family:'Open Sans', sans-serif;text-decoration:none}


a.ex1:hover, a.ex1:active{font-size:13px;color:#ffffff;font-family:'Open Sans', sans-serif;text-decoration:none}


.titulo1{font-size:18px;color:#000000;line-height:140%;font-family:'Open Sans', sans-serif;font-weight:700;}


.normal{font-size:15px;color:#000000;font-family:'Open Sans', sans-serif;}


.titulo2{font-size:60px;color:#000000;font-family:'Open Sans', sans-serif;font-weight:700;}


.vermas{font-size:16px;color:#67a850;font-family:'Open Sans', sans-serif;font-weight:700; text-decoration:none;}


.news1{font-size:60px;color:#ffffff;font-family:'Open Sans', sans-serif;font-weight:700;}


.news2{font-size:18px;color:#67a850;font-family:'Open Sans', sans-serif;font-weight:700;}


.titulo3{font-size:23px;color:#000000;font-family:'Open Sans', sans-serif;font-weight:700;}


.conoce1{font-size:85px;color:#ffffff;line-height:140%;font-family:'Open Sans', sans-serif;font-weight:700;}


.conoce2{font-size:18px;color:#ffffff;line-height:200%;font-family:'Open Sans', sans-serif;font-weight:400;}


.conoce3{font-size:15px;color:#67666a;line-height:170%;font-family:'Open Sans', sans-serif;font-weight:400;}


.conoce4{font-size:20px;color:#000000;line-height:170%;font-family:'Open Sans', sans-serif;font-weight:700;text-decoration:none;}


.conoce5{font-size:55px;color:#ffffff;line-height:100%;font-family:'Open Sans', sans-serif;font-weight:700;text-decoration:none;}


.conoce6{font-size:35px;color:#ffffff;line-height:140%;font-family:'Open Sans', sans-serif;font-weight:400;text-decoration:none;}


.conoce7{font-size:23px;color:#000000;line-height:100%;font-family:'Open Sans', sans-serif;font-weight:700;text-decoration:none;}


.conoce8{font-size:13px;color:#67666a;line-height:100%;font-family:'Open Sans', sans-serif;font-weight:400;text-decoration:none;text-align:justify;}


.pop1{font-size:30px;color:#000000;line-height:100%;font-family:'Open Sans', sans-serif;font-weight:700;text-decoration:none;text-align:justify;}


.pop2{font-size:13px;color:#67666a;line-height:145%;font-family:'Open Sans', sans-serif;font-weight:400;text-decoration:none;}


.pop2a{font-size:13px;color:#000000;line-height:150%;font-family:'Open Sans', sans-serif;font-weight:400;text-decoration:none;}


.Estilo7{color:#ffffff; text-decoration:none;}


.pop3{font-size:14px;color:#000000;line-height:140%;font-family:'Open Sans', sans-serif;font-weight:700;text-decoration:none;}


.t0{font-size:13px;color:#67666a;line-height:160%;font-family:'Open Sans', sans-serif;font-weight:400;text-align:center;}


.t00{font-size:14px;color:#000000;line-height:120%;font-family:'Open Sans', sans-serif;font-weight:700;}


.c1{font-size:35px;color:#aaaaaa;line-height:100%;font-family:'Open Sans', sans-serif;font-weight:700;}


.c2{font-size:35px;color:#0000000;line-height:100%;font-family:'Open Sans', sans-serif;font-weight:700;}


.c3{font-size:18px;color:#aaaaaa;line-height:140%;font-family:'Open Sans', sans-serif;font-weight:400;}


.t1{font-size:14px;color:#67666a;line-height:120%;font-family:'Open Sans', sans-serif;font-weight:400;text-align:justify;}


.t2{font-size:15px;color:#000000;line-height:120%;font-family:'Open Sans', sans-serif;font-weight:400;}


.t3{font-size:12px;color:#67666a;line-height:120%;font-family:'Open Sans', sans-serif;font-weight:400;}


.t4{font-size:25px;color:#000000;line-height:150%;font-family:'Open Sans', sans-serif;font-weight:400; text-decoration:none;}


.t5{font-size:17px;color:#b3b3b3;line-height:120%;font-family:'Open Sans', sans-serif;font-weight:400; text-decoration:none;}


.t6{font-size:35px;color:#07639f;line-height:150%;font-family:'Open Sans', sans-serif;font-weight:700; text-decoration:none;}


.conoceme1{font-size:14px;color:#ffffff;line-height:150%;font-family:'Open Sans', sans-serif;font-weight:700;}


.clientes1{font-size:45px;color:#ffffff;line-height:140%;font-family:'Open Sans', sans-serif;font-weight:700;}


table.falsa{border-collapse:collapse;border:0px;float:left;position:relative;}


ul#uno{top:-144px!important;top:-89px;}


.envatologo{position:fixed;top:60px;right:10px;width:197px;margin-top:-41px;margin-left:-98px;z-index:1;}


.slide{background-attachment:fixed;width:100%;height:100%;position:relative;}


.button{display:block;width:34px;height:34px;position:absolute;bottom:40px;left:50%;margin-left:-17px;z-index:3;}


.button,.buttona:hover{cursor:pointer;}


.smooth{}


.smooth:hover{cursor:pointer;color:#000000;}


.fondoflecha{display:block;width:34px;height:34px;position:absolute;bottom:40px;left:50%;margin-left:-17px;z-index:2;}


#slide1{background-color:#FFF;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}


#slide1 .conteneitor{top:50%;left:50%;height:992px;width:433px;margin-top:-496px;}


#slide2{background-color:#ffffff;}


#slide3{background-image:url(../imagenes/fondo3.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);}


#slide4{background-image:url(../imagenes/fondo3.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:1536px;}


#slide5{background-image:url(../imagenes/promesa.jpg);box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);}


#slide5 article{position:absolute;top:50%;left:50%;width:1000px;margin-left:-500px;height:582px;margin-top:-286px;}


#slide6{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);}


#slide7{background-image:url(../imagenes/contacto.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);}


.nav{position:relative;width:auto;display:inline-block;border:none;font-family:'Open Sans', sans-serif;font-weight:800;}


.btn-nav{position:fixed;top:20px;right:5%;background:transparent;border:none;padding:10px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;cursor:pointer;z-index:99999;font-weight:800;font-family:'Open Sans', sans-serif;font-weight:800;}


.btn-nav:focus{outline:0;}


.icon-bar{display:block;margin:6px 0;width:40px;height:5px;background-color:#67a850;}


.btn-nav:hover .icon-bar{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;background-color:#ffffff;}


.nav-content{position:fixed;top:-100%;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.8);display:block;height:100%;z-index:9;}


.nav-list{list-style:none;padding:0;position:relative;top:10%;}


.item-anchor:after{content:"";position:absolute;width:3px;height:3px;left:0;bottom:0;z-index:9;background:transparent;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}


.item-anchor{color:#fff;font-size:30px;text-transform:uppercase;position:relative;text-decoration:none;padding:10px;}


.item-anchor:hover,


.item-anchor:focus{color:#404040;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;}


.nav-item{margin:40px auto;text-align:center;}


.animated{display:block;margin:0 auto;}


.animated:hover .icon-bar,


.animated:focus .icon-bar{background-color:#ffffff;}


.animated:focus{cursor:pointer;z-index:9999;}


.middle{margin:0 auto;}


.icon-bar{-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;z-index:999999;}


.animated .icon-bar{z-index:999999;background-color:#404040;}


.animated .top{-webkit-transform:translateY(10px) rotateZ(45deg);-moz-transform:translateY(10px) rotateZ(45deg);-ms-transform:translateY(10px) rotateZ(45deg);-o-transform:translateY(10px) rotateZ(45deg);transform:translateY(10px) rotateZ(45deg);}


.animated .bottom{-webkit-transform:translateY(-11px) rotateZ(-45deg);-moz-transform:translateY(-11px) rotateZ(-45deg);-ms-transform:translateY(-11px) rotateZ(-45deg);-o-transform:translateY(-11px) rotateZ(-45deg);transform:translateY(-11px) rotateZ(-45deg);}


.animated .middle{width:0;}


@keyframes showNav{from{top:-100%;}


to{top:0;}


}


@-webkit-keyframes showNav{from{top:-100%;}


to{top:0;}


}


@-moz-keyframes showNav{from{top:-100%;}


to{top:0;}


}


@-o-keyframes showNav{from{top:-100%;}


to{top:0;}


}


.showNav{-webkit-animation:showNav 1s ease forwards;-moz-animation:showNav 1s ease forwards;-o-animation:showNav 1s ease forwards;animation:showNav 1s ease forwards;}


@keyframes hideNav{from{top:0;}


to{top:-100%;}


}


@-webkit-keyframes hideNav{from{top:0;}


to{top:-100%;}


}


@-moz-keyframes hideNav{from{top:0;}


to{top:-100%;}


}


@-o-keyframes hideNav{from{top:0;}


to{top:-100%;}


}


.hideNav{-webkit-animation:hideNav 1s ease forwards;-moz-animation:hideNav 1s ease forwards;-o-animation:hideNav 1s ease forwards;animation:hideNav 1s ease forwards;}


.hidden{display:none;}


h1{position:absolute;top:100px;left:100px;color:#fff;}


.ball{margin:0 auto;-moz-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;}


@-moz-keyframes spin{0%{opacity:0;}


100%{opacity:1;-moz-transform:translateX(12px);};}


@-webkit-keyframes spin{0%{opacity:0;}


100%{opacity:1;-webkit-transform:translateX(12px);};}


.teibol{ width:1200px;}


#clinhome, #clinhome1{display:inline-block;vertical-align:top;}


#clinhome{width:1200px; text-align:left;}


#clinhome1{width:400px; height:190px;margin-right:-4px;text-align:center;}


#clinhomea, #clinhome1a{display:inline-block;vertical-align:top;}


#clinhomea{width:1200px; text-align:left;}


#clinhome1a{width:240px; height:230px;margin-right:-4px;text-align:center;}


.latabla{ height:170px;}


#texton1{ width:510px;}


#texton2{ width:910px;}


#conoce, #conoce1, #conoce2{display:inline-block;vertical-align:top;}


#conoce{width:1198px; text-align:left;}


#conoce1{width:187px; height:172px;margin-right:-4px;text-align:center;}


#conoce2{width:150px; height:172px;margin-right:-4px;text-align:center;}


#conomi{POSITION: RELATIVE; z-index: 0; width: 1200px; height: 682px; left: 0; top: 0;}


#conomi2{POSITION: ABSOLUTE; left: 50%; top: 300px; margin-left: -350px; z-index: 1; width: 700px; height: 160px;}


.limaco{ width:1200px;}


#conoceme, #conoceme1{display:inline-block;vertical-align:top;}


#conoceme{width:1200px; text-align:left;}


#conoceme1{width:400px; height:190px;margin-right:-4px;text-align:center;}


#mandalo{width:1200px;}


.transparenteco {font-family: 'Open Sans', sans-serif;


text-align:left;


background-color:#edeeed;


HEIGHT: 40px;


width:90%;


border: 2px solid #edeeed;


font-size:15PX;


color: #9d9d9d;


font-weight:700;


padding-left:10px;


border-radius: 20px;


-moz-border-radius: 20px;


-webkit-border-radius:20px;


-o-border-radius: 20px;


}


#mandame, #mandame1{display:inline-block;vertical-align:top;}


#mandame{width:1200px; text-align:center;}


#mandame1{width:400px; height:60px;margin-right:-4px;text-align:center;}


#clientes, #clientes1{display:inline-block;vertical-align:top;}


#clientes{width:1200px; text-align:left;}


#clientes1{width:400px; height:500px;margin-right:-4px;text-align:center;}


#contactosan, #contactosan1{display:inline-block;vertical-align:top;}


#contactosan{width:1200px; text-align:left;}


#contactosan1{width:600px; margin-right:-4px;text-align:left;}


#lase{


    position: fixed;


    bottom:50%;


    left: 0;


    width: 57px;


	height:145px;


	margin-top:-122px;


	z-index:10000;


}


@media screen and (max-width:1220px){


#contactosan{width:900px; text-align:left;}


#contactosan1{width:450px; margin-right:-4px;text-align:left;}


#clientes{width:800px; text-align:left;}


#mandame{width:400px; text-align:center;}


#mandame1{width:400px; height:60px;margin-right:0px;text-align:center;}


	


#conoceme{width:800px; text-align:left;}


#texton2{ width:800px;}


#clinhome{width:800px; text-align:left;}


.teibol{ width:800px;}


#mandalo{width:800px;}


#clinhomea{width:720px; text-align:left;}





#conoce{width:400px; text-align:left;}


#conoce1{width:200px; height:200px;margin-right:-8px;text-align:center;}


#conoce2{ display:none;}





#conomi{POSITION: RELATIVE; z-index: 0; width: 800px; height: 455px; left: 0; top: 0;}


#conomi2{POSITION: ABSOLUTE; left: 50%; top: 130px; margin-left: -300px; z-index: 1; width: 600px;}


.limaco{ width:800px;}


}


@media screen and (max-width: 950px){


#contactosan{width:450px; text-align:left;}


#contactosan1{width:450px; margin-right:0px;text-align:left;}


}


@media screen and (max-width: 850px){


	#conoceme{width:350px; text-align:left;}


#conoceme1{width:350px; height:190px;margin-right:0px;text-align:center;}


#mandalo{width:600px;}


#texton2{ width:600px;}


#conomi{POSITION: RELATIVE; z-index: 0; width: 600px; height: 341px; left: 0; top: 0;}


#conomi2{POSITION: ABSOLUTE; left: 50%; top: 40px; margin-left: -225px; z-index: 1; width: 450px;}


.limaco{ width:600px;}


#clinhome{width:400px; text-align:left;}


#clinhome1{width:400PX;margin-right:0px;text-align:center;}


.teibol{ width:400px;}


#testimonios{display:none;}


.nav-list{list-style:none;padding:0;position: relative;top:5%;}.item-anchor{color: #fff;font-size:20px;text-transform: uppercase;position: relative;text-decoration: none;padding: 5px;}


.latabla{ height:210px;}


#clientes{width:350px; text-align:left;}


#clientes1{width:350px; height:500px;margin-right:0px;text-align:center;}


}





@media screen and (max-width: 740px){


#clinhomea{width:432px; text-align:left;}


#clinhome1a{width:216px; height:230px;margin-right:-4px;text-align:center;}	


#texton1{ width:400px;}


}





@media screen and (max-width: 620px){


#mandalo{width:450px;}


#texton2{ width:450px;}


#conomi{POSITION: RELATIVE; z-index: 0; width: 450px; height: 256px; left: 0; top: 0;}


#conomi2{ display:none;}


.limaco{ width:450px;}


	


}










/* Estilo del overlay (fondo semitransparente) */
.overlay {
    z-index: 10000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    /* Fondo oscuro con transparencia */
    display: none;
    /* Oculto por defecto */
    justify-content: center;
    align-items: center;
  }
  
  #alertMessage{
    padding-top: 16px;
    padding-bottom: 10px;
  }
  
  /* Estilo del alert */
  .alert-box {
    background-color: #fff;
    border-radius: 8px;
    padding: 20px;
    height: 210px;
    width: 300px;
    text-align: center;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  
  
  /* Título del alert */
  .alert-box h2 {
    margin: 0;
    font-size: 24px;
    color: #333;
  }
  
  /* Mensaje del alert */
  .alert-box p {
    font-size: 16px;
    color: #666;
  }
  
  /* Botón de cerrar */
  .close-btn {
    background-color: green;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 10px;
  }
  
  .close-btn:hover {
    background-color: #ff1a1a;
  }
  
  /* Estilo del botón de enviar */
  .send-btn {
    padding: 10px 20px;
    background-color: #4CAF50;
    color: white;
    border: none;
    font-size: 18px;
    cursor: pointer;
    border-radius: 5px;
  }
  
  .send-btn:hover {
    background-color: #45a049;
  }
  
  
  .qr-img {
    width: 160px;                /* Tamaño de la imagen */
    height: 160px;               /* Tamaño de la imagen */
    border-radius: 10px;         /* Bordes redondeados */
    border: 3px solid #4CAF50;   /* Contorno verde (5px de grosor) */
  }