*{margin:0;padding:0;box-sizing:border-box}:focus{outline:0}body{background:#fcfcfc;font-family:Roboto,sans-serif}.form_wrap{width:clamp(600px,5vw,700px);height:40%;margin:50px auto;display:flex;justify-content:space-evenly;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.2)}.form_login{width:clamp(750px,5vw,900px);height:clamp(560px,5vw,1000px);margin:46px auto;display:flex;justify-content:space-evenly;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 0 20px rgba(0,0,0,.2)}.cantact_info::before{content:'';width:100%;height:100%;position:absolute;top:0;left:0}.cantact_info{width:clamp(550px,3vw,750px);position:sticky;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;background-image:url(../imgs/bannerRegistroUsuario.png);background-size:cover;background-position:center left}.inicio_sesionimg{width:clamp(750px,5vw,900px);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;background-image:url(../imgs/bannerInicioSesion.png);background-size:cover;background-position:center left}.sinai_img{width:clamp(306px,5vw,360px);height:clamp(360px,5vw,540px);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;background-image:url(../imgs/logo_sinai.png);background-size:cover;background-position:center left}.info_title{position:relative;color:#fff;margin-bottom:60px}.info_title span{font-size:100px;display:block;text-align:center;margin-bottom:15px}.info_title h2{font-size:35px;text-align:center}form.form_contact h3{font-size:16px;text-align:center}form.form_contact h4{font-size:14px;color:#2e2e2e;text-align:center;font-weight:400;padding:35px 0 5px;margin-bottom:10px}form.form_contact{width:100%;padding:30px 40px}form.form_contact h2{font-size:clamp(24px,2.2vw,35px);font-weight:400;color:#6e2fd5;margin-bottom:30px;text-align:center}form.form_contact .user_info{display:flex;flex-direction:column}.form_contact input[type=radio]{display:none}.form_contact .radio label{color:#000;padding:5px 15px 5px 51px;display:inline-block;position:relative;font-size:1em;top:4px;border-radius:3px;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}form.form_contact .radio label:hover{background:#f8f0f5}form.form_contact .radio label:before{content:'';width:13px;height:13px;display:inline-block;background:0 0;border:2px solid #545873;border-radius:50%;position:absolute;left:17px;top:4px}.form_contact input[type=radio]:checked+label{padding:5px 15px;background:#cb2e69;border-radius:2px;color:#fcfbff}.form_contact input[type=radio]:checked+label:before{display:none}form.form_contact label{font-weight:500;padding:5px 0 5px;text-align:center}form.form_contact input{width:80%;padding:5px 0 5px;margin-bottom:20px;border:none;border-bottom:2px solid #d1d1d1;font-family:Roboto,sans-serif;color:#5a5a5a;font-size:14px;font-weight:400}form.form_contact select{width:80%;max-height:90px;padding:5px 0 5px;text-align:center}form.form_contact input[type=button]{width:120px;background:#f6f2ff;border-radius:20px;align-self:flex-end;padding:10px;border:none;color:#3f2ecb;font-family:Roboto,sans-serif;font-size:15px;font-weight:400;cursor:pointer}form.form_contact input[type=button]:hover{background:#e8e2f7}form.form_contact input[type=submit]{width:180px;background:#3f2ecb;padding:10px;border:none;border-radius:25px;align-self:flex-end;color:#fcfbff;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;cursor:pointer}form.form_contact input[type=submit]:hover{background:#2f2398}@media screen and (max-width:560px){.form_wrap{width:100%;height:100%;margin:10px}}@media screen and (max-width:768px){.form_login{width:80%;height:100%;margin:5px}.inicio_sesionimg{width:35%}}.forgot_pass{font-family:Roboto,sans-serif;color:#3f2ecb;font-size:14px;font-weight:500;padding:5px 0 5px;margin-bottom:5px}.forgot_pass:hover{color:#3f2ecb}.footer{width:48%;height:10%;margin:5px auto;display:flex;justify-content:space-evenly;overflow:hidden;font-family:Roboto,sans-serif;color:#5a5a5a;font-size:14px;font-weight:300}.copyright{width:48%;height:10%;margin:15px auto;display:flex;justify-content:space-evenly;overflow:hidden;font-family:Roboto,sans-serif;color:#5a5a5a;font-size:14px;font-weight:500}.container{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap;background-color:#fcfcfc}.container .box{width:250px;height:250px;border-radius:10px;background-color:#fff;margin:20px;transition:.3s all ease-in-out;position:relative;box-shadow:0 0 8px background}.container .box .boxContent{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:15px}.container .box .boxContent .icon{color:#2e2654;font-size:48px;padding:15px}.container .box .boxContent .title{font-size:24px;color:#2e2654;font-weight:500;padding:10px}.container .box .boxContent .desc{color:#5a5a5a;font-size:15px;height:20%}.container .box a{position:absolute;width:100%;height:100%;top:0;left:0}.container .box:hover{background:#3f2ecb;box-shadow:none}.container .box:hover .desc,.container .box:hover .icon,.container .box:hover .title{color:#fcfbff;transition:.15s all ease-in-out}.card{position:relative;padding:18px 12px;clip-path:circle(75%);border-radius:25px;transition:all ease-in-out .3s;background-color:#fff}.card__title{margin:0;font-size:clamp(15px,1.4vw,24px);line-height:1.8}.card__description{margin:0;font-size:clamp(13px,1.8vw,14px);line-height:1.6}.card:focus,.card:hover{clip-path:circle(75%);border-radius:20px;box-shadow:0 3px 9px rgba(110,47,213,.15),0 3px 18px rgba(110,47,213,.15);background:#fff;outline:0}.card:focus .card__infoicon,.card:hover .card__infoicon{opacity:0}.card:focus{box-shadow:0 3px 9px rgba(110,47,213,.12),0 3px 18px rgba(110,47,213,.08),0 0 0 4px rgba(110,47,213,.2)}