:root{--color-fondo: #eaf9fc;--color-primario: #1d8ba7;--color-links: #f4c542;--sombra: rgba(0, 0, 0, .178);--borde-radius: 10px}body,h1,h2,h3,p,ul,li,a{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none}html,body{width:100%;overflow-x:hidden}.curso-header{color:#fff;padding:10px 15px;display:flex;flex-direction:column;align-items:center;height:auto;box-shadow:0 10px 16px var(--sombra);margin-bottom:2rem}.curso-header .logo{width:100%;display:flex;justify-content:center;align-items:center}.curso-header nav{width:100%;margin-top:10px}.curso-header nav ul{flex-direction:column;display:flex;align-items:center;gap:10px;padding:0}.curso-header nav ul li{margin:0}.curso-header nav ul li a{color:var(--color-terciario);font-size:16px;transition:all .3s ease;font-weight:500}.curso-header nav ul li a:hover{color:var(--color-links);text-decoration:underline}@media (min-width: 768px){.curso-header{flex-direction:row;justify-content:space-between;height:40px}.logo-container{width:200px;height:80px}.curso-header nav{width:auto;margin-top:0}.curso-header nav ul{flex-direction:row;justify-content:flex-end;margin-left:auto;padding:0 20px}.curso-header nav ul li{margin:0 15px}}@media (min-width: 1200px){.logo-container{width:300px}.curso-header nav ul li a{font-size:18px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background:linear-gradient(132deg,#000 35%,#8a5e8a 70%,#33438d);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;--color-primario: #1d8ba7;--color-secundario: #270a46;--borde-radius: 10px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:1rem}body::-webkit-scrollbar{display:none}.main-info-container{display:flex;flex-direction:column;align-items:center;gap:1rem}.main-photo{display:flex;justify-content:center;align-items:center;width:100%}.main-photo .MuiAvatar-root{width:200px;height:200px;border:3px solid white;box-shadow:0 2px 6px #0000004d}.introduction{text-align:center;padding:0 1rem}.introduction h1{font-size:2.2rem;line-height:1.3;margin-bottom:1rem}.introduction p{font-size:1.3rem}.about-me{text-align:center;padding:0 1rem}.about-me h2{font-size:2rem;margin:1rem 0}.about-me p{font-size:1.2rem;margin-bottom:1rem}.stack-buttons{width:100%;padding:0 1rem}@media (min-width: 1200px){.Container{display:grid;margin-top:15px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:4px;padding:.5rem}.main-info{grid-column:span 3 / span 3;grid-row:span 5 / span 5;border:4px solid var(--color-primario);border-radius:var(--borde-radius);padding:1rem}.additional-info{grid-row:span 5 / span 5;grid-column-start:4;border:4px solid var(--color-primario);border-radius:var(--borde-radius);display:flex;flex-direction:column;padding:.2rem;height:100%;box-sizing:border-box;overflow:hidden}.main-info-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);gap:8px}.introduction{grid-column:span 2 / span 2;grid-row:span 2 / span 2;text-align:left;padding:0}.introduction h1{font-size:3.4rem;margin-bottom:1rem}.introduction p{font-size:2.1rem}.main-photo{grid-row:span 2 / span 2;grid-column-start:3;justify-content:center;align-items:center;overflow:hidden;border-radius:var(--borde-radius);height:100%;width:100%}.main-photo .MuiAvatar-root{width:290px;height:290px}.about-me{grid-column:span 3 / span 3;grid-row:span 2 / span 2;grid-row-start:3;text-align:left;padding:0}.about-me h2{font-size:2.5rem;margin:1rem 0}.about-me p{font-size:1.8rem;line-height:1.6;margin-bottom:1rem}.stack-buttons{width:auto;padding:0}.cardsFramework{width:100%;min-height:9rem;max-height:100%;overflow:hidden;color:#fff;border:2px solid var(--color-secundario);border-radius:var(--borde-radius);padding:1rem;margin-bottom:1rem;box-shadow:0 0 10px var(--color-secundario),0 0 20px var(--color-secundario),0 0 15px var(--color-secundario),0 0 25px var(--color-secundario);transition:all .3s ease;box-sizing:border-box}.container-cards{flex:1;overflow-y:auto;width:100%;padding:1.5rem;box-sizing:border-box;max-height:calc(100vh - 8rem);display:flex;flex-direction:column;gap:1rem}.container-cards::-webkit-scrollbar{display:none}}.container h2{text-transform:uppercase;text-align:center;font-size:2.3rem;margin-bottom:2rem}.TimelineItem{align-items:center}h2{text-transform:uppercase;text-align:center;font-size:2.3rem;margin-bottom:2rem}
