@import url(font/stylesheet.css);
@import url(font2/stylesheet.css);

body {background: white;font-size: 12px;font-family: Montserrat-Regular;}
a {text-decoration: none;}
a:hover{text-decoration: none;}

.sp-nav{background-color: #000298;padding: 10px 0;position: relative;z-index: 99;}
.sp-nav .container{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.sp-nav .nav-logo img{height: 40px;}
.sp-nav .nav-toggle{display: none;background: none;border: none;color: #fff;font-size: 1.6em;cursor: pointer;padding: 5px 10px;}
.sp-nav .nav-links{display: flex;align-items: center;gap: 5px;list-style: none;margin: 0;padding: 0;}
.sp-nav .nav-links li a{color: #fff;font-family: Montserrat-Medium;font-size: 1.1em;padding: 6px 12px;border-radius: 4px;display: block;transition: background .2s;}
.sp-nav .nav-links li a:hover,.sp-nav .nav-links li a.active{background-color: #e9009b;}
@media (max-width: 767px){
.sp-nav .nav-toggle{display: block;}
.sp-nav .nav-links{display: none;width: 100%;flex-direction: column;margin-top: 10px;}
.sp-nav .nav-links.open{display: flex;}
.sp-nav .nav-links li a{padding: 10px 12px;font-size: 1.2em;}
}

.clear { clear: both; }
.dn{display: none;}
.help-block{font-size: 1.1em;color: #fff;}
.msg{color: #fff;font-size: 1.1em;}

.bloq-stream{padding: 30px 0;}

.redes{position: fixed;right: 0;top: 100px;z-index: 9;width: 50px;}
.redes img{width: 50px;}

.bloq1{padding: 30px 0 60px;overflow: hidden;background: url(../img/sp_bg1.jpg) top center no-repeat;background-size: 100% 100%;}
.bloq1 .logotipo{text-align: center;}
.bloq1 .logotipo img{margin-bottom: 60px;}
.bloq1 .logotipo h4{font-family: Baloo;color: #fff;font-size: 6.4em;margin-bottom: 30px;}
.bloq1 .logotipo p{font-family: Montserrat-Regular;color: #fff;font-size: 3.4em;line-height: 1.1;margin-bottom: 60px;}
.bloq1 .logotipo p strong{font-family: Montserrat-Black;}
.bloq1 .bloq-img{background-color: #f6e90c;padding: 20px 0;position: relative;}
.bloq1 .bloq-img p{font-family: Baloo;color: #000398;font-size: 3.8em;line-height: 1.8;text-align: center;text-transform: uppercase;margin-bottom: 0;}
.bloq1 .bloq-img p span{color: #e9009b;}
.bloq1 .bloq-img img{position: absolute;bottom: 0;left: 10%;width: 400px;}
.bloq1 .bloq-info{padding: 90px 0 30px;}
.bloq1 .bloq-info  h4{font-family: Baloo;color: #e9009b;font-size: 6.4em;margin-bottom: 60px;text-align: center;text-transform: uppercase;}
.bloq1 .bloq-info .text p{font-family: Montserrat-Medium;color: #fff;font-size: 2.2em;text-align: center;margin-bottom: 0;}
.bloq1 .bloq-info .image{text-align: center;}
.bloq1 .bloq-info .image img{width: 100%;}
.bloq1 .text3{margin-top: 60px;text-align: center;}
.bloq1 .text3 p{font-size: 2.8em;font-family: Montserrat-SemiBold;color: #25286b;}
.bloq1 .text3 p strong{font-family: Montserrat-Black;color: #25286b;}
.bloq1 .text3 p span{background-color: #f2e70c;padding: 10px 30px;border-radius: 20px;}

.bloq1 .points{margin-top: 60px;}
.bloq1 .points p{font-size: 2.8em;font-family: Montserrat-Regular;color: #25286b;}
.bloq1 .points p strong{font-family: Montserrat-Bold;color: #25286b;}
.bloq1 .points img{width: 100%;}

.bloq2{background-color: #000298;padding: 30px 0;}
.bloq2 p{color: #fff;text-align: center;font-family: Montserrat-Black;font-size: 3.2em;text-transform: uppercase;margin-bottom: 0;}

.bloq3{padding: 60px 0;overflow: hidden;background: url(../img/sp_bg3.jpg) top center no-repeat;background-size: cover;}
.bloq3 h4{font-family: Montserrat-Regular;color: #fff;margin-bottom: 30px;}
.bloq3 h4 strong{font-family: Montserrat-Bold;}
.bloq3 p{font-size: 1.4em;font-family: Montserrat-Regular;color: #fff;margin-bottom: 0;text-align: justify;line-height: 1.2;}
.bloq3 p strong{font-family: Montserrat-Bold;color: #f2e70c;}

.bloq4{padding: 60px 0;overflow: hidden;background-color: #f2e70c;}
.bloq4 h3{font-family: Montserrat-Black;color: #000298;margin-bottom: 30px;text-align: center;text-transform: uppercase;}
.bloq4 h4{font-family: Montserrat-Regular;color: #000298;margin-bottom: 5px;font-size: 1.4em;}
.bloq4 h4 strong{font-family: Montserrat-Bold;}
.bloq4 p{font-size: 1.4em;font-family: Montserrat-Regular;color: #25286b;margin-bottom: 0;text-align: justify;line-height: 1.2;}

.bloq5{padding: 60px 0 0;overflow: hidden;background: url(../img/sp_bg4.jpg) top center no-repeat;background-size: cover;}
.bloq5 .bloq-dires{height: 590px;}
.bloq5 .bloq-dires.active{height: auto;}
.bloq5 h3{font-family: Montserrat-SemiBold;color: #0000ff;margin-bottom: 90px;text-align: center;text-transform: uppercase;font-size: 4.2em;}
.bloq5 h3 strong{font-family: Montserrat-Black;}
.bloq5 .dire{margin-bottom: 30px;}
.bloq5 .dire h4{color: #000398;font-family: Montserrat-Black;margin-bottom: 0;}
.bloq5 .dire p{color: #7b7cc7;font-family: Montserrat-Medium;font-size: 1.4em;}
.bloq5 .bloq-view-more{background-color: #f4f4f4;text-align: center;font-size: 1.8em;padding: 60px 0;position: relative;z-index: 9;}
.bloq5 .bloq-view-more span{background-color: #f2e70c;padding: 5px 20px;border-radius: 10px;font-family: Montserrat-Bold;text-transform: uppercase;cursor: pointer;}

.bloq6{padding: 60px 0;overflow: hidden;background: url(../img/sp_bg5.jpg) top center no-repeat;background-size: cover;}
.bloq6 .text{margin-bottom: 60px;}
.bloq6 .text p{color: #FFF;font-size: 2.4em;text-align: center;line-height: 1.2;font-family: Montserrat-Regular;}
.bloq6 .text p strong{font-family: Baloo;font-size: 1.2em;letter-spacing: 2px;}
.bloq6 .info p{color: #fff;font-size: 1.4em;font-family: Montserrat-Medium;}
.bloq6 .info p strong{font-family: Montserrat-SemiBold;font-size: 1.2em;}
.bloq6 .info p a{color: #fff;font-family: Baloo;font-size: 2.4em;}
#frm-contacto button{background-color: #000298;border: 0;color: #fff;text-transform: uppercase;padding: 10px 30px 5px;font-size: 1.4em;font-family: Montserrat-Bold;border-radius: 5px;}
#frm-contacto button:hover{background-color: #25286b;color: #fdcb42;-webkit-transition: all 3s ease-in-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}


footer .logos{background-color: #fff;text-align: center;padding: 60px 0;}
footer .bottom{padding: 20px 0;background-color: #000298;}
footer .bottom p{color: #fff;text-align: center;margin-bottom: 0;}
footer .bottom p strong{font-family: Montserrat-Black;}

@media only screen and (min-width: 2560px){

}

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

}

@media only screen and (max-width: 1440px){
	.bloq1 .bloq-img img {left: 0%;}
}

@media only screen and (max-width: 1024px){
	.bloq1 .bloq-img{display: none;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.bloq1 {background-size: auto 100%;}
	.bloq3 .col{margin-bottom: 30px;}
	.bloq4 .col.bloq{margin-bottom: 30px;}
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.bloq1 {background-size: auto 100%;}
	.bloq1 .bloq-info .image{margin-bottom: 30px;}
	.bloq1 .text3 p {font-size: 2.4em;}
	.bloq1 .points p {font-size: 2.2em;}
	.bloq3 .col{margin-bottom: 30px;}
	.bloq4 .col.bloq{margin-bottom: 30px;}
	.bloq5 h3 {font-size: 3.2em;}
}

@media only screen and (max-width: 479px){
	.bloq1 .logotipo img{width: 100%;}
	.bloq1 .logotipo p {font-size: 2.6em;margin-bottom: 30px;}
	.bloq1 .bloq-info h4 {font-size: 4.4em;}
	.bloq1 .text3 p {font-size: 1.6em;}
	.bloq2 p {font-size: 2.2em;}
	.bloq3 {padding: 60px 0 0;}
	.bloq3 h4 {margin-bottom: 10px;}
	.bloq3 .col {margin-bottom: 60px;}
	.bloq4 {padding: 60px 0 0;}
	.bloq4 .col.bloq {margin-bottom: 60px;}
	.bloq5 h3 {font-size: 2.2em;}
	.bloq5 .bloq-view-more {padding: 30px 0;}
	.bloq6 .text p {font-size: 1.6em;}

	footer .logos img{margin-bottom: 20px;}
}

.bloq7{padding: 60px 0;overflow: hidden;background-color: #e9009b;}
.bloq7 .title{display: flex;align-items: center;justify-content: center;}
.bloq7 .title h3{font-family: Montserrat-Black;color: #fff;text-transform: uppercase;text-align: center;margin-bottom: 0;}
.bloq7 h4{font-family: Montserrat-Regular;color: #fff;margin-bottom: 5px;font-size: 1.4em;}
.bloq7 h4 strong{font-family: Montserrat-Bold;}
.bloq7 p{font-size: 1.2em;font-family: Montserrat-Regular;color: #fff;margin-bottom: 0;}
.bloq7 .img{text-align: center;}
.bloq7 .img img{width: 80px;margin-bottom: 10px;}

.bloq8{padding: 60px 0;overflow: hidden;background-color: #000298;}
.bloq8 .logotipo{text-align: center;margin-bottom: 30px;}
.bloq8 .logotipo img{max-width: 300px;margin-bottom: 20px;}
.bloq8 .logotipo p a{color: #f2e70c;font-family: Montserrat-Bold;font-size: 1.4em;text-decoration: underline;}
.bloq8 .text p{color: #fff;font-size: 2.4em;text-align: center;font-family: Montserrat-Regular;line-height: 1.2;}
.bloq8 .text p span{font-family: Montserrat-Black;color: #f2e70c;}
.bloq8 .txt{color: #fff;font-size: 1.2em;font-family: Montserrat-Medium;text-align: center;margin-bottom: 20px;}
.bloq8 .form-control{margin-bottom: 10px;border-radius: 5px;border: 0;padding: 10px 15px;font-family: Montserrat-Regular;}
.bloq8 textarea.form-control{resize: vertical;}
.bloq8 .send-report{background-color: #f2e70c;border: 0;color: #000298;text-transform: uppercase;padding: 10px 30px 5px;font-size: 1.4em;font-family: Montserrat-Bold;border-radius: 5px;}
.bloq8 .send-report:hover{background-color: #fdcb42;-webkit-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.bloq8 .msg-report{color: #f2e70c;font-size: 1.4em;font-family: Montserrat-Medium;margin-top: 15px;}
.bloq8 .actions{text-align: center;margin-top: 10px;}

#frm-contacto .form-control{margin-bottom: 10px;border-radius: 5px;border: 0;padding: 10px 15px;font-family: Montserrat-Regular;}
#frm-contacto textarea.form-control{resize: vertical;}

.bloq4 .img img{width: 60px;}

.inner-hero{padding: 60px 0 40px;background-color: #000298;text-align: center;}
.inner-hero h1{font-family: Baloo;color: #fff;font-size: 4em;margin-bottom: 10px;}
.inner-hero p{font-family: Montserrat-Regular;color: #f2e70c;font-size: 1.6em;margin-bottom: 0;}
.inner-content{padding: 50px 0;}
.inner-content h2{font-family: Montserrat-Black;color: #000298;font-size: 2em;margin-bottom: 20px;text-transform: uppercase;}
.inner-content h3{font-family: Montserrat-Bold;color: #e9009b;font-size: 1.6em;margin-bottom: 12px;}
.inner-content p,.inner-content li{font-family: Montserrat-Regular;color: #333;font-size: 1.3em;line-height: 1.6;margin-bottom: 12px;}
.inner-content ul{padding-left: 20px;}
.inner-content strong{font-family: Montserrat-Bold;}
.inner-content .card-type{background-color: #f8f8f8;border-left: 4px solid #e9009b;padding: 25px 30px;margin-bottom: 25px;border-radius: 0 8px 8px 0;}
.inner-content .card-type.rosa{border-left-color: #e9009b;}
.inner-content .card-type.discapacidad{border-left-color: #000298;}
.inner-content .card-type.preferencial{border-left-color: #f2e70c;}
.inner-content .card-type.general{border-left-color: #25286b;}
.inner-content .card-type h3{margin-bottom: 8px;}
.inner-content .card-type .requisitos{background-color: #fff;padding: 15px 20px;border-radius: 6px;margin-top: 12px;}
.inner-content .card-type .requisitos p{margin-bottom: 4px;font-size: 1.2em;}
.inner-content .faq-item{margin-bottom: 25px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.inner-content .faq-item h3{color: #000298;cursor: default;}
.inner-content .faq-item p{color: #555;}
.inner-content .recarga-grid{display: grid;grid-template-columns: 1fr 1fr;gap: 15px;}
.inner-content .recarga-item{background: #f8f8f8;padding: 15px 20px;border-radius: 6px;border-left: 3px solid #e9009b;}
.inner-content .recarga-item h4{font-family: Montserrat-Bold;color: #000298;font-size: 1.2em;margin-bottom: 4px;}
.inner-content .recarga-item p{font-size: 1.1em;color: #666;margin-bottom: 0;}
.inner-content .cta-box{background-color: #f2e70c;padding: 30px;border-radius: 8px;text-align: center;margin-top: 40px;}
.inner-content .cta-box p{font-family: Montserrat-SemiBold;color: #000298;font-size: 1.4em;margin-bottom: 10px;}
.inner-content .cta-box a{display: inline-block;background-color: #000298;color: #fff;font-family: Montserrat-Bold;padding: 10px 30px;border-radius: 5px;font-size: 1.2em;text-transform: uppercase;}
.inner-content .cta-box a:hover{background-color: #25286b;}
.privacy-content h2{font-size: 1.6em;margin-top: 30px;}
.privacy-content p{font-size: 1.2em;}

@media only screen and (max-width: 767px){
.inner-hero h1{font-size: 2.8em;}
.inner-content .recarga-grid{grid-template-columns: 1fr;}
}

@media only screen and (max-width: 767px){
	.bloq7 .title{margin-bottom: 30px;}
	.bloq7 .col-12.col-lg-4{margin-bottom: 20px;}
}