@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900&display=swap');
/* CSS Document */

#demo-determinate-container{
	position:absolute;
	background-color: #87D4FB;
	z-index: 9999;
	height: 8px;
	top:0;
	left:0;
}
.simple-list ul {
	display: flex;
}

::placeholder {
  color: #D8D0D9!important;
  opacity: 1; 
}

.pop-img{
    width: 93%!important;
    top: 50px!important;
    left: 15px!important;
    right: 15px!important;
}

	.pop-img img{
    width: 96%!important;
}


.planDetalle{
	display: none;
}

.planDetalle2, .planDetalle3{
	display: none;
}

.planDetalle p, .planDetalle2 p, .planDetalle3 p{
	font-size:10px;
	font-weight:700;
}

.list input{
	overflow:hidden;
}
#hijosFrame{
	display:none;
}

.edad-wrap{
	padding-left:80px;
	padding-right:80px!important;

}



.input-clear-button{
	padding-top:15px;
	z-index:999;
}

.aporte-wrap {
	padding-left:10px;
	padding-right:10px;
}


.list input[type=number]#edad {
	font-size:2.2em!important;
	margin:12px!important;
	line-height: 3em!important;
}

.list input[type=number] {
	font-size:2em!important;
	margin:12px 6px!important;
	line-height: 3em!important;
}


.item-input-info{
	font-weight: 500;
	padding-top: 7px;
	font-size:10px;
	margin-bottom: 10px!important;
}

.info-link{
	position: absolute;
	right: 20px;
	top:20px;
	color: #C3C0C5;
}

a.link > i{
	color:#477ec0!important;
	font-size:15px!important;
}

a.info-link > i{
	font-size: 16px!important;
}

.simple-list li {
	display: block!important;
	margin-bottom: 16px!important;
}

#estadoTitular.list.simple-list ul {
	display: block!important;
}


.card .item-title > span{
	font-size: 14px;
	color:#477ec0;
	font-weight: 600;
	background-color: #F4F4F4;
	border-radius: 8px;
	padding:16px 20px;
	width:auto;
	text-align: center;
	text-decoration: none;
}

.card .list.simple-list ul li > span {
	font-size: 14px;
	color:#423C43;
	font-weight: 600;
	border-radius: 8px;
	padding:16px 20px;
	width:auto;
	text-align: center;
	text-decoration: none;
}

.agregarFamiliaSi {
	color:#ffffff!important;
	background-color: #477ec0!important;
}

.range-knob-label{
	font-size: 12px!important;
	font-weight: 500;
}

#hijos-count{
	color:#477ec0;
	font-weight: 600;
	font-size:14px;
	padding-left: 16px;
	padding-right: 5px;
	background-color: #fff!important;
}


.list .item-content {
    padding-left: 0;
	display: block;
}

.list .item-inner {
	padding-bottom: 0!important;
}

.item-title span.hijos-count{
	color:#477ec0;
	font-weight: 600;
	font-size:14px!important;
	padding-left: 0px!important;
	background-color: #fff!important;
}


.list .item-title {
	font-size:0.85em;
	font-weight: 600;	
}


.card {
	margin-bottom: 2em!important;
	padding:50px;
	border-radius: 10px;
	box-shadow: none;
}





.card.dinamic{
	box-shadow: none;
	opacity: 0;
	position: relative;
	top: -50px;
}

.card.effect-on{
	opacity: 1;
	position: relative;
	top: 0px;
	    -webkit-transition: all 0.7s ease-out;
       -moz-transition: all 0.7s ease-out;
        -ms-transition: all 0.7s ease-out;
         -o-transition: all 0.7s ease-out;
            transition: all 0.7s ease-out;
}

#introFrame .card{
	background-color: #F1F1F1;
	padding:45px 25px 0px 25px;
	margin-bottom: 0em!important;
}


#edadFrame .cardTitle{
	padding-bottom: 9px!important;
	padding-left:12px!important;
}
.cardTitle{
	font-size: 18px;
	color:#594B5D;
	font-weight: 600;
	padding: 0 0px 30px 5px!important;
}


