@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/******************************
*	Recomendaciones
******************************/
.hedPreven {
	padding: 40px 0;
	background: #0ebba8;
	color: #ffffff;
}
.txtIntro {
	max-width: 700px;
	margin:  0 auto;
	text-align: center;
	color: #ffffff;
}
.txtIntro sup {
	font-size: 70%;
}
.txtIntro h3 {
	font-size: 25px;
	margin-bottom: 30px;
}
.txtIntro p {
	margin-top: 15px;
}

.recomendaciones > div + div {
	margin-top: 50px;
}
.content {
	margin: 0 auto;
	width: 1200px;
	max-width: 80%;
}
.infoPre,
.colInfo {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.infoPre {
	margin: 0 auto ;
	max-width: 650px;
}
.infoPre .colInfo:nth-child(1) {
	width: 40%;
}
.infoPre .colInfo:nth-child(2) {
	width: 60%;
}
.colInfo > div {
	width: 100%;
}
.imgPrev {
	position: relative;
}
.imgPrev .img01 {
	display: inline-block;
}
.imgPrev .img02 {
	position: absolute;
	top: 0;
	right: 5%;
	width: 45%;
}
.imgPrev .img01 img {
	max-height: 45vh;
}
.imgPrev .img02 img {
	max-height: 23vh;
}
.infoPrev {
	padding-left: 35px;
	font-size: 15px;
	text-transform: uppercase;
}
.infoPrev h3 {
	font-family: 'Museo Sans 500';
    font-weight: normal;
	font-size: 21px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.infoPrev ul {
	list-style: disc;
	padding-inline-start: 20px;
}
.infoPrev ul li + li {
	margin-top: 5px;
}
.videos {
	width: 1400px;
	max-width: 100%;
	margin: 0 auto;
	padding:  0 15px;
}
.rowVid {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
	margin: 0 -15px
}
.colVid {
	padding: 0 15px;
	margin-bottom: 30px;
}
.colVid h3 {
	line-height: 120%;
	color: #0ebba8;
}
.video {
	position: relative;
	width: 100%;
	margin-bottom: 20px;
	background: #0ebba8;
}
.video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video video:focus {
	outline: none;
}
.grid-sizer {
	width: 1%;
	padding: 0 !important;
}
.vHorizon {
	padding-top: 56%;
}
.g40 {
	width: 40%;
}
.g35 {
	width: 35%;
}
.g30 {
	width: 30%;
}
.g25 {
	width: 25%;
}

.infNo {
	background: #0ebba8;
	padding-bottom: 25px;
}
.headInfo {
	width: 100%;
	position: relative;
	padding: 25px 15px 0;
	margin-bottom: 50px;
	z-index: 1;
}
.headInfo::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 67%;
	background: #009781;
	z-index: -1;
}
.headInfo img {
    margin: 0 auto;
	width: 600px;
    display: block;
}
.cNoHacer {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	color: #ffffff;
    max-width: 800px;
    padding: 0 30px;
    position: relative;
}
.imgNo {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
    margin: 0 auto 30px;
    max-width: 240px;
    text-align: center;
}
.imgNo > div {
	width: 33.33%;
}
.imgNo > div figure {
	margin-bottom: 10px;
}

.tNo {
	border-radius: 50%;
	background: #a50c32;
	width: 150px;
	height: 150px;
}
.tNo > div {
	line-height: 100%;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center;
}
.tNo > div span {
	font-size: 25px;
	line-height: 100%;
}
.iMas {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #a50c32;
}
.iMas span {
	position: absolute;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-family: 'Museo Sans 700';
	font-weight: 700;
	font-style: normal;
	font-size: 40px;
	line-height: 0%;
}
.desin {
	font-size: 25px;
	margin-bottom: 15px;
}
.desin,
.lim {
	display: block;
	text-align: center;
	color: #ffffff;
	padding: 0 15px;
}
/******************************
*	Preguntas y respuestas
******************************/
.infoQues {
	margin:  0 auto;
	width: 1050px;
	max-width: 100%;
	padding: 0 15px;
	color: #4c4c4c;
	line-height: 150%;
}
.question hr {
	max-width: 800px;
	margin: 80px auto;
    border: 0;
    border-top: 2px solid #0ebca8;
}
.question h2 {
    color: #0ebca8;
    margin-bottom: 25px
}
.question p + p {
	margin-top: 20px;
}	
.question strong {
	font-weight: 600;
}
.question p + h2,
.question p + div,
.question div + h2 {
    margin-top: 60px;
}
.sinto {
	background: rgba(14, 188, 168, 0.10);
	padding: 30px;
}
.sinto ul {
	margin: 10px 0 0;
	padding-inline-start: 20px;
}
.sinto ul li {
	position: relative;
}
.sinto ul li::marker { color: #0ebca8; }
.infoMedidas .container-fluid .row > div figure {
	background-repeat: no-repeat;
	background-size: cover;
}
.important {
	margin:  auto;
	width: 900px;
	max-width: 85%;
	font-size: 20px;
	text-align: center;
	font-style: italic;
	position: relative;
}
.important::before,
.important::after {
	position: absolute;
	font-size: 250px;
	opacity: .1;
	line-height: 1;
	font-weight: 900;
}
.important::before {
	content: '"';
	bottom: -75%;
	left: -5%;
}
.important::after {
	content: '"';
	top: 35%;
	right: -5%;
}
.txtMedida {
	text-align: center;
}
.infoMedidas .container-fluid .row:nth-child(odd) {
	background:  rgba(0, 0, 0, 0.03);
}
.infoMedidas .container-fluid .row:nth-child(even) {
	background:  rgba(0, 0, 0, 0.06);
}
.acord .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:active {
    border: 0;
    color: #ffffff;
    border-radius: 0px;
}
.tQues:focus {
	outline: none
}
.tQues {
	position: relative;
    background: #0ebca8;
    -webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.tQues:hover {
    background: #0fb19f;
}
.acord .ui-accordion .ui-accordion-header {
    padding: 15px 25px 15px 15px;
}
.acord .respuesta {
	padding: 20px;
	background: rgba(14, 188, 168, 0.08);
	border: 0;
	line-height: 150%;
}
.acord .ui-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	margin-top: 0;
}
.acord sup {
	font-size: 60%;
}
.acord figure {
	width: 50%;
	margin: 0 auto;
}

.cProductos { padding-top: 60px; }
.cProd { padding: 0 15px; }
.arSlide .slick-prev,
.arSlide .slick-next { width: 20px; }
.arSlide .slick-prev,
.arSlide .slick-prev,
.arSlide .slick-next,
.arSlide .slick-next { opacity: .8; }
.arSlide .slick-prev:hover,
.arSlide .slick-prev:focus,
.arSlide .slick-next:hover,
.arSlide .slick-next:focus { opacity: 1; }
.arSlide .slick-disabled { opacity: .2 !important; }
.slideProd .arSlide .slick-next { right: 0; }
.slideProd .arSlide .slick-prev { left: 0; }
.slideProd {
	max-width: 900px;
    margin: 0 auto;
}
.txtCov {
	text-align: center;
    color: #009781;
    margin-bottom: 40px;
}
.txtCov h2 {
	font-size: 30px;
	margin-bottom: 20px;	
}
.txtCov h2 sup {
	font-size: 50%;
}
.txtCov h3 {
	font-size: 20px;
}
.proEli {
	margin: 0 auto;
	max-width: 200px;
}
.slideProd .proEli {
	opacity: .8;
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	-ms-transform: scale(.7);
	-o-transform: scale(.7);
	transform: scale(.7);
	transform-origin: 50% 0%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	transform-style: preserve-3d;
}
.slick-slide div:focus {
	outline: none;
}
.slideProd .slick-center .proEli {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.proEli span {
	display: block;
	margin-top: 10px;
	text-align: center;
	color: #009781;
}

/******************************
*	Mobile
******************************/

/* Extra Small Devices, Phones */ 
@media (max-width : 479px) {
.vid01 {
	width: 50%;
}
.vid02,
.vid03,
.vid04,
.vid05 {
	width: 50%;
}
.vidOpt02 {
	width: 50%;
}
.vLarge {
	padding-top: 165%;
}
.vMedium {
	padding-top: 100%;
}
}
/* Small Devices, Tablets */
@media (min-width : 480px) and (max-width : 767px) {
}
/* Small Devices, Nav */
@media (max-width : 767px) {
.infoPrev h3 {
    font-size: 3.5vw;
}
.infoPrev {
    padding-left: 15px;
    font-size: 3vw;
}
.infoPrev ul li {
	line-height: 100%;
}
.tNo {
	position: relative;
	margin: 0 auto 30px;
}
.cNoHacer {
	margin: 0px auto 40px;
}
.filNo > div +  div,
.filNo + .filNo {
	border-top: 1px solid rgba(255, 255, 255, .6);
	margin-top: 30px;
	padding-top: 30px;
}
.filNo > div {
	font-size: 18px;
}
.question h2 {
    font-size: 20px;
}
.sinto {
    padding: 20px;
}
.sinto .row > div + div {
	margin-top: 10px;
}
.important {
    max-width: 90%;
    font-size: 18px;
}
.contagia .row > div + div{
	margin-top: 20px;
}
.infoMedidas .container-fluid .row > div figure {
	padding-top: 70%;
	margin: 0 -15px;
}
.infoMedidas .row + .row {
	margin-top: 30px;
}
.txtMedida {
	padding:  20px 15px;
}
.acord figure {
    width: 20%;
    margin: 0 auto 30px;
}
.txtCov {
    margin-bottom: 30px;
}
}
/* Medium Devices to Large Devices */
@media (min-width : 768px){
.tNo {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.cNoHacer {
	margin: -130px auto 40px;
}
.filNo {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.filNo > div {
	width: 50%;
	font-size: 18px;
}
.filNo > div +  div {
	border-left: 1px solid;
}
.filNo + .filNo {
	border-top: 1px solid;
}
.n01 {
    padding-right: 50px;
    padding-bottom: 50px;
}
.n02 {
    padding-left: 80px;
    padding-bottom: 50px;
}
.n03 {
    padding-right: 50px;
    padding-top: 50px;
}
.n04 {
    padding-left: 80px;
    padding-top: 50px;
}
.question h2 {
    font-size: 25px;
}
.infoMedidas .container-fluid .row > div {
	min-height: 280px;
	display: table;
	position: relative;
}
.infoMedidas .container-fluid .row > div > div {
	display: table-cell;
	vertical-align: middle;
}
.infoMedidas .container-fluid .row > div figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.txtMedida {
	width: 80%;
	margin: 0 auto;
}
.cProd {
	max-width: 1200px;
	margin: 0 auto;
}
.slideProd img {
	/* max-height: 60vh; */
	margin: 0 auto;
}
}
/* Medium Devices, Desktops */
@media (min-width : 768px) and (max-width : 991px) {
}
/* Large Devices, Wide Screens */
@media (min-width : 992px) and (max-width : 1200px) {

}
@media (min-width : 480px) and (max-width : 1200px) {
.vidOpt01.vid05 .vLarge {
    padding-top: 178%;
}
.vLarge {
	padding-top: 165%;
}
.vMedium {
	padding-top: 100%;
}
.vid01 {
	width: 40%;
}
.vid02,
.vid03,
.vid04,
.vid05 {
	width: 28%;
}
.vidOpt02 {
	width: 50%;
}
.vid06 {
	width: 67%;
}
}
/* Large Devices, Wide Screens */
@media (min-width : 768px) and (max-width : 1200px) {

}
/* Medium Devices to Large Devices */
@media (min-width : 1201px){
.vLarge,
.vMedium {
	padding-top: 125%;
}
.vidOpt01 {
	width: 20%;
}
.vidOpt02 {
	width: 33%;
}
}