body{margin:0;font-family:Arial,Helvetica,sans-serif}.contenedor{height:100vh;display:flex;justify-content:center;background-color:#242424}.card{text-align:center;color:#ffebcd}.foto{width:150px;height:auto;display:block;filter:drop-shadow(0px 0px 15px rgba(187,192,116,.5));border-radius:15px}.card h1{margin:0}.card p{margin-top:10px;font-size:1.2rem;opacity:.8}.orden{display:flex;justify-content:space-between}.animar-texto{opacity:0;animation:aparecer .8s ease-out forwards}.retraso-1{animation-delay:.2s}.retraso-2{animation-delay:.4s}.retraso-3{animation-delay:.6s}.retraso-4{animation-delay:.8s}#tsparticles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.contenedor-principal{position:relative;min-height:100vh}.contenedor{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background:transparent;position:relative;z-index:10}.card{background:#292626b3;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;text-align:center;color:#fff;box-shadow:0 8px 32px #c134345e}.card1{width:30%}.vanta-container{width:100%;height:calc(100vh - 70px);position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center}.vanta-canvas{position:absolute;top:0;left:0;z-index:0}.layout-principal{position:relative;z-index:10;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.animar-texto{animation:aparecer .8s ease-out forwards}@keyframes aparecer{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vanta-container{width:100%;height:70vh;position:relative;border-bottom-left-radius:50px;border-bottom-right-radius:50px;overflow:hidden;z-index:1;mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.layout-principal{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}body{margin:0;padding:0;background-color:#070714}.car1{display:flex;align-content:center;width:100%;align-items:center;justify-content:center;flex-direction:column}.contenedor-card{position:relative;z-index:20;width:90%;max-width:500px;height:42%;min-height:500px}.contenido1{margin:62px;display:flex;font-size:150%;justify-content:center;flex-direction:column;align-items:center}.TEXTO{color:#faebd7;text-align:center}.proyect{display:flex;justify-content:center;font-size:150%}.person-wrapper{width:100%;margin-top:70px}.proyect{margin:62px;display:flex;font-size:150%;justify-content:center;flex-direction:column;align-items:center}.proyect1{width:50%;height:50%;background:#ffffff0d;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px;text-align:center;color:#fff;box-shadow:0 8px 32px #c134345e}.proyectos-seccion{padding:50px 20px;background-color:#070714;display:flex;flex-direction:column;align-items:center}.proyectos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;max-width:1100px;margin-top:40px}.proyecto-card{position:relative;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease;overflow:hidden}.proyecto-card:hover{transform:translateY(-10px);border-color:var(--color-neon);box-shadow:0 0 20px var(--color-neon)}.proyecto-content h3{margin-top:0;font-size:1.5rem;color:#fff}.proyecto-icons{display:flex;gap:15px;font-size:1.2rem;color:#fff9;margin:15px 0}.proyecto-content p{font-size:.95rem;color:#ffffffb3;line-height:1.6;margin-bottom:25px}.btn-proyecto{display:inline-block;text-decoration:none;padding:10px 20px;background-color:var(--color-neon);color:#fff;border-radius:8px;font-weight:700;font-size:.9rem;transition:opacity .3s}.btn-proyecto:hover{opacity:.8}.pie-wrapper{width:50%;height:50%}html{scroll-behavior:smooth;scroll-padding-top:70px}*{box-sizing:border-box}.order{display:flex;flex-direction:column;justify-content:center;align-items:center}@keyframes rotateFlower{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.5) rotate(360deg)}to{transform:scale(1) rotate(0)}}.card2{padding:60px;border-radius:20px;background:#2f2a3375;color:#fff}.titulo{margin-bottom:0}.contenido{display:flex;align-items:center;justify-content:space-between;gap:40px}.texto{flex:1;text-align:left;line-height:1.6}.imagen{flex:1;display:flex;justify-content:center}.imagen img{width:30%;border-radius:20px;object-fit:cover}.footer{background:#1e1b23;padding:15px 0;text-align:center;color:#fff;margin-top:84px}.social-icons{display:flex;justify-content:center;gap:30px;font-size:28px;margin-bottom:15px}.social-icons a{color:#fff;transition:.3s ease}.social-icons a:hover{transform:scale(1.2);color:#00d4ff}.cv-download{padding:10px 22px;border-radius:30px;border:1px solid #00d4ff;background:transparent;color:#00d4ff;font-size:14px;letter-spacing:1px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease}.cv-download:hover{background:#00d4ff;color:#111;transform:translateY(-3px);box-shadow:0 10px 25px #00d4ff66}.cv-download:active{transform:scale(.95)}.cv-download:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.4),transparent);transition:.6s}.cv-download:hover:before{left:100%}.imagen1{width:300px;height:300px;background-image:url(./assets/foto.png);background-size:cover;background-position:center;background-repeat:no-repeat}.skills-section{display:flex;justify-content:center;align-items:center;padding:60px 0}.pie-wrapper{position:relative;width:600px;height:600px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px}.pie-slice{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;color:#fff;text-align:center;background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .4s ease;overflow:hidden}.s-front{border-radius:100% 20px 20px;border-left:3px solid #61dafb}.s-back{border-radius:20px 100% 20px 20px;border-right:3px solid #47a248}.s-skill{border-radius:20px 20px 20px 100%;border-left:3px solid #ff9900}.s-db{border-radius:20px 20px 100%;border-right:3px solid #336791}.pie-slice:hover{background:#ffffff14;box-shadow:inset 0 0 20px #ffffff0d}.mini-icons,.icon-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;font-size:3.5rem;margin-top:15px;width:100%}.mini-icons svg,.icon-grid svg{transition:all .3s ease;filter:drop-shadow(0 0 8px rgba(255,255,255,.2));animation:floatIcon 3s ease-in-out infinite}.mini-icons svg:nth-child(2n){animation-delay:1.5s}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mini-icons svg:hover{transform:scale(1.3)!important;filter:drop-shadow(0 0 15px currentColor);animation-play-state:paused}.slice-info span{font-weight:700;letter-spacing:3px;color:#ffebcd;display:block;margin-bottom:10px;font-size:1.1rem}.slice-info p,.slice-info small{display:block;margin-top:10px;opacity:.8}.pie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;background:#000;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:30;font-weight:700;color:#ffebcd;box-shadow:0 0 25px #000c}.navbar{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;box-sizing:border-box;z-index:100;color:#fff}.nav-links{list-style:none;display:flex;gap:30px;margin:0;padding:0;justify-content:flex-end}.nav-links a{text-decoration:none;color:#fff;transition:.3s}.nav-links a:hover{color:#ffebcd}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar{position:fixed;top:0;left:0;width:100%;height:70px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;box-sizing:border-box;z-index:1000;color:#fff;background:#e5404008;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgb(175 18 18 / 2%);animation:slideDown .8s ease-out forwards}@keyframes fadeInLink{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-links li{opacity:0;animation:fadeInLink .5s ease-out forwards}.nav-links li:nth-child(1){animation-delay:.5s}.nav-links li:nth-child(2){animation-delay:.6s}.nav-links li:nth-child(3){animation-delay:.7s}.nav-links li:nth-child(4){animation-delay:.8s}.nav-links a:hover{color:#ffebcd;text-shadow:0 0 10px rgba(255,235,205,.5)}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:#fff;border-radius:5px;transition:.3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media(max-width:768px){.hamburger{display:flex}.nav-links{position:absolute;top:70px;right:0;width:100%;height:0;flex-direction:column;background:#000000e6;overflow:hidden;align-items:center;justify-content:center;gap:25px;transition:height .4s ease}.nav-links.open{height:250px}.nav-links li{opacity:1;animation:none}}