:root{--primary-color: #6366f1;--secondary-color: #a5b4fc;--background-dark: #1e293b;--background-light: #334155;--text-light: #e0e7ff;--accent-color: #fbbf24}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{font-family:Montserrat,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--background-dark) 0%,var(--primary-color) 100%);color:var(--text-light)}main{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:justify;max-width:1100px;width:90%;margin:40px auto;padding:32px;background-color:#1e293bd9;border-radius:24px;box-shadow:0 8px 32px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}h1{font-size:2.5rem;color:var(--secondary-color);margin-bottom:24px;letter-spacing:2px;text-transform:uppercase}main p{font-size:1.2rem;font-weight:400;line-height:1.6;color:var(--text-light);margin-bottom:1.5rem}span{border-radius:20px;background-color:var(--primary-color);padding:8px 16px;transition:all .3s ease}span:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f140}a{color:var(--text-light);transition:color .3s ease}a:hover{color:var(--accent-color)}.title{display:flex;justify-content:center;margin:24px 0;position:relative}.title:after{content:"";position:absolute;bottom:-8px;width:60px;height:4px;background:var(--accent-color);border-radius:2px}.secction-proyectos{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;width:90%;max-width:1100px;margin:24px auto;padding:32px;gap:24px;background-color:#1e293bd9;border-radius:24px;box-shadow:0 8px 32px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-proyectos{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;padding:24px;gap:16px;background:var(--background-light);border-radius:16px;box-shadow:0 4px 16px #6366f126;transition:transform .3s ease,box-shadow .3s ease}.card-proyectos:hover{transform:translateY(-8px);box-shadow:0 8px 32px #6366f140}.card-proyectos p>a{font-size:1.2rem;font-weight:500;color:var(--accent-color)}@media (max-width: 768px){main,.secction-proyectos{padding:20px}h1{font-size:2rem}.card-proyectos{padding:16px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-proyectos{animation:fadeIn .5s ease-out}.card-proyectos img{width:100%;flex:1;object-fit:cover}.card-proyectos p{font-size:20px;text-align:justify}.card-links{width:100%;display:flex;justify-content:space-around}.card-links span:last-child{display:none}.info .card-links span:nth-child(1),.info .card-links span:nth-child(2){display:none}.info .card-links span:last-child{display:block}.secction-formacion{width:90%;max-width:1100px;margin:24px auto;padding:32px;font-size:1.1rem;gap:24px;background-color:#1e293bd9;border-radius:24px;box-shadow:0 8px 32px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.article-formacion{display:flex;flex-direction:column;text-align:justify;gap:20px;animation:fadeIn .5s ease-out}.article-formacion h2{color:var(--secondary-color);font-size:1.8rem;margin-bottom:16px;position:relative}.article-formacion h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:var(--accent-color);border-radius:2px}.article-formacion ul{padding-left:24px;list-style:none}.article-formacion ul li{margin-bottom:12px;position:relative;padding-left:24px;line-height:1.6}.article-formacion ul li:before{content:"•";position:absolute;left:0;color:var(--primary-color);font-size:1.2em}footer{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:90%;max-width:1100px;min-height:180px;margin:24px auto 0;padding:32px;font-size:1.1rem;background-color:#1e293bf2;border-radius:24px 24px 0 0;box-shadow:0 -4px 32px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}footer div{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}footer a{padding:8px 16px;color:var(--text-light);transition:all .3s ease;position:relative}footer a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-color);transition:width .3s ease}footer a:hover{color:var(--accent-color)}footer a:hover:after{width:100%}@media (min-width: 600px){.secction-proyectos{grid-template-columns:repeat(2,1fr)}}@media (min-width: 900px){.secction-proyectos{grid-template-columns:repeat(3,1fr)}}