@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;500&Inter:wght@400;600&display=swap');
body,button,input,select,textarea,.form-control{font-family:'Inter',sans-serif;font-size:16px;font-weight:400;line-height:1.2;color:#646464;}
b,strong{font-weight:600;}
a{color:#0000ff;text-decoration:none;}

.bg-light{background-color:#f0f0f0 !important;}
.modal-backdrop{background-color:#f0f0f0;}
.modal-header{background:linear-gradient(to right, #343e8c 0%,#51338b 100%);-webkit-border-radius: 20px 20px 0 0;border-radius: 20px 20px 0 0;}
.modal-content{border:0 none;-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);-webkit-border-radius:20px;border-radius:20px;}
.modal-footer{border:0 none;}
.text-primary{color:#343e8c !important;}
.invalid-feedback{text-align:center;}
.btn-primary{font-size:18px;font-weight:600;color:#ffffcd;background:linear-gradient(to right, #343e8c 0%,#51338b 100%);border:0 none;-webkit-transition: all 250ms ease;-moz-transition: all 250ms ease;-ms-transition: all 250ms ease;-o-transition: all 250ms ease;transition: all 250ms ease;}
.btn-primary:hover{background:linear-gradient(to right, #51338b 0%,#51338b 100%);}

.separador{margin-top:67px;}
.cplogreg h5{margin:0;font-size:12px;line-height:13px;color:#343e8c;text-transform:uppercase;}
#cplogin .form-control{font-size:12px;background:#d6d8e8;border:0 none;-webkit-border-radius:13px;border-radius:13px;}
#cplogin .btn{width:26px;height:26px;padding-left:3px !important;-webkit-border-radius:50%;border-radius:50%;background:#343e8c;border:0 none;}
#cplogin .btn img{display:block;margin:0 auto;}
#cplogin a{font-size:10px;text-transform:uppercase;text-decoration:none;color:#676fa9;}
#cplogin a:hover{color:#343e8c;}
#cpregistre .btn{width:100%;height:26px;-webkit-border-radius:13px;border-radius:13px;background:#343e8c;border:0 none;}
#cpregistre .btn img{display:block;margin:0 auto;}
#cplogin .btn:hover,#cpregistre .btn:hover{background:#51338b;}

.cp_introduccion{font-size:18px;}
.cp_introduccion b{color:#343e8c;}
.cp_introduccion .small{font-size:10px;}
.cp_introduccion .small b{color:#646464;}
.cp_introduccion .small span{color: #ff6464;}
.cp_introduccion ul,.cp_metodologia ul{display:block;padding-left:15px;}
.cp_introduccion ul li,.cp_metodologia ul li{display:block;position:relative;}
.cp_introduccion ul li:not(:last-child),.cp_metodologia ul li:not(:last-child){margin-bottom:10px;}
.cp_introduccion ul li:before,.cp_metodologia ul li:before{content:"";position:absolute;top:1.2em;left:-15px;margin-top:-.7em;background:#ff6464;height:6px;width:6px;-webkit-border-radius:50%;border-radius:50%;}

.cp_objetivos{font-size:18px;}
.cp_objetivos .obj-item{font-size:20px;color:#343e8c;text-align:center;}
.cp_objetivos .obj-item span{width:48px;height:48px;margin:0 auto 10px auto;font-family:"M PLUS Rounded 1c",sans-serif;font-size:38px;font-weight:300;line-height:44px;color:#ff6464;text-align:center;border:1px solid #ff6464;display:block;-webkit-border-radius:50%;border-radius:50%;}

.cp_metodologia{font-size:18px;}
.cp_metodologia .met02{margin:70px 0 90px 0 !important;}
.cp_metodologia .met01:after{width:125px;height:125px;margin-right:40px;display:block;content:"";background:transparent url(../images/met01.png) center center no-repeat scroll;position:absolute;right:100%;top:calc( 50% - 61px );}
.cp_metodologia .met02:after{width:125px;height:125px;margin-right:40px;display:block;content:"";background:transparent url(../images/met02.png) center center no-repeat scroll;position:absolute;right:100%;top:calc( 50% - 61px );}
.cp_metodologia .met03:after{width:125px;height:125px;margin-right:40px;display:block;content:"";background:transparent url(../images/met03.png) center center no-repeat scroll;position:absolute;right:100%;top:calc( 50% - 61px );}

.cp_autoria strong{font-size:14px;font-weight:400;color:#ff6464;}
.cp_autoria b{color:#343e8c;}
.cp_autoria .border-x{border-left:1px solid #ff6464;border-right:1px solid #ff6464;}

.home-title,#cpfregistre h2{margin:60px 0 40px 0;font-family:"M PLUS Rounded 1c",sans-serif;font-size:24px;line-height:40px;color:#343e8c;text-align:center;background:transparent url(../images/bg_home-title.png) center center repeat-x scroll;}
.home-title span,#cpfregistre h2 span{width:250px;display:inline-block;background:#fff;border:2px solid #343e8c;-webkit-border-radius:20px;border-radius:20px;}
.home-title.blue{color:#ffffcd;}
.home-title.blue span{background:#343e8c;}
#cpfregistre h2 span{width:400px;}

#cpfregistre label{margin-bottom:5px;color:#505050;text-align:center;text-transform:uppercase;display:block;}
#cpfregistre .form-check label{text-align:left;text-transform:none;}
#cpfregistre .form-control#email,#cpfregistre .form-control#email2,#cpfregistre .form-control#passwd,#cpfregistre .form-control#passwd2{background-color:#d6d8e8;}
#cpfregistre hr{margin:30px 0;border-color:#ff6464;opacity:1;}
#cpfregistre .cpsubmitregistre{background:transparent url(../images/bg_home-title.png) center center repeat-x scroll;background-size:1px;}
#cpfregistre .cpsubmitregistre .btn{width:200px;padding-right:25px;position:relative;}
#cpfregistre .cpsubmitregistre .btn img{position:absolute;top:calc( 50% - 8px );right:15px;}

.cp-encuesta{margin-top:60px;padding:40px 60px;color:#505050;background:#f0f0f0;border-top:1px solid #343e8c;border-bottom:1px solid #343e8c;position:relative;}
.cp-encuesta b,.cp-encuesta strong{font-family:"M PLUS Rounded 1c",sans-serif;color:#343e8c;font-weight:500;}
.cp-encuesta .pregunta{font-size:18px;color:#343e8c;font-weight:600;text-align:center;}
.cp-encuesta .pregunta b{font-family:'Inter',sans-serif;font-weight:600;}
.cp-encuesta .pregunta span{color:#ff6464;margin-right:5px;}
.cp-encuesta .pregunta small{font-size:16px;color:#646464;font-weight:400;display:block;}
.cp-encuesta table td{background:transparent;font-size:18px;color:#646464;border-color:#c8c8c8 !important;}
.cp-encuesta table td span{color:#51338b;font-weight:600;}
.cp-encuesta table .form-check-input{width:1.2em;height:1.2em;border-color:#646464;}
.cp-encuesta table .form-check-input[type="radio"]{border-radius:0;}
.cp-encuesta table .form-check-input:checked{background-color:#51338b;}
.cp-encuesta table .form-check-input:focus{box-shadow:0 0 0 0 rgba(0,0,0,0);}
.cp-encuesta .encuesta-header{margin-left:-15px;padding:0 15px;font-size:14px;font-weight:600;line-height:20px;color:#fff;background:linear-gradient(to right, #343e8c 0%,#51338b 100%);position:absolute;bottom:100%;left:0;-moz-transform: translateY(50%);-webkit-transform: translateY(50%);-o-transform: translateY(50%);-ms-transform: translateY(50%);transform: translateY(50%);border-radius:10px;}
.cp-encuesta .encuesta-footer{width:100%;position:absolute;top:100%;left:0;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.cp-encuesta ul{display:block;padding-left:1rem;}
.cp-encuesta ul li{display: block;position:relative;}
.cp-encuesta ul li:not(:last-child){margin-bottom:16px;}
.cp-encuesta ul li:before{content:"";position:absolute;top:1.2em;left:-1rem;margin-top:-.75em;background:#ff6464;height:5px;width:5px;border-radius:50%;}    
.cp-encuesta .btn{width:145px;padding:0;position:relative;}
.cp-encuesta .btn.left{padding-left:25px;}
.cp-encuesta .btn.left img{position:absolute;top:calc( 50% - 7px );left:12px;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.cp-encuesta .btn.right{padding-right:25px;}
.cp-encuesta .btn.right img{position:absolute;top:calc( 50% - 7px );right:12px;}

.footer{margin-top:100px;padding:15px 0;font-size:12px;line-height:16px;color:#fff;background:linear-gradient(to right, #343e8c 0%,#51338b 100%);}
.footer a{color:#fff;line-height:20px;text-decoration:none;}
.footer a:hover{color:#ffffcd;}

@media screen and (min-width:1200px) and (max-width:1399px){
    
}
@media screen and (min-width:992px) and (max-width:1199px){
    
}
@media screen and (min-width:768px) and (max-width:991px){
    .cp_autoria .border-x{border-left:0 none;border-right:0 none;}
    .separador{margin-top:150px;}
}
@media screen and (min-width:576px) and (max-width:767px){
    .cp_autoria .border-x{border-left:0 none;border-right:0 none;}
    .separador{margin-top:150px;}
}
@media screen and (min-width:200px) and (max-width:575px){
    .cp_autoria .border-x{border-left:0 none;border-right:0 none;}
    .cp-encuesta .btn{width:100px;font-size:14px;}
    .separador{margin-top:150px;}
}