/* ==== BARLOW ==== */

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Montserrat:wght@400;700;900&display=swap');


html{-webkit-text-size-adjust: none;}
body{background: #ffffff; font-family: 'Lato', sans-serif; font-weight: 400;margin: 0;}
*{box-sizing: border-box; font-family: 'Lato', sans-serif; font-weight: 400;}
*:after, *:before{box-sizing: border-box}
a{text-decoration: none; outline: none; color: #0163c8}
iframe{width: 100%}

.auxi {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

/* ==== header ==== */
/* ==== underline menu ==== */
.main-navbar .cont-links a.active {border-bottom: 3px solid #00d857;}
.main-navbar .cont-links a:hover {border-bottom: 3px solid #00d857;}
.main-navbar .cont-links .bot-sec a.active {border-bottom: none;}
.main-navbar .cont-links .bot-sec a:hover {border-bottom: none;}
.home .header{position: relative !important;}
.header {background-color: #ffffff;transition: 0.2s all ease;position: relative;z-index: 100;width: 100%;left: 0;right: 0;top: 0;position: fixed;}
.separa.border {border-top: 1px solid #eeeeee;}
.auxi {width: 100%;max-width: 1200px;margin: 0 auto;}
.header .main-navbar {padding: 0;transition: 0.2s all ease;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-ms-flex-align: center;-moz-box-align: center;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.header .main-navbar1 .cont-logo {transition: 0.3s all ease-in-out;-webkit-flex: 0 1 17.5%;flex: 0 1 17.5%;}
.header .main-navbar1 {float: left;margin: 10px;}
a {text-decoration: none;outline: none;color: #0163c8;}
img {display: block;width: 100%;}
ul {list-style: none;}
.header .cont-logo img{display: block;width: 100%;max-width: 170px;float: left;}
.header .cont-logo2-mobile img{display: none;width: 100%;max-width: 152px;float: left;}
.header .cont-logo2 img{display: block;width: 100%;max-width: 170px;float: right;}
.header .cont-logo2-mobile img{display: none;width: 100%;max-width: 170px;float: right;}
.header .sec-navbar {
    padding: 0;
    transition: 0.2s all ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;float: right;margin: 0 10px;
}
.header .sec-navbar .cont-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -moz-box-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;margin: 10px;
}
.header .sec-navbar .cont-links ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.header .sec-navbar .cont-links ul li {
    padding: 10px 17px;
}
.header .sec-navbar .cont-links .avatar a {
    font-size: 11px;
    color: #0163c8;
    font-family: 'Lato', sans-serif; font-weight: 400;
    text-transform: uppercase;background-image: url(../imag/v1/icon/avatar.png);background-repeat: no-repeat;
    background-position: 0;
    background-size: 16px;padding-left: 20px;

}
.header .sec-navbar .cont-links ul li a {
    font-size: 11px;
    color: #0163c8;
    font-family: 'Lato', sans-serif; font-weight: 400;
    text-transform: uppercase;

}

.header .main-navbar .cont-links {padding-left: 25px;padding-top: 35px;-webkit-flex: 1 1 82.5%;flex: 1 1 82.5%;}
.header .main-navbar .cont-links > ul li a {display: block;text-align: center;color: #0163c8;font-size: 14px;line-height: 1.2;padding: 5px 15px;font-family: 'Lato', sans-serif;font-weight: 400;letter-spacing: 0.06em;}
.header .main-navbar .cont-links > ul li {float: left;}
.header .main-navbar .cont-links > ul {float: left;margin-top: 17px;margin-right: 0;}
.header .main-navbar .cont-links > ul.bot-sec {float:right;}
.header .main-navbar .cont-links {padding-left: 0;padding-top: 0;-webkit-flex: 1 1 82.5%;flex: 1 1 82.5%;}
.menu-responsive .cont-logo img {width: 150px;}
.menu-responsive {position: relative;top: 0;padding: 0 15px 8px 0;overflow: hidden;background-color: #ffffff;width: 100%;z-index: 100;}
.header .main-navbar .cont-links .descarga {background-color: #e6f0fa; padding: 10px 10px 9px; border-radius: 4px;margin: 0 6px 0 0;}
.header .main-navbar .cont-links .descarga:hover {background-color: #c0e1f9;}
.header .main-navbar .cont-links .descarga a {font-size: 13px;}
.header .main-navbar .cont-links .contacto {background-color: #0163c8; padding: 10px 10px 9px; border-radius: 4px;}
.header .main-navbar .cont-links .contacto:hover {background-color: #0b88f9;}
.header .main-navbar .cont-links .contacto a {font-size: 13px; color: #ffffff;}
.header .main-navbar .cont-links .bot-sec {margin-top: 10px;margin-bottom: 10px;}

.header .main-navbar .cont-links .verde-en {background-color: #00d857; padding: 10px 10px 9px; border-radius: 4px;margin: 0 0 0 6px;}
.header .main-navbar .cont-links .verde-en:hover {background-color: #03f766;}
.header .main-navbar .cont-links .verde-en a {font-size: 13px; color: #ffffff;}
.header .main-navbar .cont-links .ico-youtube {padding: 0; margin: 0 0 0 5px;}
.header .main-navbar .cont-links .ico-youtube a {padding: 0; margin:0;}

.menu-responsive .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    
    position: relative;
    user-select: none;
}
.menu-responsive .menu {
    clear: both;
    max-height: 0;
    width: 100%;
    transition: max-height 0.3s ease-in-out;
    margin: 0;
    list-style: none;
    overflow-y: scroll;
}
.menu-responsive .menu-icon .navicon {
    background: #333366;
    display: block;
    height: 2px;
    position: relative;
    transition: background 0.2s ease-out;
    width: 28px;
}
.menu-responsive .menu ul {padding: 20px 0;margin: 0 auto;}
.menu-responsive .menu li {position: relative;float: none;}
.menu-responsive .menu li a {
    display: block;
    color: #0163c8;
    padding: 0;
    text-decoration: none;
    padding: 10px;
    font-size: 1rem;
    font-family: 'Lato', sans-serif;
    font-weight: 400;}
.menu-responsive .menu-btn {display: none;}
.menu-responsive .menu-icon .navicon:before {top: 7px;}
.menu-responsive .menu-icon .navicon:after {top: -7px;}
.menu-responsive .menu li.ico-youtube {
    display: block;
    padding: 0 0 0 25px;
    margin-left: 10px;
    background: url(../imag/v1/icon/youtube.png) no-repeat left center;
    background-size: 26px;
}

/* ==== home ==== */
/* ==== destacado ==== */
.home .destacado {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;background-image: url(../imag/v1/master/hero.jpg);
    background-repeat: no-repeat;background-color: #124af9;min-height: 36rem;}
.destacado .img-wrap {position: relative;overflow: hidden;}
.destacado .auxi {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding-top: 65px;
    margin-bottom: 60px;
    max-width: 1180px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
}
.destacado .titular {max-width: 80vw;}
.destacado .main-title {
    max-width: 90%;
    text-align: left;
    color: #ffffff;
    font-size: 72px;
    position: relative;
    font-family: 'Montserrat', serif;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 100%;padding-top: 70px;
}
.destacado .img-wrap img {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;width: 175%;
  right: 20%;
}
.verde {color: #00d857;font-family: 'Montserrat', serif;font-weight: 800;}

.access1{height: 0; width: 100%; color: rgba(255,255,255, 0); overflow: hidden}
.separa{width: 100%; clear: both; height: 0; display: block; margin: 0; padding: 0}
img {width: 100%;position: relative;margin: auto; display: block;
-ms-flex-item-align: center; -webkit-align-self: center; align-self: center;
-webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto;}
.auxi{max-width: 1180px; margin: 0 auto;}
.row { margin-left: 0px; margin-right: 0px;width: 100%;}
.hide{display: none !important}
.aleft{float: left}
.text-center{text-align: center !important}

/* ==== footer ==== */
.footer {background-color: #ebebeb;padding: 20px 0 20px 0;}
.footer .auxi > .row {overflow: hidden;}
.footer p {color: #666666;text-align: center;font-size: 13px;margin: 0 20px 0 20px;line-height: 170%;}
.separa.esp {padding-top: 50px;}

/* ==== LOGIN ==== */
.form .title-log {font-size: 21px; color: #0163c8;text-align: center;font-family: 'Montserrat', serif;font-weight: 700;}
.form .recuerdame {font-size: 13px; color: #999999;}

/* Bordered form */
form {
  background-color: #ffffff; border-radius: 6px;margin: 0 10px;box-shadow: 0px 5px 10px -9px #000000;
}

/* Full-width inputs */
input[type=text], input[type=password] {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box;border-radius: 6px;font-size: 16px;color: #666666;
}

/* Set a style for all buttons */
.container button {
  background-color: #00d857;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  border-radius: 4px;font-size: 18px; font-family: 'Montserrat', serif;font-weight: 700;
}

/* Add a hover effect for buttons */
.container button:hover {background-color: #03f766;}

/* Extra style for the cancel button (red) */
.cancelbtn {
  width: auto;
  padding: 10px 18px;
  background-color: #f44336;
}

/* Center the avatar image inside this container */
.imgcontainer {
  text-align: center;
  margin: 24px 0 12px 0;
}

/* Avatar image */
img.avatar {
  width: 40%;
  border-radius: 50%;
}

/* Add padding to containers */
.container {
  padding: 16px;
}

/* The "Forgot password" text */
span.psw {
  text-align: center;
  padding-top: 16px;font-size: 14px;color: #999999;
}

.contenido {margin-top: 145px;}

/*.sticky{position: fixed;transition: .3s all ease;
		-webkit-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.14);
		-moz-box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.14);
		box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.14)}*/


/* ==== INTERIORES ==== */
/* Medvox */
.medvox .destacado .img-wrap {position: relative;}
.medvox .destacado {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;}
.medvox .cuerpo {margin:15px 0 40px 0;}
.medvox .destacado .auxi {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    padding-top: 35px;
    margin-bottom: 60px;
    max-width: 1180px;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
}
.medvox .auxi-cont .main-title {font-size: 24px;font-family: 'Montserrat', serif;font-weight: 700;color: #000000;line-height: 180%;margin-top: 40px;}
.medvox .auxi-cont .main-title2 {font-size: 35px; text-transform:uppercase; font-family: 'Montserrat', serif;font-weight: 700;color: #0163c8;line-height: 140%;margin: 80px 0 70px; text-align: center;}
.medvox .auxi-cont .main-title2 strong {color:#0163c8;}
.medvox .auxi-cont .ico {margin-top: 20px;}
.medvox .auxi-cont p {font-size: 18px;margin-bottom: 30px;font-family: 'Lato', serif;font-weight: 400;color: #2d2d2d;line-height: 180%;}
.medvox .auxi-cont {max-width: 800px; margin: 0 auto;display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;}
.medvox .auxi-cont .operacion {display: block;width: 300px;margin-left: 20px;}
.medvox .auxi-cont .conf {display: block;width: 300px;margin-left: 20px;}
.medvox .auxi-cont .conf2 {display: block;margin-left: 20px;}
.medvox .auxi-cont .conf2 p {text-align: left;}
.medvox .auxi-cont .conf4 {display: block;margin-left: 0;}
.medvox .auxi-cont1 {max-width: 800px; margin: 0 auto;}
.medvox .auxi-cont1 .main-title {font-size: 24px;font-family: 'Montserrat', serif;font-weight: 700;color: #000000;line-height: 180%;margin-top: 20px;margin-bottom: 20px;}
.medvox .destacado .main-title {max-width: 100%;text-align: center;color: #ffffff;font-size: 46px;position: relative;font-family: 'Montserrat', serif;font-weight: 800;text-transform: uppercase;line-height: 100%;margin: 20px 0;}
.medvox .destacado .titular {max-width: 80vw;margin: 0 auto;}
.medvox .destacado .titular p{max-width: 800px;text-align: center;color: #ffffff;font-size: 21px;position: relative;font-family: 'Lato', serif;font-weight: 400;line-height: 180%;margin:0 auto;}
.medvox .destacado .titular p .dest1 {font-weight: 600; color:#00d857;}
.medvox .destacado .titular p .dest2 {font-weight: 600; color: #3bb8ff;}
.medvox .cuerpo .ico img {max-width: 170px;}
.medvox .cuerpo .ico-small {float: left; margin:0 10px 30px 0;}
.medvox .cuerpo .ico-small img {max-width: 50px; margin:5px 0 0 0;}
/* Operaciones */
.medvox .auxi-cont-arq .main-title-op {font-size: 24px;font-family: 'Montserrat', serif;font-weight: 700;color: #000000;line-height: 180%;margin-top: 20px;}
.medvox .auxi-cont-arq .arq {max-width: 800px; margin: 0 auto;}
.medvox .auxi-cont ul li{font-size: 18px;font-family: 'Lato', serif;font-weight: 400;color: #2d2d2d;line-height: 180%;text-align: left;padding:20px 0;}
.medvox .auxi-cont ul li strong {font-weight: 600; color: #6B57F1;}
.medvox .cuerpo .operacion-img img {max-width: 500px !important;}
.operacion-img{flex: 1 0 500px;}
.medvox .cuerpo .info img {max-width: 800px;margin: 10px 0;}
/* Operaciones */
.medvox .columna {max-width: 800px; margin: 0 auto;}
.medvox .columna .col-bajada {font-size: 18px;font-family: 'Lato', serif;font-weight: 400;color: #2d2d2d;line-height: 180%;text-align: left;padding: 20px 0;}
.medvox .columna h4 {font-size: 20px;font-family: 'Montserrat', serif;font-weight: 700;color: #000000;line-height: 180%;}
.medvox .columna .audio{background-color: #e6f0fa;text-align: center;padding: 20px 0;margin:20px 0;}

.medvox .cuerpo .audio-ejemplo {text-align: center;margin: 40px 0;}
.medvox .operacion .main-title-op {
  font-size: 24px;
    font-family: 'Montserrat', serif;
    font-weight: 700;
    color: #000000;
    line-height: 180%;
    margin-top: 20px;
}
/* Confidencialidad */
.medvox .auxi-cont ul {margin-bottom: 80px;}
/* Ejemplos */
.gridbox {margin: 20px 0;}
.flex-row{display: flex; display: flex;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;justify-content: center; align-items: stretch;}
.flex-row .col-12{flex: 1 0 100%; background-color: #0163c8; padding: 20px;}
.flex-row .col-12 h3 {font-size: 23px; color: #e6f0fa;text-align: center;}
.flex-row .col-6 p {font-size: 15px; color: #666666;text-align: left;margin-bottom: 20px;margin-top: 40px;}
.flex-row .col-6 .bajada {font-size: 18px; color: #2d2d2d;text-align: left;margin-bottom: 20px;margin-top: 40px;}
.flex-row .col-6{flex: 1 0 50%; background-color: #ffffff; padding: 20px 20px 40px 20px; border: 1px solid #99c1e9;}
.flex-row .col-6 h4 {font-size: 20px; color: #0163c8;text-align: left;margin: 20px 0;font-weight: 700;}
.flex-row .col-12-f{flex: 1 0 100%; background-color: #cce0f4; padding: 20px;}
.flex-row .col-12-f p {font-size: 16px; color: #0163c8;text-align: center;}

.flex-row .col-4 p {font-size: 15px; color: #2d2d2d;text-align: left;margin-bottom: 20px;margin-top: 40px;}
.flex-row .col-4 .bajada {font-size: 15px; color: #2d2d2d;text-align: left;margin-bottom: 20px;margin-top: 40px;}
.flex-row .col-4{flex: 1 0 33.3333333333%; background-color: #ffffff; padding: 20px 20px 40px 20px; border:1px solid #99c1e9; }
.flex-row .col-4 h4 {font-size: 25px; color: #0163c8;text-align: left;margin: 20px 0;font-weight: 700;}

.flex-row .col-42{flex: 1 0 33.3333333333%; background-color: #e6f0fa; padding: 20px 20px 40px 20px;}
.flex-row .col-42 p {font-size: 15px; color: #2d2d2d;text-align: left;margin-bottom: 20px;margin-top: 40px;}
.flex-row .col-42 .bajada {font-size: 15px; color: #2d2d2d;text-align: left;margin-bottom: 20px;margin-top: 90px;}
.flex-row .col-42 h4 {font-size: 25px; color: #0163c8;text-align: left;margin: 20px 0 40px 0;font-weight: 700;}

.flex-row .col-42 .pregunta {font-size: 15px; color: #0163c8;text-align: left;margin-bottom: 20px;margin-top: 20px;font-weight: 700;}
.flex-row .col-42 .respuesta {font-size: 15px; color: #000000;text-align: left;margin-bottom: 20px;margin-top: 10px;border-bottom: 1px dashed #00d857;padding-bottom: 20px;}

.medvox .cuerpo .audio-ejemplo p {text-align: center;margin: 10px 0;}
/* Arquitectura */
.medvox .cuerpo .arq .info  img {max-width: 800px;margin: 20px 0;}


/*MEDIA QUERYS*/
@media (max-width: 1320px){
    .flex-row{flex-wrap: wrap;}
    .contenido {margin-top: 190px;}

	.destacado .main-title {
    max-width: 80%;
    text-align: left;
    color: #ffffff;
    font-size: 52px;
    position: relative;
    font-family: 'Montserrat', serif;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 100%;margin: 0 20px;padding-top: 0;}

}


@media (min-width: 768px){
  .header .main-navbar .cont-links > ul li a {letter-spacing: 0.03em;padding: 5px 15px;}
  .header .main-navbar {padding: 10px;}
.mobile {display: none !important;}
.destacado .box-full .dest-mobile {display: none !important;}
.medvox .destacado .img-wrap img {max-height: 350px;}
}


@media (max-width: 600px) {
.home .destacado {background-image: url(../imag/v1/master/hero_mobile.jpg);
    background-repeat: no-repeat;background-color: #124af9;min-height: 30rem;}
}

@media (max-width: 570px) {
.medvox .auxi-cont {max-width: 800px; margin: 0 auto;display: block;}
  
}


@media (max-width: 767px) {

.contenido {margin-top: 90px;}
.medvox .cuerpo{padding: 0 15px;}
.home .destacado {min-height: 36rem;}
.medvox .auxi-cont .ico {margin-top: 0;}
.medvox .destacado .img-wrap img {max-height: 250px;}
.medvox .cuerpo {margin: 10px 0;}
.medvox .auxi-cont .main-title {font-size: 18px;font-family: 'Montserrat', serif;font-weight: 700;color: #000000;line-height: 130%;text-align: center;margin: 9px 15px;}
.medvox .auxi-cont .conf4 .main-title {font-size: 18px;font-family: 'Montserrat', serif;font-weight: 700;color: #000000;line-height: 130%;text-align: left;margin: 9px 0;}
.medvox .auxi-cont p {font-size: 16px;font-family: 'Lato', serif;font-weight: 400;color: #2d2d2d;line-height: 130%;text-align: center;margin: 0 0 40px 0;}
.medvox .auxi-cont .conf4 p {font-size: 16px;font-family: 'Lato', serif;font-weight: 400;color: #2d2d2d;line-height: 130%;text-align: left;margin: 0 0 40px 0;}
.medvox .auxi-cont-arq p {font-size: 16px;font-family: 'Lato', serif;font-weight: 400;color: #2d2d2d;line-height: 130%;text-align: left;margin: 0 0 40px 0;}
.medvox .auxi-cont-arq .main-title-op {font-size: 18px;font-family: 'Montserrat', serif;font-weight: 700;color: #000000;line-height: 130%;text-align: left;margin: 9px 0;}
.medvox .cuerpo .ico img {max-width: 120px;padding: 0;}
.desktop {display: none !important;}
 
.destacado .main-title {
    max-width: 80%;
    text-align: left;
    color: #ffffff;
    font-size: 32px;
    position: relative;
    font-family: 'Montserrat', serif;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 100%;margin: 0 20px 10px;}
.destacado .auxi {display: block;}
form {width: 300px;margin: 0 auto;}
.header .cont-logo2-mobile img{display: block !important;width: 100%;max-width: 152px;float: left;}
.header .cont-logo2-mobile {margin: 10px 15px;}
.header .cont-logo img{display: none;width: 100%;max-width: 170px;float: right;}
.medvox .destacado .main-title {
    max-width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    position: relative;
    font-family: 'Montserrat', serif;
    font-weight: 800;
    text-transform: uppercase;
    line-height: 100%;
}
.medvox .destacado .titular p{
    max-width: 100%;
    text-align: center;
    color: #ffffff;
    font-size: 15px;
    position: relative;
    font-family: 'Lato', serif;
    font-weight: 400;
    line-height: 150%;}

/* Operaciones */
.medvox .auxi-cont .conf2 {display: block;margin:0 15px;}
.medvox .auxi-cont .conf2 .main-title {font-size: 18px;font-family: 'Montserrat', serif;font-weight: 700;color: #000000;line-height: 130%;text-align: left;margin: 9px 0;}

.medvox .columna {max-width: 800px; margin: 0 15px;}
.medvox .columna .col-bajada {font-size: 16px;font-family: 'Lato', serif;font-weight: 400;color: #2d2d2d;line-height: 150%;text-align: left;padding: 20px 0;}
.medvox .columna h4 {font-size: 16px;font-family: 'Montserrat', serif;font-weight: 700;color: #000000;line-height: 130%;}
.medvox .columna .audio{background-color: #e6f0fa;text-align: center;padding: 20px 0;margin:20px 0;}


.medvox .auxi-cont ul li{font-size: 14px;font-family: 'Lato', serif;font-weight: 400;color: #2d2d2d;line-height: 180%;text-align: left;}
.medvox .auxi-cont .main-title-op {font-size: 18px;text-align: left;line-height: 130%;}
/* Confidencialidad  */
.medvox .auxi-cont .conf .main-title {font-size: 18px;font-family: 'Montserrat', serif;font-weight: 700;color: #000000;line-height: 130%;text-align: left;margin: 9px 0;}
.medvox .auxi-cont .conf p {font-size: 16px;font-family: 'Lato', serif;font-weight: 400;color: #2d2d2d;line-height: 130%;text-align: left;margin: 0 0 40px 0;}


.medvox .auxi-cont ul {margin-bottom: 40px;}

 /* Ejemplo  */

.flex-row .col-6{padding: 20px 10px;}
.flex-row .col-4{padding: 20px 10px;}
.flex-row .col-42{padding: 20px 10px;}
.flex-row .col-42 .bajada {margin-top: 0;}
}



/*header responsive*/

.menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 25px 0;
  position: relative;
  user-select: none;
}
.menu-icon .navicon {
  background: #000000;
  display: block;
  height: 2px;
  position: relative;
  transition: background 0.2s ease-out;
  width: 28px;
}
.menu-icon .navicon:before, .menu-icon .navicon:after {
  background: #000000;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
}
.menu-icon .navicon:before {
  top: 7px;
}
.menu-icon .navicon:after {
  top: -7px;
}

.menu-btn {
  display: none;
}
.menu-btn:checked ~ .menu {
  max-height: 90vh;
  height: 90vh;
}
.menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}
.menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
  top: 0;
}
.menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
  top: 0;
}
.menu-btn:checked ~ .menu-icon .navicon:not(.steps) .navicon:before {
  top: 0;
}
.menu-btn:checked ~ .menu-icon .navicon:not(.steps) .navicon:after {
  top: 0;
}