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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  
  font-family: "Encode Sans", sans-serif;
  font-weight: 400;
  font-size: 1.3333vw;
  line-height: 1.666vw;
  color: #000000;
  overflow-x: hidden;
  outline: 0;
  opacity:1;
  background-color: #fff;
  position: relative;
}

@media screen and (max-width: 800px) {
  body {
    font-size: 24px;
    line-height:26px;
  }
}

@media screen and (max-width: 485px) {
  body {
    font-size: 16px;
    line-height: 18px;
  }
}

p {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  text-indent: 0;
}

a, a:hover, button {
  text-decoration: none;
  color: inherit;
  outline: 0;
  transition: all 0.3s;
}

strong {
  font-weight: bold;
}

a[href^="tel"] {
  color: inherit;
}

.slick-slide {
  outline: none;
}

ul {
  padding: 0;
  margin: 0;
}

li {
  list-style-type: none;
}



.grecaptcha-badge {
  display: none !important;
}

video { display: block;
    position: relative;
    overflow: hidden;
    width: 100%; }
    
header { display:block; position:fixed; z-index:2; background:#dcdcdc; height:9.5238095238vw; width:100%; padding:2.5vw 9.5238095238vw 0 9.5238095238vw; top:0; left:0;  -webkit-transform: translateY(0); transform: translateY(0); opacity:1;transition:all 1s;}
header.oculto { -webkit-transform: translateY(-500px); transform: translateY(-500px);  opacity:0;  }
header h1 { display:inline-block; float:left; position:relative; overflow:hidden; width:23.6904761905vw;  margin-top:.8333333333vw; -webkit-transform: translateY(-500px); transform: translateY(-500px); transition:all 1s; opacity:0; }
.loaded header h1 { -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
header h1 img { display:block; width:100%; height:auto; }
header .frase { display:inline-block; float:left; position:relative; overflow:hidden; margin-left:4.7619047619vw; width:38vw; margin-top:1.3vw; -webkit-transform: translateX(-500px); transform: translateX(-500px); transition:all 1.5s; opacity:0; }
.loaded header .frase { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
header .frase p { display:block; text-align:right; text-transform:uppercase; font-size:1vw; line-height: 1.3vw; }
header .frase ul { display:block; position:relative; overflow:hidden; width:100%; }
header .frase ul li { display:inline-block; float:right; position:relative; overflow:hidden; color:#e61c30; font-size:.7vw; margin-left:.2vw; }
header .frase ul li:last-child { margin-left:0; }
header .frase .puntos { display:block; position:relative; overflow:hidden; width:100%; }
header .linea-horizontal {height: 7px;              /* alto del div */ width: 100%;              /* ancho total de la línea */ background-image: radial-gradient(circle, red 3.5px, transparent 3.5px); background-repeat: repeat-x; background-size: 10px 7px; /* 7px punto + 3px espacio */ margin: .3vw 0 0 0;           /* espaciado opcional */ }

header .iconos { display:inline-block; float:right; position:relative; overflow:hidden; -webkit-transform: translateX(500px); transform: translateX(500px); transition:all 1.5s; opacity:0; }
.loaded header .iconos { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
header .iconos a { display:inline-block; float:right; position:relative; overflow:hidden; margin-left:.9523809524vw; width:4.4047619048vw; height:4.4047619048vw;  border-radius:12px; }
header .iconos .email { background:#69b42d; }
header .iconos .email img {display: block; width: 2.619047619vw; height: auto; margin:.8vw auto 0 auto;}
header .iconos .telefono { background:#234b04; }
header .iconos .telefono img {display: block; width: 2.619047619vw; height: auto; margin:1vw auto 0 auto;}
header .iconos a:hover { background:#aa1e2c; }

main { display:block; position:relative; overflow:hidden; width:100%; z-index: 1; margin-top:9.5238095238vw;}

.floatante { display: block; position: fixed; top: 21vw; right: 0; background: #69b42d; z-index: 99; padding: 1vw .5vw 1vw 1vw; border-radius: 16px 0 0 16px; }
.floatante img { display:inline-block; float:left; position:relative; overflow:hidden; width:2.4404761905vw; height:auto; margin-right:.5vw; }
.floatante span { display: inline-block; float: left; position: relative; overflow: hidden; color: #fff; text-transform: uppercase; font-size: 1vw; line-height: 1vw; font-weight: 500; padding-top: 0.7vw; }

.bloque0 { display:block; position:relative; overflow:hidden; width:100%; height:34.22vw; background-image:url('../img/Banner-Telemedicina-Samak-1680.jpg'); background-repeat:no-repeat; background-position:center; background-size:cover; }
.bloque0 a { display: table; position: absolute; color: #fff; font-size: 2vw; line-height: 2vw; font-weight: 600; background: #0076d6; padding: 1.6vw 11vw; border-radius: 74px; bottom: .6vw; right: 10vw; letter-spacing: 1px; border: 1px solid #0076d6;}
.bloque0 a:hover { color:#0076d6; background:#fff; }

.bloque1 { display:block; position:relative; overflow:hidden; width:100%; padding:5vw 9.5238095238vw; }
.bloque1 .linea-punteada { display:inline-block; float:left; position:relative; overflow:hidden; width: 7px;               /* ancho del div */  height:0vw;           /* alto de la línea, puede ajustarse */ background-image: radial-gradient(circle, gray .2083333333vw, transparent .2083333333vw); background-repeat: repeat-y; background-size: .4166666667vw .5952380952vw; /* 7px punto + 3px espacio */ margin: 0 auto;           /* centrado horizontal opcional */ width:.4166666667vw; margin-left:7.26vw; transition:all 1.5s; }
.bloque1.visible .linea-punteada { height:50vw; }

.bloque1 .izq { display:inline-block; float:left; position:relative;; overflow:hidden; width:36.1904761905vw; padding: 2vw 0;  -webkit-transform: translateX(-500px); transform: translateX(-500px); transition:all 2s; opacity:0; }
.bloque1.visible .izq  { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.bloque1 .izq h2 { display:block; font-size:5.22vw; line-height:5.22vw; font-weight:500; text-transform: uppercase;}
.bloque1 .izq h2 span { font-weight:900; }
.bloque1 .izq .precio { display:block; position:relative; overflow:hidden; width:100%; margin-top:2vw; }
.bloque1 .izq .precio .precio1 { display: inline-block; float: left; position: relative; overflow: hidden; width: 60%; background: #69b42d; border-radius: 20px 0 0 20px; padding: 2vw 0 0 2vw; color: #fff; font-size: 4.5vw; line-height: 5.22vw; font-weight: 900; height:9.52vw;}
.bloque1 .izq .precio .precio1 span { font-weight:500; }
.bloque1 .izq .precio .precio2 { display: inline-block; float: left; position: relative; overflow: hidden; width: 40%; background: #234b04; border-radius: 0 20px 20px 0; padding: 2.4vw 0 0 2vw; color: #fff; font-size: 2.6vw; line-height: 2.6vw; font-weight: 100; text-transform:uppercase; height:9.52vw;}
.bloque1 .izq .precio .precio2 span { display:block; font-size:1.6vw; line-height:1.6vw; }
.bloque1 .izq .ad { display:block; position:relative; overflow:hidden; margin-top:3.45vw; }
.bloque1 .izq .ad span { font-weight:800; }
.bloque1 .izq .ad a { color:#aa1e2c; font-weight:800; }
.bloque1 .izq .ad a:hover { color:#234b04; }
.bloque1 .izq .dir  { display: block; margin: 6.84vw 0 0 3.86vw; position: relative; overflow: hidden; width: 100%; }
.bloque1 .izq .dir span { font-size: 1.5vw; line-height: 2vw; font-weight: 600; letter-spacing: 2px; }
.bloque1 .izq .dir .n { font-size: 1.5vw; line-height: 2vw; font-weight: 800; letter-spacing: 2px; }

.bloque1 .izq .adherirme { display: block; position: relative; overflow: hidden; margin-top: 2.9vw; width:100%;}
.bloque1 .izq .adherirme img { display: block; width:100%; height:auto;}


.bloque1 .der { display:inline-block; float:right; position:relative;; overflow:hidden; width:30.119047619vw; padding: 2vw 0;  -webkit-transform: translateX(500px); transform: translateX(500px); transition:all 2s; opacity:0; }
.bloque1.visible .der  { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.bloque1 .der .formulario { display: inline-block; float: right; position: relative; overflow: hidden; width: 40vw; }
.bloque1 .der h4 { display:block; color:#2b2c31; text-transform: uppercase; font-size:2vw; line-height: 2.2vw; font-weight:300; letter-spacing:1px; }
.bloque1 .der h4 span { font-weight: 700; }
.bloque1 .der p { display:block; color:#4c4c4c; font-size:1.33vw; line-height: 1.55vw; margin:.5vw 0 0 0; font-weight: 500;}

 .bloque1 .der ol { display: inline-block; position: relative; overflow: hidden; width: 100%; margin-top: 1vw; float: left;  }
.bloque1 .der ol li.pri { display:inline-block; float:left; position: relative; overflow:hidden; width:100%; clear:left; margin-bottom:1vw; margin-right:0; }
.bloque1 .der ol li.seg { display:inline-block;  position: relative; overflow:hidden; width:100%;  clear:none; }
.bloque1 .der ol li input { display:block; position:relative; overflow:hidden; width:100%; padding:1vw; border:1px solid #6e6e6e; border-radius: 12px; font-size:.88vw; line-height: 1vw; color:#000; text-transform:uppercase;}
.bloque1 .der ol li textarea { display:block; position:relative; overflow:hidden; width:100%; padding:.5vw 1vw; border:1px solid #6e6e6e; border-radius: 12px; font-size:.88vw; line-height: 1vw; color:#000; height:8.2vw; text-transform:uppercase;}
.bloque1 .der button { display: inline-block; float: left; position: relative; overflow: hidden; color: #fff; font-size: 2vw; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; padding: .5vw 1vw; background: #aa1e2c; border: 1px solid #aa1e2c; border-radius: 24px; margin-top: 2vw; cursor: pointer; }
.bloque1 .der button:hover { background:#fff; color:#aa1e2c; }

.bloque2 { display:block; position:relative; overflow:hidden; width:100%; padding:5vw 9.5238095238vw 15vw 9.5238095238vw; }
.bloque2 .datos { display: inline-block; float:left; width:40.35vw; position: relative; margin: 1.55vw 0 0 0; font-size:2vw; line-height: 2.4vw; -webkit-transform: translateX(-500px); transform: translateX(-500px); transition:all 2s; opacity:0; }
.bloque2.visible .datos  { -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.bloque2 .datos .tel { color:#69b42d; font-weight:800;  padding-left: 2.976vw;}
.bloque2 .datos .cel {  display:block; padding-left: 2.976vw; }
.bloque2 .datos .mail { color:#aa1e2c;  display:block; padding-left: 2.976vw; }
.bloque2 .datos a:hover { color:#234b04; }
.bloque2 .datos .serv { display: block; position: relative; overflow: hidden; margin-top: 3.98vw; width: 34.01vw; background: #39700d; border-radius: 32px; color: #fff; font-size: 1.66vw; line-height: 1.88vw; text-transform: uppercase; font-weight: 300; padding: 2.8vw 2.3vw; z-index:9;}
.bloque2 .datos .foto1 { display: block; position: relative; width: 33.33vw; height: auto; margin: -4vw 0 0 11vw; border-radius: 32px; z-index:8;}
.bloque2 .datos .cuadro1 { display:block; position:absolute; width:35.11vw; height:20.11vw; background:#fff; border:1px solid #cccccc; border-radius:32px; top:8.24vw; left:29.04vw; }
.bloque2 .datos1 { display: inline-block; float: left; width: 36.6vw; z-index: 8; overflow: hidden; position: relative;-webkit-transform: translateX(500px); transform: translateX(500px); transition:all 2s; opacity:0; }
.bloque2.visible .datos1{ -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.bloque2 .datos1 p { font-weight:300; background: #69b42d;color: #fff; border-radius: 32px; padding: 4.16vw 3.57vw;}
.bloque2 .datos1 p span { font-weight:600; }
.bloque2 .cuadro2 { display:block; position:absolute; width:28.75vw; height:26.3vw;  border:1px solid #cccccc; border-radius:32px; top:12.42vw; right:3.69vw; }
.bloque2 .iso { display: block; position: absolute; width: 16.369047619vw; height: auto; top: 37vw; left: 61vw; z-index: 9; }
.bloque2 .linearoja { display: block; position: absolute; overflow: hidden; width: 53vw; height: 1.1904761905vw; z-index: 9999; bottom: 5vw; left: .5vw; background-image: url(../img/cuadrado-rojo.png); background-repeat: repeat-x; background-size:contain;}


.bloque3 { display:block; position:relative; overflow:hidden; width:100%; padding:13.5vw 9.5238095238vw 10vw 9.5238095238vw; }
.bloque3 .datos { display: inline-block; float:left; width:40.35vw; position: relative; margin: 0; font-size:2vw; line-height: 2.4vw; z-index:9; -webkit-transform: translateX(-500px); transform: translateX(-500px); transition:all 1s; opacity:0; }
.bloque3.visible .datos{ -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.bloque3 .datos .foto { display: block; position: relative; width: 44.3vw; height: auto; margin: 0 0 0 0; border-radius: 32px; z-index:8;}

.bloque3 .datos1 { display: block; float: unset; width: 32.6vw; z-index: 9; position: absolute; right: 15vw; top: 24vw;-webkit-transform: translateX(500px); transform: translateX(500px); transition:all 2s; opacity:0; }
.bloque3.visible .datos1{ -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.bloque3 .datos1 p { font-weight:300; background: #69b42d;color: #fff; border-radius: 32px; padding: 4.16vw 3.57vw; width: 100%;}
.bloque3 .datos1 p span { font-weight:600; }
.bloque3 .serv { display: block; position: absolute; overflow: hidden; /* margin-top: 3.98vw; */ width: 33.07vw; background: #39700d; border-radius: 32px; color: #fff; font-size: 1.66vw; line-height: 1.88vw; text-transform: uppercase; font-weight: 300; padding: 2.8vw 2.3vw; z-index: 9; right: 9vw;
    top: 10vw;-webkit-transform: translateX(500px); transform: translateX(500px); transition:all 1.5s; opacity:0; }
.bloque3.visible .serv{ -webkit-transform: translateX(0); transform: translateX(0); opacity:1; }
.bloque3 .iso { width: 9.04vw; height: auto; display: block; position: absolute; z-index: 9; top: 7.3vw; left: 40vw; }
.bloque3 .datos1 .tel { display: block; position: relative; overflow: hidden; color: #737373; font-size: 1.8vw; line-height: 2vw; /* text-transform: uppercase; */ font-weight: 700; margin: 2vw 0 0 6.5vw; }
.bloque3 .datos1 .tel:hover, .bloque3 .datos1 .tel span { color:#69b42d; }

.bloque3 ul.pri { display: block; position: absolute; top: 6vw; right: 11.07vw; }
.bloque3 .pri li { display: inline-block; float: left; position: relative; overflow: hidden; width: 8.9vw; height: 8.9vw; border: 1px solid #ccc; border-radius: 32px; margin-right:1.5vw;}
.bloque3 .pri li:last-child { margin-right:0; }
.bloque3 ul.seg { display: block; position: absolute; top: 16vw; right: .6vw; }
.bloque3 .seg li { display: inline-block; float: left; position: relative; overflow: hidden; width: 8.9vw; height: 8.9vw; border: 1px solid #ccc; border-radius: 32px; margin-right:1.5vw;}
.bloque3 .seg li:last-child { margin-right:0; }

.bloque3 ul.ter { display: block; position: absolute; top: 26vw; right: .6vw; }
.bloque3 .ter li { display: inline-block; float: left; position: relative; overflow: hidden; width: 8.9vw; height: 8.9vw; border: 1px solid #ccc; border-radius: 32px; margin-right:1.5vw;}
.bloque3 .ter li:last-child { margin-right:0; }

.bloque4 { display:block; position:relative; overflow:hidden; width:100%; height:22.25vw; background:#aa1e2c;  }
.bloque4 .fondo { display:block; position:absolute; top:1vw; left:0; overflow:hidden; width:100%; height:20.25vw;  background-image:url('../img/rectangulos-rojos-espacios.svg'); background-position:center; background-size:cover; background-repeat:no-repeat;}
.bloque4 .iso { display: block; width: 6.25vw; position: absolute; top: 8vw; left: 20vw; }
.bloque4 p { display:block; position:absolute;top:9vw; left:38vw; width:40vw; color:#fff; font-size:2.05vw; line-height:2.24vw; text-transform:uppercase; font-weight:600; }

.bloque5 { display:block; position:relative; overflow:hidden; width:100%; padding:10vw 9.5238095238vw 46vw 9.5238095238vw;  }

.bloque5 .fondo { display:block; position:absolute; bottom:13vw; left:0; width:100%; height:22.619047619vw; background-image:url('../img/rectangulos-verdes-dispersos.svg'); background-position:center; background-size:cover; background-repeat:no-repeat;}

.bloque5 .cuadro1 { display:block; position:absolute; left:9.5238095238vw; top: 28.39vw; width:27.61vw;  -webkit-transform: translateY(500px); transform: translateY(500px); transition:all 1s; opacity:0; }
.bloque5.visible .cuadro1{ -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
.bloque5 .cuadro1 h2 { display: table; position: absolute; background: #000; color: #fff; font-weight: 600; font-style: italic; border-radius: 18px; padding: .5vw 1vw; left: 2.2vw; z-index: 3; /* background: #fff; */ top: 0; }
.bloque5 .cuadro1 p { display: block; position: relative; margin-top: 1.5vw; width: 100%; border: 1px solid #ccc; border-radius: 32px; font-weight: 300; z-index: 2; background: #fff; padding: 2.5vw 2.3vw 2.3vw 2.3vw;}
.bloque5 .cuadro1 p span { font-weight:600; }

.bloque5 .cuadro2 { display:block; position:absolute; right:9.5238095238vw; top: 15.39vw; width:27.61vw;   -webkit-transform: translateY(500px); transform: translateY(500px); transition:all 1s; opacity:0; }
.bloque5.visible .cuadro2{ -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
.bloque5 .cuadro2 h2 { display: table; position: absolute; background: #000; color: #fff; font-weight: 600; font-style: italic; border-radius: 18px; padding: .5vw 1vw; left: 2.2vw; z-index: 3; /* background: #fff; */ top: 0; }
.bloque5 .cuadro2 p { display: block; position: relative; margin-top: 1.5vw; width: 100%; border: 1px solid #ccc; border-radius: 32px; font-weight: 300; z-index: 2; background: #fff; padding: 2.5vw 2.3vw 2.3vw 2.3vw;}
.bloque5 .cuadro2 p span { font-weight:600; }

.bloque5 .foto { display:block; position:relative; margin:0 auto; width:37.7142857143vw; height:auto; border-radius:32px; }
.bloque5 .llama { font-size: 2vw; display: block; position: absolute; left: 37vw; bottom: 7vw; color: #737373; font-weight: 600; }
.bloque5 .llama span { color:#69b42d; }
.bloque5 .llama:hover { color:#69b42d; }
.bloque5 .logo { display: block; position: absolute; right: 9vw; bottom: 7vw; width: 23.69vw; height: auto; }

.bloque6 { display:block; position:relative;  width:100%; padding:5vw 9.5238095238vw 28vw 9.5238095238vw;  }
.bloque6 .cuadro1 { display: inline-block; position: relative; /* left: 9.5238095238vw; */ /* top: 0vw; */ width: 39.4642857143vw;
    float: left;  }
.bloque6 .cuadro1 h2 {     display: table; position: absolute; background: #000; color: #fff; font-weight: 600; font-style: italic; border-radius: 18px; padding: .5vw 1vw .5vw 6vw; left: -3.5vw; z-index: 3; /* background: #fff; */ top: 3vw; }
.bloque6 .cuadro1 p { display: block; position: relative; margin-top: 1.5vw; width: 100%; border: 1px solid #ccc; border-radius: 32px; font-weight: 300; z-index: 2; background: #fff; padding: 5.5vw 2.3vw 5.5vw 2.3vw; font-size: 1vw; line-height: 1.3vw; font-weight: 300;} 
.bloque6 .cuadro1 p span { font-weight: 600; display: block; border-bottom: 2px solid #aa1e2c; padding-bottom: .5vw; margin-bottom: .5vw; margin-top: .5vw;}

.bloque6 .cuadro1Movil { display: inline-block; position: relative; /* left: 9.5238095238vw; */ /* top: 0vw; */ width: 39.4642857143vw;
    float: left;  }
.bloque6 .cuadro1Movil h2 {     display: table; position: absolute; background: #000; color: #fff; font-weight: 600; font-style: italic; border-radius: 18px; padding: .5vw 1vw .5vw 6vw; left: -3.5vw; z-index: 3; /* background: #fff; */ top: 3vw; }
.bloque6 .cuadro1Movil p { display: block; position: relative; margin-top: 1.5vw; width: 100%; border: 1px solid #ccc; border-radius: 32px; font-weight: 300; z-index: 2; background: #fff; padding: 5.5vw 2.3vw 5.5vw 2.3vw; font-size: 1vw; line-height: 1.3vw; font-weight: 300;} 
.bloque6 .cuadro1Movil p span { font-weight: 600; display: block; border-bottom: 2px solid #aa1e2c; padding-bottom: .5vw; margin-bottom: .5vw; margin-top: .5vw;}


.bloque6 .cuadro1Movil { display:none; }
.bloque6 .cuadro2 { display:inline-block; float:right; position:relative;  width:39.4642857143vw;  }
.bloque6 .cuadro2 h2 { display: table; position: absolute; background: #000; color: #fff; font-weight: 600; font-style: italic; border-radius: 18px; padding: .5vw 1vw; left: 2.2vw; z-index: 3; /* background: #fff; */ top: 0; }
.bloque6 .cuadro2 p { display: block; position: relative; margin-top: 1.5vw; width: 100%; border: 1px solid #ccc; border-radius: 32px; font-weight: 300; z-index: 2; background: #fff; padding: 3.5vw 2.3vw 5.5vw 2.3vw; font-size: 1vw; line-height: 1.3vw; font-weight: 300;}
 .bloque6 .cuadro2 p span { font-weight: 600; display: block; border-bottom: 2px solid #aa1e2c; padding-bottom: .5vw; margin-bottom: .5vw; margin-top: .5vw;}
.bloque6 .iso { display: block; position: absolute; z-index: 9; margin: 0 auto; left: 0; right: 0; top: 30.5vw; width: 9.04761904762vw; height: auto; }

.bloque7 { display:block; position:relative; width:100%; height:49.40vw; background-image:url('../img/foto-ambulancia-365-1680-06.jpg'); background-position:center; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; }

.bloque8 { display:block; position:relative;  width:100%; padding:5vw 9.5238095238vw 15vw 9.5238095238vw; overflow:hidden; }
.bloque8 h3 { display: inline-block; float: left; text-align: right; width: 49vw; margin-left: 10.7vw; position: relative; overflow: hidden; font-size: 2vw; line-height: 2.2vw; text-transform: uppercase; font-weight: 600; padding-top:3vw;}
.bloque8 .iso { display:inline-block; float:left; position:relative; overflow:hidden; width:10.35vw; height:auto; margin-left:1.7vw; }
.bloque8 .pcia { display: block; position: absolute; width: 10.05vw; right: 10.95vw; top: 25vw; }
.bloque8 .fondo { display:block; position:absolute; bottom:7vw; left:0; width:100%; height:22.619047619vw; background-image:url('../img/rectangulos-grises-dispersos.svg'); background-position:center; background-size:cover; background-repeat:no-repeat;}

.bloque8 .cuadro1 { display:inline-block; float:left; position:relative;  width:27.38vw; clear:left; margin-top:6vw; margin-left:11.50vw; -webkit-transform: translateY(500px); transform: translateY(500px); transition:all 1s; opacity:0; z-index:9;}
.bloque8.visible .cuadro1{ -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
.bloque8 .cuadro1 h2 { display: table; position: relative; background: #000; color: #fff; font-weight: 600; font-style: italic; border-radius: 18px; padding: .5vw 1.5vw; left: -1.5vw; z-index: 3; /* background: #fff; */ top: 6vw; }
.bloque8 .cuadro1 p { display: block; position: relative; margin-top: 1.5vw; width: 100%; border: 1px solid #ccc; border-radius: 32px; font-weight: 300; z-index: 2; background: #fff; padding: 5.5vw 2.3vw 2.3vw 2.3vw; color:#535353; }
.bloque8 .cuadro1 p span { font-weight:600; }

.bloque8 .cuadro2 { display:inline-block; float:right; position:relative; width:36.90vw; margin-top:24vw; margin-right:2.38vw;-webkit-transform: translateY(500px); transform: translateY(500px); transition:all 1s; opacity:0; z-index:9;}
.bloque8.visible .cuadro2{ -webkit-transform: translateY(0); transform: translateY(0); opacity:1; }
.bloque8 .cuadro2 h2 { display: table; position: relative; background: #000; color: #fff; font-weight: 600; font-style: italic; border-radius: 18px; padding: .5vw 1.5vw; right: -22.2vw; z-index: 3; /* background: #fff; */ top: 6vw; }
.bloque8 .cuadro2 p { display: block; position: relative; margin-top: 1.5vw; width: 100%; border: 1px solid #ccc; border-radius: 32px; font-weight: 300; z-index: 2; background: #fff; padding: 5.5vw 2.3vw 2.3vw 2.3vw; color:#535353; }
.bloque8 .cuadro2 p span { font-weight:600; }

.bloque9 { display:block; position:relative;  width:100%; padding:5vw 9.5238095238vw 5vw 9.5238095238vw; overflow:hidden; }
.bloque9 h2 { display:block; text-align:center; text-transform:uppercase; font-weight:600; }
.bloque9 .slide { display: block; position: relative; width: 100%; margin-top: 5vw; }
.bloque9 .slide .izquierda { display: block; position: absolute; left: -4.76vw; top:17.26vw; width: 3.5vw; cursor:pointer;}
.bloque9 .slide .izquierda img { display:block; width:100%; height:auto; }
.bloque9 .slide .derecha { display: block; position: absolute; right: -4.76vw; top:17.26vw; width: 3.5vw; cursor:pointer;}
.bloque9 .slide .derecha img { display:block; width:100%; height:auto; }
.bloque9 .slide ul { display: block; position: relative; overflow: hidden; width: 100%; }
.bloque9 .slide ul li { display:inline-block; float:left; position:relative; overflow:hidden; width:100%; height:39.28vw !important; border-radius:32px; background-position:center; background-repeat:no-repeat; background-size:cover; }

.bloque10 { display:block; position:relative;  width:100%; padding:5vw 9.5238095238vw 5vw 9.5238095238vw; overflow:hidden; }

.bloque10 #reclamos { display:inline-block; float:left; position:relative; overflow:hidden; width:36.60vw; background:#eeeeee; border-radius:32px; padding: 3.27vw 3.86vw;}
.bloque10 #reclamos h2 { background: #000; color: #fff; font-weight: 600; font-style: italic; border-radius: 18px; padding: .5vw 1vw; display: table; font-size: 1.05vw; }
.bloque10 #reclamos p { display: block; margin-top: 1vw; font-size: .777vw; line-height: .999vw; font-weight: 500; }
.bloque10 #reclamos p  span { font-weight:800; }
.bloque10 .linea-punteada { display:inline-block; float:left; position:relative; overflow:hidden; width: 7px;               /* ancho del div */  height:41.6vw;           /* alto de la línea, puede ajustarse */ background-image: radial-gradient(circle, gray .2083333333vw, transparent .2083333333vw); background-repeat: repeat-y; background-size: .4166666667vw .5952380952vw; /* 7px punto + 3px espacio */ margin: 0 auto;           /* centrado horizontal opcional */ width:.4166666667vw; margin-left:6.60vw; }
.bloque10 #contacto { display:inline-block; float:left; position:relative; overflow:hidden; width:23.48vw; margin-left:6.60vw; }

.bloque10 #contacto h2 { background: #000; color: #fff; font-weight: 600; font-style: italic; border-radius: 18px; padding: .5vw 1vw; display: table; font-size: 1.05vw; margin-top:3.3vw;}
.bloque10 ol { display: inline-block; position: relative; overflow: hidden; width: 100%; margin-top: 1vw; float: left;  }
.bloque10 ol li.pri { display:inline-block; float:left; position: relative; overflow:hidden; width:100%; clear:left; margin-bottom:1vw; margin-right:0; }
.bloque10 ol li.seg { display:inline-block;  position: relative; overflow:hidden; width:100%;  clear:none; }
.bloque10 ol li input { display:block; position:relative; overflow:hidden; width:100%; padding:1vw; border:1px solid #6e6e6e; border-radius: 12px; font-size:.88vw; line-height: 1vw; color:#000; text-transform:uppercase;}
.bloque10 ol li textarea { display:block; position:relative; overflow:hidden; width:100%; padding:.5vw 1vw; border:1px solid #6e6e6e; border-radius: 12px; font-size:.88vw; line-height: 1vw; color:#000; height:8.2vw; text-transform:uppercase;}
.bloque10 button { display: inline-block; float: left; position: relative; overflow: hidden; color: #fff; font-size: 2vw; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; padding: .5vw 1vw; background: #aa1e2c; border: 1px solid #aa1e2c; border-radius: 24px; margin-top: 2vw; cursor: pointer; }
.bloque10 button:hover { background:#fff; color:#aa1e2c; }

footer { display:block; position:relative;  width:100%; padding:5vw 9.5238095238vw 5vw 9.5238095238vw; overflow:hidden; }
footer .linea { display:block; position:relative; overflow:hidden; height:2px; background:#e61c30; width:100%; margin-bottom:5vw; }
footer .izq { display: inline-block; float: left; position: relative; overflow: hidden; width: 60%; }
footer .izq h2 { display:block; font-weight:500; font-size:1.38vw; line-height:1.58vw; text-transform:uppercase; }
footer .izq h2 span { font-weight:800; }
footer .izq p { display:block; font-size:.88vw; line-height:1vw; font-weight:500; }
footer .izq a { font-size:1.16vw; line-height:1.36vw; }
footer .izq .tel { color:#69b42d; }
footer .izq .mail { color:#aa1e2c; }
footer .izq a:hover { color:#234b04; }

footer .osmosis { display:inline-block; float:right; position:relative; overflow:hidden; font-size:.88vw; line-height:1vw; font-weight:500; margin-top:1.8vw;}
footer .osmosis span { font-weight:800; }
footer .osmosis:hover { color:#234b04; }

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

    header { height:20vw; padding:5vw 7.68vw; }
    header h1 { width:51.40vw; }
    header .frase { display:none; }
    header .iconos a { width:9.76vw; height:9.76vw;}
    header .iconos .telefono img { width:5.85vw; margin:1.8vw auto 0 auto; }
    header .iconos .email img { width: 5.85vw; margin:1.8vw auto 0 auto; }
    main { margin-top:20vw; }

    .bloque0 { display:block; position:relative; overflow:hidden; width:100%; height:169vw; background-image:url('../img/Banner-Telemedicina-Samak-768.jpg');  }
    .bloque0 a {font-size: 17px; line-height: 17px; padding: 16px 61px; bottom: 16px; right: 15vw; letter-spacing: 1px;}
    .bloque1 { padding:10vw 7.68vw; }
    .bloque1.visible .izq { display:block; float:unset; width:100%; padding:0; }
    .bloque1 .der { display:block; float:unset; width:100%; padding:0; margin-top:5vw;}
    .bloque1 .linea-punteada { display:none; }
    .bloque1 .izq h2 { font-size:94px; line-height:94px; }
    .bloque1 .izq .precio { margin-top:40px; }
    .bloque1 .izq .precio .precio1 { font-size:94px; line-height:94px; height:21.09vw; padding:33px 0 0 33px; }
    .bloque1 .izq .precio .precio2 { height:21.09vw; font-size:48px; line-height:48px; padding:40px 0 0 33px;}
    .bloque1 .izq .precio .precio2 span { font-size:30px; line-height:30px; }
    .bloque1 .izq .ad { margin-top:40px; }
    .bloque1 .izq .adherirme { margin-top:40px; }
    
    .bloque1 .izq .adherirme p { font-size:40px; line-height:40px;  }
    .bloque1 .izq .dir { margin:40px 0 0 0; }
    .bloque1 .izq .dir span, .bloque1 .izq .dir .n { font-size:36px; line-height:36px; }
    .bloque1 .der h4 { font-size:26px; line-height:32px; }
    .bloque1 .der p {font-size: 20px; line-height: 22px; margin-top: 10px; }
    .bloque1 .der p { font-size:24px; line-height:26px; margin-top:10px; }
    .bloque1 .der ol, .bloque10 ol { margin-top:20px; }
    .bloque1 .der ol li.pri, .bloque10 ol li.pri  { margin-bottom:20px; }
    .bloque1 .der ol li input, .bloque10 ol li input { padding:10px 20px; font-size:24px; line-height:26px; }
    .bloque1 .der ol li textarea, .bloque10 ol li textarea { padding:10px 20px; font-size:24px; line-height:26px; height:100px; }
    .bloque1 .der button, .bloque10 button { font-size: 40px; line-height: 40px; padding: 10px 20px; }
    .bloque2 { padding:10vw 7.68vw 25vw 7.68vw; }
    .bloque2 .iso { position: relative; top: unset; left: 0; right: 0; margin: 0 auto; width: 35.8vw; }

    .bloque2 .datos .tel, .bloque2 .datos .cel, .bloque2 .datos .mail, .bloque2 .cuadro2, .bloque2 .datos .cuadro1, .bloque2 .linearoja, .bloque3 ul.pri, .bloque3 ul.seg, .bloque3 ul.ter, .bloque10 .linea-punteada { display:none; }

    .bloque2 .datos { display:block; float:unset; width:100%; margin:40px 0 0 0; }
    .bloque2 .datos .serv { margin-top: 20px; width: 100%;  font-size: 30px; line-height: 32px;  padding: 50px; }
    .bloque2 .datos .foto1 { width:100%; margin:40px 0 0 0; }
    .bloque2.visible .datos1 { display: block; float: unset; width: 100%; margin-top: 40px; }
    .bloque2 .datos1 p { padding:50px; }
    .bloque3 { padding:0 7.68vw 5vw 7.68vw; overflow:visible;}
    .bloque3.visible .datos { display:block; float:unset; width:100%; }
    .bloque3 .datos .foto { width:100%; }
    .bloque3 .iso {width: 20vw; height: auto; display: block; position: absolute; z-index: 9; top: -10vw; left: 0; right: 0; margin:0 auto;}
    .bloque3 .datos1 { width: 100%; position: relative; top: unset; left: unset; right: unset; margin-top: 40px; }
    .bloque3 .datos1 p { padding:50px; }
    .bloque3 .serv { display: block; position: relative; width: 100%; top: unset; left: unset; margin: 40px 0 0 0; right: unset; padding: 50px; font-size: 30px; line-height: 32px;}
    .bloque3 .datos1 .tel {display: block; position: relative; overflow: hidden; color: #737373; font-size: 36px; line-height: 32px; /* text-transform: uppercase; */ font-weight: 700; margin: 20px auto; text-align: center; }
    .bloque4 { margin-top:40px; height:30.25vw; }
    .bloque4 .iso {display: block; width: 8.25vw; position: absolute; top: 11vw; left: 9vw; }
    .bloque4 p {display: block; position: absolute; top: 12vw; left: 34vw; width: 59vw; color: #fff; font-size: 24px; line-height: 26px; text-transform: uppercase; font-weight: 600; }
    .bloque5 { padding:30vw 0 50vw 0; overflow:visible; }
    .bloque5 .cuadro1 {display: block; position: absolute; left: 7.68vw; top: 9vw; width: 80%; }
    .bloque5 .cuadro1 p { padding:50px; }
    .bloque5 .cuadro1 h2 { font-size: 30px; line-height: 32px; padding: 10px 20px; top: -2vw; left: 6vw; }
    .bloque5 .fondo { bottom:19vw; }
    .bloque5 .foto { width:100%; border-radius:0; }
    .bloque5 .cuadro2 { display: block; position: absolute; left: 7.68vw; bottom: 33vw; width: 80%; top: unset; z-index: 999; }
    .bloque5 .cuadro2 p { padding:50px; }
    .bloque5 .cuadro2 h2 { font-size: 30px; line-height: 32px; padding: 10px 20px; top: -2vw; left: 6vw; }
    .bloque5 .llama { font-size: 30px; line-height: 32px; left: 0; right: 0; margin: 0 auto; text-align: center; bottom: 9vw; }
    .bloque5 .logo { right: 0; left: 0; margin: 0 auto; width: 39vw; bottom: 2vw; }
    .bloque6 { padding:10vw 7.68vw 5vw 7.68vw;  }

    .bloque6 .cuadro1, .bloque6 .cuadro2 { display:none; }

    .bloque6 .cuadro1Movil { display:block; float:unset; width:100%;  }
    .bloque6 .cuadro1Movil p { padding:20px; font-size:16px; line-height: 18px;}
    .bloque6 .cuadro1Movil p span { font-size: 18px; line-height: 20px; margin-bottom: 10px; padding-bottom: 10px; margin-top: 20px; }
    .bloque6 .cuadro1Movil h2 { font-size: 20px; line-height: 22px; padding: 10px 20px; top: -6vw; left: 6vw;}
    
    .bloque6 .iso {display:none; }
    .bloque7 { height:80vw; }
    .bloque7 {  background-attachment:unset; }
    .bloque8, .bloque10, footer { padding:5vw 7.68vw; }

    .bloque8 .cuadro1 { width:100%; margin-left:0; }
    .bloque8 .cuadro1 p { padding:50px; }
    .bloque8 .cuadro1 h2 { font-size: 30px; line-height: 32px; padding: 10px 20px; top: 5vw; left: 6vw; }
    .bloque8 .cuadro2 { width:100%; margin-right:0; margin-top:20px;}
    .bloque8 .cuadro2 p { padding:50px; }
    .bloque8 .cuadro2 h2 { font-size: 30px; line-height: 32px; padding: 10px 20px; top: 5vw; left: 6vw; }
    .bloque8 .fondo { bottom:0; }
    .bloque10 #reclamos { display: block; float: unset; width: 100%; padding: 50px; }
    .bloque10 #reclamos h2 { font-size: 30px; line-height: 32px; padding: 10px 20px; }
    .bloque10 #reclamos p { font-size:18px; line-height:22px; margin-top:10px; }

    .bloque10 #contacto { display: block; float: unset; width: 100%; padding: 0px; margin-left:0; margin-top:20px; }
    .bloque10 #contacto h2 { font-size: 30px; line-height: 32px; padding: 10px 20px; }

    footer .izq h2 { font-size:20px; line-height:22px; }
    footer .izq p { font-size: 18px; line-height: 22px; margin-top: 5px; }
    footer .izq a {font-size: 18px; line-height: 20px; }
    footer .osmosis { font-size:16px; line-height:20px; margin-top:90px; }

    .bloque8 h3 {display: inline-block; float: left; text-align: right; width: 57vw; margin-left: 6vw; position: relative; overflow: hidden; font-size: 3vw; line-height: 3.2vw; text-transform: uppercase; font-weight: 600; padding-top: .5vw; }
    .bloque8 .pcia { top:65vw; }
    .bloque4 .fondo { height:28.25vw; }
  
    .floatante { padding:10px; }
    .floatante img { width:30px; }
    .floatante span { font-size:16px; line-height: 18px; }
    .top .valorpesos {color: #d8131f; display: block; position: absolute; font-size: 5vw; font-weight: bold; top: 17.5vw; left: 47vw; }
}

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

    header h1 { margin-top:10px; }
    .bloque1 .izq h2 { font-size:47px; line-height:49px; }
    .bloque1 .izq .precio .precio1 {font-size: 35px; line-height: 37px; height: 21.09vw; padding: 20px 0 0 20px; }
    .bloque1 .izq .precio .precio2 {height: 21.09vw; font-size: 18px; line-height: 20px; padding: 20px 0 0 20px; }
    .bloque1 .izq .precio .precio2 span {font-size: 14px; line-height: 16px; }
    .bloque1 .izq .adherirme p {font-size: 19px; line-height: 22px; }
    .bloque1 .izq .dir span, .bloque1 .izq .dir .n { font-size:27px; }
    .bloque1 .der ol li input, .bloque10 ol li input {padding: 10px 20px; font-size: 18px; line-height: 22px; }
    .bloque1 .der ol li textarea, .bloque10 ol li textarea {padding: 10px 20px; font-size: 18px; line-height: 22px;height: 100px; }
    .bloque1 .der button, .bloque10 button { font-size:20px; line-height:22px; margin-top:20px; }
    .bloque2 .datos .serv, .bloque3 .serv {font-size: 16px; line-height: 25px; padding: 20px; }
    .bloque2 .datos1 p, .bloque3 .datos1 p { padding:20px; }
    .bloque1 .der { margin-top:40px; }
    .bloque3 .datos1 .tel { font-size:18px; line-height:20px; margin:20px auto 0 auto; }
    .bloque3 .serv { margin-top:20px; }
    .bloque4, .bloque8 .iso { display:none; }
    .bloque5 .cuadro1 p, .bloque5 .cuadro2 p, .bloque6 .cuadro1 p, .bloque6 .cuadro2 p, .bloque8 .cuadro1 p, .bloque8 .cuadro2 p, .bloque10 #reclamos { padding:20px; }
    .bloque5 .cuadro1 h2, .bloque5 .cuadro2 h2, .bloque6 .cuadro1 h2, .bloque8 .cuadro1 h2, .bloque8 .cuadro2 h2 { font-size:20px; line-height:22px; top:-6vw; }
    .bloque5 .cuadro2 { bottom:20vw; }
    .bloque5 .fondo { bottom:27vw; }
    .bloque5 .llama {font-size: 20px; line-height: 22px; left: 0; right: 0; margin: 0 auto; text-align: center; bottom: 8vw; }
    .bloque6 .cuadro1 p span, .bloque6 .cuadro2 p span {font-size: 20px; line-height: 22px; margin-bottom: 5px; padding-bottom: 5px; margin-top: 10px; }
    .bloque6 .iso { display:none; }
    .bloque8 h3 { display:none; }
    .bloque8 .cuadro1 h2, .bloque8 .cuadro2 h2 { top:5vw; }
    .bloque10 #reclamos h2, .bloque10 #contacto h2 { font-size:20px; line-height:22px; }
    .bloque10 #reclamos p { font-size:16px; line-height:18px; }
    footer .izq {display: block; float: unset; position: relative; overflow: hidden; width: 100%; margin-bottom: 20px; }
    .bloque2 {padding: 40px 7.68vw 25vw 7.68vw; }
    .bloque8 .pcia {display:none; }
    .bloque9 .slide { display:none; }
    footer .osmosis {font-size: 16px; line-height: 20px; margin-top: 10px; }

}

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

    .bloque5 .cuadro1 { top:14vw; }
    .bloque5 .cuadro2 {bottom: 32vw; }
    .bloque5 .llama { bottom:14vw; }
    .bloque5 .logo { bottom:8vw; }
    .bloque1 .izq .precio .precio1 {font-size: 47px; line-height: 49px; }
    .bloque1 .izq .precio .precio2 {height: 21.09vw; font-size: 22px; line-height: 29px; }
    .bloque1 .izq .precio .precio2 span {font-size: 16px; line-height: 22px; }
    .bloque1 .izq .adherirme p {font-size: 23px; line-height: 26px; }
    .bloque1 .der  { margin-top:60px; }
    .bloque3 { padding:0 7.68vw 14vw 7.68vw; }

}