:root{--color-background: #ececec;--color-yellow: #fcbd24;--color-green: #009740;--color-red:#ca2414;--mainColorLight: #5767aa;--textColor: black}*{font-family:Roboto,sans-serif;margin:0;padding:0;box-sizing:border-box}.container{margin:20px auto;width:80%}.container p{margin:1em auto}a{text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 2rem;background-color:var(--color-background);color:var(--textColor)}header img{max-width:90px}nav a{margin:0 1rem;color:var(--textColor);text-decoration:none}nav a:hover{color:#969696}header .nav-btn{padding:5px;cursor:pointer;background:transparent;border:none;outline:none;color:var(--textColor);visibility:hidden;opacity:0;font-size:1.8rem}header div,nav{display:flex;align-items:center}@media only screen and (max-width: 720px){header .nav-btn{visibility:visible;opacity:1}header nav{position:fixed;z-index:100;top:-100vh;left:0;height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;background-color:var(--color-green);transition:1s}header .responsive_nav{transform:translateY(100vh)}nav .nav-close-btn{position:absolute;top:2rem;right:2rem}nav a{font-size:1.5rem}}.footer{background-color:#222;color:#fff;padding:40px 20px;font-family:sans-serif}.footer a{color:#aaa;text-decoration:none}.footer a:hover{color:#fff}.footer-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;margin-bottom:30px}.footer-logo,.footer-links,.footer-legal,.footer-contact{flex:1 1 200px}.footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;border-top:1px solid #444;padding-top:20px}.social-media a{margin-right:10px;font-size:18px}.newsletter input{padding:5px;margin-right:5px}.footer-copy{text-align:center;margin-top:20px;font-size:14px;color:#777}.hero{position:relative;height:50vh;background-image:url(/img/actividad02-4.png);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;color:#fff}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#014b0173}.hero-content{position:relative;text-align:center;z-index:10;padding:0 1rem}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-content p{font-size:1.5rem;margin-bottom:2rem}.hero-content button{margin-top:20px;background-color:var(--color-yellow);color:#fff;font-weight:600;padding:.75rem 2rem;border:none;border-radius:1rem;cursor:pointer;transition:background-color .3s ease}.hero-content button:hover{background-color:var(--color-red)}.actividad{background-color:var(--color-background);color:var(--textColor);display:flex;flex-wrap:wrap;padding:10px;border-radius:5px}.actividad .tumbnail{width:30%}.actividad .tumbnail img{width:90%;border-radius:5px 0 0 5px}.actividad .detalle{width:70%}.download{background-color:var(--color-green);color:#fff;font-weight:800}.download:hover{background-color:#77cc9a;color:#000;font-weight:800}.documentos a{text-decoration:none;color:#fff}@media (min-width: 501px){.list{margin:0 auto}.line{width:100%;border-radius:3px;padding:10px}.text{width:60%;display:inline-block;margin:0;background-color:#42b5e536;border-radius:3px 0 0 3px;padding:10px}.download{width:27%;display:inline-block;margin:0;border-radius:0 3px 3px 0;text-align:center;color:#fff;padding:10px 0;font-size:1em;cursor:pointer}}@media (max-width: 500px){.list{margin:0 auto}.line{width:100%;border-radius:3px;padding:10px}.text{width:100%;margin:2px;border-radius:3px;padding:10px}.download{width:100%;margin:2px;border-radius:3px;text-align:center;color:#fff;padding:10px 0;font-size:1em;font-weight:900}}.organigrama{text-align:center}.organigrama img{max-width:90%}ol>li{margin:.5em 0 0 1em}ol>li[type=I]{font-weight:700}.quienesSomos h2{margin:10px auto}.notFound{color:#353535}.notFound h1{text-align:center;font-size:3em}.notFound h2{text-align:center;font-size:2em}.servicios ol>li{font-weight:700}.servicios ul{list-style-position:outside;padding-left:2em}.servicios ol{list-style-position:outside;padding-left:1em}.servicios ol>li{margin:20px auto 5px}.programas ul{list-style-position:outside;padding-left:2em}.programas ol{list-style-position:outside;padding-left:1em}.programas ol>li{margin:20px auto 5px}