@import url("https://fonts.cdnfonts.com/css/nexa-bold");@import url("https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&display=swap");:root{--purple:#7971e5;--purple-light:#b9b6f0;--yellow:#ffe561;--gray:#e8e8e8;--dark:#171717;--white:#fff;--font-family:"Nexa",sans-serif;--alt-font:"Amiri",serif;--radius:12px;--drop-shadow:4px 4px 0px var(--dark);--border:solid 2px var(--dark)}audio{display:none}body{background-color:var(--white);font-family:var(--font-family);margin:0;padding:0}.purple-bg{background-color:var(--purple);color:var(--white)}.white-bg{background-color:var(--white);color:var(--dark)}.purple-bg span{color:var(--yellow);font-family:var(--alt-font);font-style:italic;font-weight:400}.yellow-bg{background-color:var(--yellow);color:var(--dark)}.dark-bg{background-color:var(--dark);color:var(--white)}.light-purple-bg{background-color:var(--purple-light);color:var(--dark)}.gray-bg{background-color:var(--gray);color:var(--dark)}#hero{align-items:center;display:flex;flex-flow:column;justify-content:center;min-height:600px;overflow:hidden;position:relative}.hero-decor{height:100%;position:absolute;right:0;top:0;width:auto}.hero-container{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;justify-content:center;margin:auto;max-width:1200px;padding:4rem;width:calc(100% - 8rem)}.hero-container p{font-size:1.4rem;font-weight:700}.hero-container a{color:var(--yellow);font-size:1.4rem;font-weight:700;text-decoration:none;transition:.3s;&:hover{color:var(--white);transition:.3s}}.hero-container h1{width:50%}h1{font-size:2.5rem;line-height:1.2}h1,li,p{margin:0}li,p{font-size:1.25rem}h1 span{font-size:2rem}.navbar{align-items:center;box-shadow:var(--drop-shadow);display:flex;justify-content:space-between;position:sticky;width:100%}nav ul{display:flex;gap:1.75rem;list-style:none;margin:0 4rem 0 0}nav a{color:var(--white);font-family:var(--alt-font);font-size:1.25rem;font-style:italic;text-decoration:none;transition:.3s;&:hover{color:var(--yellow);transition:.3s}}nav a.nav-selected{color:var(--yellow)}.logo{align-items:center;display:flex;justify-content:center}.logo img{height:auto;width:8.33333vw}.navbar .mobile-menu{display:none}.mobile-nav{right:0;width:320px}.menu-bg,.mobile-nav{display:none;height:100vh;position:absolute;top:0}.menu-bg{background-color:rgba(0,0,0,.7);left:0;width:100vw}h2{font-size:2rem;margin:0}h3{font-size:1.5rem;margin:.5rem 0}h4{margin:0}.btn,h4{font-size:1.25rem}.btn{align-items:center;border:var(--border);border-radius:var(--radius);box-shadow:var(--drop-shadow);display:flex;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:.75rem;padding:.75rem 1.25rem .5rem;text-decoration:none;transition:.3s}.btn img{height:auto;margin-bottom:.25rem;width:1.25rem}.btn.yellow-bg:hover{border:2px solid var(--yellow);box-shadow:4px 4px 0 var(--yellow);color:var(--white)}.btn.purple-bg:hover,.btn.yellow-bg:hover{background-color:var(--dark);transition:.3s}.btn.purple-bg:hover{border:2px solid var(--purple);box-shadow:4px 4px 0 var(--purple)}.two-col{display:flex;flex-direction:row;width:100%}.column{display:flex;flex:1;flex-flow:column;gap:1rem;justify-content:center;padding:4rem;position:relative}.left{align-items:flex-end}.right{align-items:flex-start}.left>*,.right>*{max-width:560px;width:100%}.icon-title{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem}.icon{align-items:center;background-color:var(--yellow);border:var(--border);border-radius:var(--radius);box-shadow:var(--drop-shadow);cursor:pointer;display:flex;height:2.5rem;justify-content:center;min-width:2.5rem;transition:.3s;z-index:2;&:hover{background-color:var(--purple);transition:.3s}}.icon img{height:auto;width:2rem}.icon-title h2{margin-top:.5rem}.icon-title h3{text-align:left}.video-container{align-items:center;aspect-ratio:16/9;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:center;margin-bottom:1.5rem;max-width:600px;width:100%;z-index:2}iframe{aspect-ratio:16/9;border:var(--border);border-radius:var(--radius);box-shadow:var(--drop-shadow);height:auto;width:95%}.play{align-items:center;background-color:var(--purple);border:var(--border);border-radius:var(--radius);box-shadow:var(--drop-shadow);cursor:pointer;display:flex;justify-content:center;padding:1rem;transition:.3s;&:hover{background-color:var(--dark);border:2px solid var(--yellow);box-shadow:4px 4px 0 var(--yellow);transition:.3s}}.play img{height:auto;width:2rem}.informe{align-items:center;display:flex;flex-flow:column;justify-content:center;margin:auto;max-width:1200px;padding:4rem 2rem}.line{background-color:var(--purple);border-radius:99px;height:4rem;margin-left:2px;width:4px}footer{align-items:center;display:flex;flex-flow:row;justify-content:flex-end;padding:4rem}footer img{height:5rem;margin-left:auto;margin-right:2rem;width:auto}.video-decor{height:95%;position:absolute;right:-8vw;top:0;width:100%;z-index:1}.members{flex-direction:row;flex-wrap:wrap;gap:1.5rem;width:100%}.member,.members{align-items:center;display:flex;justify-content:center}.member{gap:.75rem;width:230px}.member,.member-card{flex-direction:column}.member-card{align-items:center;border-radius:var(--radius);display:flex;gap:.25rem;justify-content:center;padding:1rem;text-align:center}.member-card h4{font-size:1rem}.member-card p{font-size:.85rem;margin:0}.member img{border:var(--border);border-radius:999px;box-shadow:var(--drop-shadow);height:auto;width:8rem}.btn-container{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem}#representantes{padding:4rem 2rem}.content{align-items:center;display:flex;flex-flow:column;gap:1rem;margin:auto;max-width:800px;text-align:center}.rep-ctr{align-items:stretch;display:flex;flex-flow:row;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin:1rem auto 1.5rem;max-width:1200px}.rep{border-radius:var(--radius);display:flex;flex-direction:column;gap:.5rem;justify-content:space-between;max-width:360px;padding:1.5rem 1.5rem 1.25rem;width:calc(50% - 4rem)}.rep a{word-break:break-word}.content .icon-title{margin-bottom:0}@media (max-width:1420px){.hero-decor{right:-12vw}}@media (max-width:1160px){#hero{min-height:450px}.hero-decor{right:-8vw}}@media (max-width:990px){.hero-decor{right:-18vw}.hero-container p{font-size:1.25rem}h1{font-size:2rem}h1 span{font-size:1.5rem}h2{font-size:1.75rem}li,p{font-size:1.15rem}.rep a{font-size:1rem!important}}@media (max-width:880px){#hero{min-height:300px}.logo img{width:16.66667vw}.two-col{flex-direction:column}#mecanismos{flex-direction:column-reverse}.left,.right{align-items:center}.left>*,.right>*{max-width:600px;width:100%}}@media (max-width:800px){.hero-container h1{font-size:1.5rem}.hero-container a,.hero-container p{font-size:1.15rem}.navbar .desktop-nav{display:none}.navbar .mobile-menu{background-color:transparent;border:none;border-radius:99px;cursor:pointer;display:flex;height:2.5rem;margin-right:2rem;width:2.5rem}.vertical-menu{height:100vh;padding:2rem;position:absolute;right:0;width:calc(100% - 4rem)}.vertical-menu nav ul{align-items:center;flex-direction:column;gap:1.5rem;justify-content:center;margin:0;padding:0}.close-button{background-color:transparent;border:none;border-radius:99px;color:var(--white);cursor:pointer;display:flex;font-family:var(--alt-font);font-size:1.5rem;gap:.5rem;height:2.5rem;width:2.5rem}}@media (max-width:720px){.hero-decor{right:-28vw}.hero-container a{width:60%}footer img{height:4rem;margin:0}}@media (max-width:660px){.hero-container{gap:1.25rem;padding:2rem;width:calc(100% - 4rem)}.hero-container p{font-size:1.15rem}.navbar .mobile-menu{margin-right:1rem}h1{font-size:1.75rem}h1 span{font-size:1.25rem}h2{font-size:1.5rem}.two-col{width:calc(100% - 4rem)}.logo img{width:25vw}#representantes{padding:4rem 2rem}#orientacion .column,#orientacion .two-col,#protocolo .column,#protocolo .two-col,#reporte .column,#reporte .two-col,footer .column,footer .two-col{width:100%}.column{padding:4rem 2rem}.rep{min-width:290px;width:calc(100% - 2rem)}.icon-title h3{width:15ch}}@media (max-width:570px){.hero-decor{right:-32vw}#hero{min-height:250px}.hero-container h1{font-size:1.25rem;width:65%}.play img{width:1.5rem}iframe{aspect-ratio:16/9;height:auto;width:95%}}@media (max-width:500px){.hero-decor{right:-40vw}.hero-container h1{font-size:1.25rem;width:75%}.hero-container a,.hero-container p{font-size:1rem}.btn{font-size:1.15rem;padding:.75rem 1.15rem .5rem}.badge h4{font-size:3rem!important}.badge p{font-size:2rem!important}}@media (max-width:440px){.hero-decor{display:none}.hero-container a,.hero-container h1,.hero-container p{width:100%}li,p{font-size:1rem}h1{font-size:1.5rem}h1 span{font-size:1rem}h2{font-size:1.25rem}}@media (max-width:340px){.hero-decor{height:50%;right:-8vw;top:-3vw;transform:rotate(260deg)}}