.cardTitleIntro{
	font-size: 24px;
	color:#594B5D;
	font-weight: 700;
	padding: 0 0px 50px 13px!important;
}


h1.cardTitleIntro > span{
	color:#477ec0!important;
	font-size: 33px;

}

h4.cardTitle{
	font-size: 14px;
	color:#594B5D;
	font-weight: 400;
	margin-bottom: 8px;
	padding: 0 0 0 10px!important;
}


.planListado ul li.item-content{
	font-size:12px;

}





.planListado .item-content {
    margin-bottom: 8px;
    border-bottom: 1px solid #ccc;
    padding: 0px 0 10px 0;
			margin-left:15px!important;
		margin-right:15px!important;
}

.planListado .item-content.no-item-border{
	padding-bottom: 0px;
	border-bottom: 0px;

}

.planListado .item-inner {
padding-top:0;
	padding-right:0!important
}
.planListado .item-inner .item-after{
	font-size: 10px!important;
	font-weight: 500;
	text-align: right;
	color:#477ec0;
}


.planListado i{
   font-size: 13px!important;
	color:#73AF0D;
	text-align: right!important;
}

a.link.sheet-close > i{
	color:#ccc!important;
}

.planTitle{
	font-size: 20px;
	color:#477ec0;
	font-weight: 700;
	margin-bottom: 0px;
}

.planSub h4{
	font-size: 15px;
	color:#477ec0;
	font-weight: 600;
	padding-bottom:0;
	margin-bottom: 0;
}

.planTitleTwo{
	font-size: 17px;
	color:#477ec0;
	font-weight: 700;
	margin-bottom: 0px;
}


.planPrecio {
	font-size: 35px;
	color:#423C47;
	font-weight: 700;
	margin-top: 95px;
}

.planSub{
	font-size: 13px;
	color:#98929E;
	font-weight: 400;
}

.planSub h3{
	font-size: 13px;
	color:#477ec0;
	font-weight: 600;
	padding-top: 25px;
	padding-left: 15px;
}

.planText{
	font-size: 8px;
	color:#57515C;
	text-align: justify;
	line-height: 13px;
	font-weight: 400;
}

.planCall{
	font-size: 13px;
	color:#477ec0;
	text-align: center;
	line-height: 15px;
	font-weight: 600;
}

.planArrow{
	font-size: 14px;
	color:#477ec0;
	text-align: center;
	display: block;
	margin-bottom: 8px;
}


.popoverCard{
	font-size: 13px;
	padding: 0px 19px;
}

.popoverCard h3 {
	color:#477ec0;
	font-size: 14px;
	padding-bottom: 10px;
}

.popoverCard h4 {
	padding-bottom: 0px;
}

.popoverCard p {
 font-size: 12px;
	padding-bottom: 15px;
}


.popover-close{
	font-size: 13px;
	padding-top: 5px;
	font-weight: 600;
}









body {
	font-family: 'Montserrat', sans-serif;
	color:#423D46;
	}

.ios .tabbar-labels .tab-link:not(.tab-link-active) .icon-ios-fill {
  display: none;
}
.ios .tabbar-labels .tab-link.tab-link-active .icon:not(.icon-ios-fill) {
  display: none;
}


.progressbar-infinite:after,.md .progressbar-infinite:before{
	content: '';
	background: #88b917!important
}
.md .color-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-blue .swiper-pagination-progressbar .swiper-pagination-progressbar-fill,.md .color-theme-blue.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #88b917!important
}
.md .color-blue .swiper-pagination-progressbar,.md .color-blue.swiper-pagination-progressbar,.md .color-theme-blue .swiper-pagination-progressbar,.md .color-theme-blue.swiper-pagination-progressbar {
	background: #88b917!important
}

.md .list ul:before, .md .list ul:after, .md .item-divider,.md .list-group-title,.md .simple-list li:after, .md .autocomplete-dropdown .list, .md .list .item-link.active-state,.md .list .list-button.active-state, .md .links-list a:after, .md .links-list a.active-state, .md .list .accordion-item-toggle.active-state, .md .links-list a.active-state,.md .simple-list li:after, .md .item-divider,.md .list-group-title {background-color:rgba(0,0,0,0.00)!important;
 }

.card-header{
	padding-bottom: 1.3em!important;
    padding-top:  1.3em!important;
   background-color:rgba(0,0,0,0.00)!important;
   border-bottom: none!important;
   font-size: 17px!important;
   text-indent: 8px;
	color: #003358;
}

.logo {
    background-image: url(../img/logo.svg);
    width: 200px;
    height: 70px; 
    display: block;
    margin-left: 35px;
}



.links-list a:after, .list .item-inner:after, .simple-list li:after {
    height: 0px;
}

.body-content{
	padding: 20px!important;
	background-color: #F1F1F1;
}

.body-block {
	margin-top:22px!important;
	margin-bottom:22px!important;
}

.body-card{
	background-color:#E1E1E1!important;
	 margin-top: 2%;
	padding-bottom: 1em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	background: #E1E1E1; 
	background: linear-gradient(to bottom, #003358 4%, #E1E1E1 4%); 
}


.body-section{
background-color:#003358!important;
    margin-top: 0%;
padding-bottom: 1em;
padding-right: 0.4em;
padding-left: 0.4em;
    background: #003358; 
    background: linear-gradient(to bottom, #003358 4%, #003358 4%); 
}


.section-block {
	padding-top:28px!important;
	padding-bottom:28px!important;
	background-color: #E5E5E5!important;margin-bottom:0px!important;margin-top:50px!important;}

.section-font {color: #003358!important;font-size: 17px!important;line-height: 26px!important;}
.section-font span {color: #003358!important;font-weight: 500!important;font-size: 14px!important; }

.title {margin-left: 5px!important}

.page-title {color: #d3d500; font-size: 25px; font-weight: 700; text-align: center;margin: auto}

.page-title span {color: #d3d500; font-size: 22px; font-weight: 300; text-align: center;margin: auto}

.page-title-big {color: #d3d500; font-size: 50px; font-weight: 700; text-align: center;margin: auto; margin-top: 20px!important}

.page-title-small {color: #fff; font-size: 20px; font-weight: 500; text-align: center;margin: auto; margin-top: 8px!important}


/*---------
hr {
	border: 0;
	border-bottom: solid 13px #d3d500;
	width: 37%;
	margin-top: 0.03em;
	margin-right: auto;
	margin-bottom: 0.7em;
	margin-left: auto;
	border-radius: 7px 7px 7px 7px;
	}-----*/

.button-principal {margin-top: 40px!important;}

.md .button.button-active,.md .button.button-fill,.md .button.button-fill-md,.md .button.tab-link-active, .button a {background-color:#477ec0; color:#fff!important;font-weight: 500; font-style: normal!important; font-variant: normal!important; font-size: 14px!important;}

.md .button.button-fill.button-large {background-color:#477ec0;font-weight: 500;font-size: 14px!important}

.button-round {border-radius:50px!important; padding-top: 0px;height: 50px!important}

.block-button {margin-right: 40px!important; margin-left: 40px!important}

.block-button2 {margin-right: 30px!important; margin-left: 30px!important;margin-top:20px}

.button-outline{border: solid 1px #477ec0}

.button.button-fill.button-section {background-color:#ffffff!important;color:#003358!important;font-weight: 400!important; font-style: normal!important;font-variant: normal!important;line-height:80px!important; margin-left: 12px; margin-right: 12px}


.button-big{height:80px!important;line-height:80px!important;border-radius:4px!important;margin-bottom:14px}


a span.button-small-text {color:#003358!important;font-weight: 400!important;font-size: 17px!important;text-transform: none; display:inline-block}

a span.button-big-text {color:#003358!important;font-weight: 700!important;font-size: 19px!important;text-transform: none; display:inline-block}

a span.button-fill-text {color:#fff!important;font-weight: 500!important;font-size: 14px!important;text-transform: none; display:block;line-height: 45px!important}

a span.button-outline-text {
	color:#477ec0!important;
	font-weight: 500!important;
	font-size: 13px!important;
	text-transform: none;
	display:block;
	line-height: 23px!important;
	padding:10px 20px;
}




delay{
	height:120px;
	width: 100%;
    background: #E1E1E1; 
	background: linear-gradient(to bottom, rgba(226,226,226,0) 10%, rgba(226,226,226,1.00)50%);
	bottom: 0;
	position: fixed;

}





.card-header:after {background-color:rgba(0,0,0,0.00)!important;}

.card-footer a {font-size: 12px!important; line-height: 40px!important;text-transform: none;}
.card-footer i {margin-right: 10px!important}

.md .card-footer a.link {height: 40px!important;text-transform: none;padding: 0 10px!important}


.md .card-footer,.md .card-header{
	min-height: 40px;
}


.card-footer {margin-top: 0px!important; margin-bottom: 0px!important; padding-top: 0px!important; padding-bottom: 0px!important;}

.icon-tab  {margin: 6px!important;}

.icon-tab i {
    color: #969696;
    font-size: 21px;
}

.fa-whatsapp {font-size: 26px!important;}

.fa-envelope {font-size: 23px}
.far.fa-envelope {font-size: 23px;margin-top:12px!important}

.toolbar-inner {background-color: #fff}

.md .tabbar-labels.toolbar-bottom-md {height: 56px!important;}



			  
#selector option:first-child {
	display:none;
	}

.page-content-big {
	margin-top: 70px;
}

.page-content {
	padding: 30px 30px 0 30px!important;
}


.md .navbar .title {
    font-size: 14px!important;
}


.list {
    padding-left: 0px!important;
    padding-top: 0px!important;
    padding-bottom: 0px!important;
}

.navbar {
	 position:absolute;
    z-index: 500;
    margin: 0!important;
    height: 60px;
    background-color: #477ec0!important;
}


.navbar:before {
    background: none!important;
}


.list-bar {
	padding-left:0px!important;
	padding-top:0px!important;
	padding-bottom:0px!important;

}
.list-button  {
    font-size: 15px!important;
	color: #003358;
padding:3px!important;

	
}


.md .links-list a, .md .links-list a:after {
	color: #003358;
	font-size: 14px;
	text-align: left!important;
	margin-bottom: 6px;
	margin-left: 11px;
	margin-right: 0px;
	float: left;
}
 
.navbar-inner-big {

	height: 130px!important;
	padding-top: 30px!important;
	margin-bottom: 60px!important;
	
}



.left-items a span{
	text-align: left!important;
	margin-left: 14px!important;
	padding-left: 5px!important;
}




.links-list a,.list .item-link .item-inner,.media-list .chevron-center .item-link .item-inner,.media-list .item-link .item-title-row,.media-list .item-link.chevron-center .item-inner,.media-list.chevron-center .item-link .item-inner,li.media-item .chevron-center .item-link .item-inner,li.media-item .item-link .item-title-row,li.media-item .item-link.chevron-center .item-inner,li.media-item.chevron-center .item-link .item-inner{background-size:8px 13px;background-repeat:no-repeat;background-position:95% center;background-image:url(none)}



.popover-inner{margin-top:5px!important}
.fab[class*=fab-right]{right:28px}

.md .fab[class*="-top"]{top:28px}

.fab-buttons a {width:150px!important;height:40px!important}

.fab-buttons-zoom a {background-color: #003358!important; top:404px!important;width:70px;height:70px;right:13px!important;}

.fab-buttons-zoom a:focus {background-color: #fff}

.fab-buttons-zoom2 a {background-color: #477ec0!important; top:404px!important; right:14px!important;width:44px!important;height:44px!important}


.fab-buttons-zoom2 i.icon {font-size: 14px!important;line-height: 42px!important}
.fab-buttons-zoom i.icon {font-size: 17px!important;line-height: 40px!important}

.fab-button-close {background-color: inherit!important;
	top:0px!important; left:196px!important;
	height:40px!important; width:45px!important;right:0px!important;position: relative!important}

.fab-button-close i.icon {margin-left:9px!important; font-size: 19px!important; color:#C8C8C8}


.fab-left-text {font-family: 'Montserrat', sans-serif;  color:#fff!important;font-weight: 500!important;font-size: 15px!important}








.md .input:not(.input-outline):after, .md .item-input:not(.item-input-outline) .item-input-wrap:after {
    content: '';
    position: absolute;
    background-color: #477ec0;
    display: block;
    z-index: 15;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100%;
    transform-origin: 50% 100%;
    transform: scaleY(calc(1 / var(--f7-device-pixel-ratio)));
}

.aurora .stepper-fill-aurora .stepper-button+.stepper-button, .aurora .stepper-fill-aurora .stepper-button-minus+.stepper-button-plus, .aurora .stepper-raised-aurora .stepper-button+.stepper-button, .aurora .stepper-raised-aurora .stepper-button-minus+.stepper-button-plus, .ios .stepper-fill-ios .stepper-button+.stepper-button, .ios .stepper-fill-ios .stepper-button-minus+.stepper-button-plus, .ios .stepper-raised-ios .stepper-button+.stepper-button, .ios .stepper-raised-ios .stepper-button-minus+.stepper-button-plus, .md .stepper-fill-md .stepper-button+.stepper-button, .md .stepper-fill-md .stepper-button-minus+.stepper-button-plus, .md .stepper-raised-md .stepper-button+.stepper-button, .md .stepper-raised-md .stepper-button-minus+.stepper-button-plus, .stepper-fill .stepper-button+.stepper-button, .stepper-fill .stepper-button-minus+.stepper-button-plus, .stepper-raised .stepper-button+.stepper-button, .stepper-raised .stepper-button-minus+.stepper-button-plus {
    border-left: 0px solid rgba(0,0,0,.1); 
}

.range-bar{
	background-color: #CECACF;
}

.md .stepper-button, .md .stepper-button-minus, .md .stepper-button-plus {
   border-radius: 6px;  
	padding:19px;
   background-color: #F1F1F1; 
}
.md .stepper-button-minus { 
    margin-right: 9px;
}

.aurora .stepper-raised-aurora, .ios .stepper-raised-ios, .md .stepper-raised-md, .stepper-raised {
    box-shadow: none;
}



.sheet-modal {
    padding: 10px 30px;
	z-index: 99998;
}

.popup{
	z-index: 14000!important;
	padding:15px!important;
}


@media only screen and (max-width: 768px)  {
	
.popup {
    position: absolute;
    left: 0;
    top: var(--f7-statusbar-height);
    width: 100%;
    box-sizing: border-box;
    transition-property: transform;
    transform: translate3d(0,100%,0);
    background: #fff;
    will-change: transform;
    border-radius: var(--f7-popup-border-radius);
}
}


@media only screen and (max-width: 375px) {
	
	#introFrame .card{
		padding:20px 25px 0px 25px;
	}
	
.pop-img{
    width: 92%!important;
    top: 20px!important;
    left: 15px!important;
    right: 15px!important;
}
	
	.pop-img img{
    width: 95%!important;
}

	.card {
		padding:30px;
	}
	.cardTitle{
		font-size: 15px;
		padding: 0 0px 20px 30px!important;
	}
	.cardTitleIntro{
		font-size: 19px;
		padding: 0 0px 30px 13px!important;
	}
	h1.cardTitleIntro > span{
		color:#477ec0!important;
		font-size: 28px;
	}
	.card .list.simple-list ul li > span {
		font-size: 13px;
		padding:16px 20px;
	}
	.edad-wrap{
		padding-left:76px;
		padding-right:76px!important;
	}
	#edadFrame .cardTitle{
		padding-bottom: 9px!important;
		padding-left:18px!important;
	}
	a span.button-outline-text {
		font-weight: 600!important;
		font-size: 12px!important;
		line-height: 20px!important;
		padding:8px 17px!important;
	}
	.md .button.button-active,.md .button.button-fill,.md .button.button-fill-md,.md .button.tab-link-active, .button a {font-size: 13px!important;}
	.card .item-title > span{
		font-size: 13px;
		padding:16px 20px;
	}
	
	.planListado ul li.item-content{
		font-size:11px;

	}
	.planListado .item-content {
		 margin-bottom: 6px;
		 padding: 0px 0 8px 0;
	}

	.planListado .item-inner .item-after{
		font-size: 8px!important;
	}

	.planListado i{
		font-size: 11px!important;
	}

	.planTitle{
		font-size: 18px;
	}

	.planPrecio {
		font-size: 26px;
		margin-top: 90px;
	}

	.planSub{
		font-size: 10px;
	}

	.planText{
		font-size: 7px;
		line-height: 11px;
	}
		
	.planSub h3{
		font-size: 11px;
		color:#477ec0;
		font-weight: 600;
		padding-top: 25px;
		padding-left: 15px;
	}

	.planCall{
		font-size: 12px;
		line-height: 15px;
		font-weight: 600;
	}

	.planArrow{
		font-size: 12px;
		margin-bottom: 8px;
	}
	.md .button.button-fill.button-large{
		font-size:12px!important;
	}
	.popoverCard{
		font-size: 11px;
		padding: 0px 19px;
	}
	.popoverCard h3 {
		color:#477ec0;
		font-size: 12px;
		padding-bottom: 5px;
	}
	.popoverCard p {
	 font-size: 10px;
	padding-bottom: 12px;
	}
	.popover-close{
		font-size: 11px;
		padding-top: 5px;
	}

}




@media only screen and (max-width: 320px) {
	
	.body-content{
		padding: 15px!important;
	}
	
.pop-img{
    width: 75%!important;
    top: 15px!important;
    left: 15px!important;
    right: 15px!important;
}
	
	.pop-img img{
    width: 72%!important;
}
	
	#introFrame .card{
		padding:20px 20px 0px 20px;
	}
	.card {
		padding:25px;
	}
	.cardTitle{
		font-size: 13px;
		padding: 0 0px 20px 30px!important;
	}
	.cardTitleIntro{
		font-size: 16px;
		padding: 0 0px 20px 13px!important;
	}
	h1.cardTitleIntro > span{
		color:#477ec0!important;
		font-size: 22px;
	}
	.card .list.simple-list ul li > span {
		font-size: 11px;
		padding:16px 20px;
	}
	.edad-wrap{
		padding-left:76px;
		padding-right:76px!important;
	}
	#edadFrame .cardTitle{
		padding-bottom: 9px!important;
		padding-left:18px!important;
	}
	a span.button-outline-text {
		font-weight: 600!important;
		font-size: 11px!important;
		line-height: 18px!important;
		padding:7px 13px!important;
	}
	.md .button.button-active,.md .button.button-fill,.md .button.button-fill-md,.md .button.tab-link-active, .button a {font-size: 13px!important;}
	.card .item-title > span{
		font-size: 11px;
		padding:16px 20px;
	}
	
	.planListado ul li.item-content{
		font-size:11px;

	}
	.planListado .item-content {
		 margin-bottom: 6px;
		 padding: 0px 0 8px 0;
	}

	.planListado .item-inner .item-after{
		font-size: 8px!important;
	}

	.planListado i{
		font-size: 11px!important;
	}

	.planTitle{
		font-size: 15px;
	}

	.planPrecio {
		font-size: 22px;
		margin-top: 94px;
	}

	.planSub{
		font-size: 10px;
	}

	.planText{
		font-size: 7px;
		line-height: 9px;
	}
		
	.planSub h3{
		font-size: 11px;
		color:#477ec0;
		font-weight: 600;
		padding-top: 25px;
		padding-left: 15px;
	}

	.planCall{
		font-size: 11px;
		line-height: 15px;
		font-weight: 600;
	}

	.planArrow{
		font-size: 11px;
		margin-bottom: 8px;
	}
	.md .button.button-fill.button-large{
		font-size:12px!important;
	}
	.popoverCard{
		font-size: 11px;
		padding: 0px 19px;
	}
	.popoverCard h3 {
		color:#477ec0;
		font-size: 12px;
		padding-bottom: 5px;
	}
	.popoverCard p {
	 font-size: 10px;
	padding-bottom: 12px;
	}
	.popover-close{
		font-size: 11px;
		padding-top: 5px;
	}

}