:root{font-family:Arial,Helvetica,sans-serif;line-height:1.6;font-weight:400;--primary-color: #ffa700;--secondary-color: #2e2323;--accent-color: #ff8c00;--text-light: #cccccc;--text-dark: #2e2323;color-scheme:dark;color:#fff;background-color:#2e2323;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--secondary-color);color:#fff}#root{width:100%;min-height:100vh}a{font-weight:500;color:var(--primary-color);text-decoration:none;transition:color .3s ease}a:hover{color:var(--accent-color)}h1,h2,h3,h4,h5,h6{color:var(--primary-color);font-weight:700}button{border-radius:25px;border:none;padding:12px 24px;font-size:1em;font-weight:600;font-family:inherit;background:linear-gradient(45deg,var(--primary-color),var(--accent-color));color:var(--text-dark);cursor:pointer;transition:all .3s ease}button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffa70066}button:focus,button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary-color)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#2e2323;color:#fff;line-height:1.6}.portfolio{min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:linear-gradient(135deg,#2e2323,#1a1515);padding:60px 0;position:relative;overflow:hidden}.header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="gym" patternUnits="userSpaceOnUse" width="20" height="20"><circle cx="10" cy="10" r="1" fill="%23ffa700" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23gym)"/></svg>')}.header-content{position:relative;z-index:2}.profile-section{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:30px 50px;align-items:start;max-width:800px;margin:0 auto;position:relative}.profile-image{grid-column:1;grid-row:1 / 3;justify-self:center;align-self:center}.profile-info{grid-column:2;grid-row:1;text-align:left;display:flex;flex-direction:column}.profile-actions{grid-column:2;grid-row:2;display:flex;flex-direction:row;gap:15px;align-items:center;flex-wrap:wrap}.profile-image{width:180px;height:180px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 15px 40px #ffa70066;animation:pulse 2s infinite;overflow:hidden;border:4px solid #ffa700}.profile-photo{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .3s ease}.profile-photo:hover{transform:scale(1.05)}.name{font-size:3.5rem;font-weight:700;color:#ffa700;margin-bottom:8px;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.1}.subtitle{font-size:.95rem;font-weight:500;color:#ffa700;margin-bottom:20px;opacity:.8;text-transform:uppercase;letter-spacing:1px}.tagline{font-size:1.3rem;color:#ccc;margin-bottom:25px;line-height:1.4;font-style:italic}.profile-actions{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap}.github-btn{background:#0d1117!important;color:#2e2323;padding:5px 15px;border-radius:20px;font-weight:700;display:inline-block}.pronouns{background:linear-gradient(45deg,#ffa700,#ff8c00);color:#2e2323;padding:8px 16px;border-radius:25px;font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #ffa7004d;margin-bottom:8px;display:inline-block}.mini-github-btn,.mini-linkedin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:25px;text-decoration:none;font-size:.85rem;font-weight:600;color:#fff;transition:all .3s ease;margin-bottom:5px;min-width:140px}.mini-github-btn svg,.mini-linkedin-btn svg{width:16px;height:16px;fill:currentColor}.mini-github-btn{background:linear-gradient(45deg,#333,#24292e);box-shadow:0 3px 10px #24292e4d}.mini-github-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #24292e80;color:#fff}.mini-linkedin-btn{background:linear-gradient(45deg,#0a66c2,#004182);box-shadow:0 3px 10px #0a66c24d}.mini-linkedin-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 5px 15px #0a66c280;color:#fff}.section-title{font-size:2.5rem;color:#ffa700;text-align:center;margin-bottom:40px;position:relative}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#ffa700,#ff8c00);border-radius:2px}.about{padding:80px 0;background:#2e2323}.about-text{text-align:center;font-size:1.3rem;color:#ccc;margin-bottom:50px;max-width:600px;margin-left:auto;margin-right:auto}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px;justify-items:center}.info-card{background:linear-gradient(145deg,#3a2f2f,#2e2323);padding:30px;border-radius:15px;border:2px solid #ffa700;transition:transform .3s ease,box-shadow .3s ease}.info-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px #ffa70033}.info-card h3{color:#ffa700;font-size:1.3rem;margin-bottom:15px}.info-card ul{list-style:none}.info-card li{padding:8px 0;border-bottom:1px solid #444;transition:color .3s ease}.info-card li:hover{color:#ffa700}.info-card li:last-child{border-bottom:none}.projects{padding:80px 0;background:linear-gradient(135deg,#1a1515,#2e2323)}.projects-grid{display:flex;flex-wrap:wrap;gap:40px;margin-top:40px;justify-content:center}.project-card{flex:0 1 350px;max-width:400px;background:linear-gradient(145deg,#3a2f2f,#2e2323);border-radius:20px;overflow:hidden;border:2px solid #444;transition:transform .3s ease,border-color .3s ease;position:relative}.project-card:hover{transform:translateY(-15px) scale(1.02);border-color:#ffa700;box-shadow:0 20px 50px #ffa7004d}.project-image{height:200px;position:relative;overflow:hidden;background:linear-gradient(45deg,#444,#555)}.project-preview{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-preview{transform:scale(1.05)}.status-badge{position:absolute;top:15px;right:15px;padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:700}.status-badge.activo{background:#ffa700;color:#2e2323}.status-badge.próximamente{background:#666;color:#fff}.status-badge.inactivo{background:#888;color:#fff;opacity:.8}.status-badge.destacado{background:linear-gradient(45deg,gold,#ffb347);color:#2e2323;font-weight:700;box-shadow:0 4px 15px #ffd70066;animation:destacadoPulse 2s infinite;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:#ffa700;color:#2e2323}.status-badge.coming-soon{background:#666;color:#fff}.status-badge.inactive{background:#888;color:#fff;opacity:.8}.status-badge.featured{background:linear-gradient(45deg,gold,#ffb347);color:#2e2323;font-weight:700;box-shadow:0 4px 15px #ffd70066;animation:destacadoPulse 2s infinite;text-transform:uppercase;letter-spacing:.5px}.project-content{padding:25px}.project-title{color:#ffa700;font-size:1.4rem;margin-bottom:10px}.project-description{color:#ccc;margin-bottom:20px;line-height:1.5}.project-btn{background:linear-gradient(45deg,#ffa700,#ff8c00);color:#2e2323;border:none;padding:12px 25px;border-radius:25px;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.project-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffa70066}.contact{padding:80px 0;background:#2e2323;text-align:center}.contact-content{max-width:600px;margin:0 auto}.contact-content p{font-size:1.2rem;margin-bottom:15px;color:#ccc}.highlight{color:#ffa700;font-weight:700}.social-links{margin:30px 0;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.social-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:25px;text-decoration:none;font-weight:700;font-size:1rem;transition:all .3s ease}.fun-fact{font-style:italic;color:#aaa}.footer{background:#1a1515;padding:30px 0;text-align:center;border-top:2px solid #ffa700}.footer p{color:#888}@keyframes pulse{0%{box-shadow:0 10px 30px #ffa7004d}50%{box-shadow:0 15px 40px #ffa70080}to{box-shadow:0 10px 30px #ffa7004d}}@keyframes destacadoPulse{0%{box-shadow:0 4px 15px #ffd70066;transform:scale(1)}50%{box-shadow:0 6px 20px #ffd70099;transform:scale(1.05)}to{box-shadow:0 4px 15px #ffd70066;transform:scale(1)}}@media (max-width: 768px){.profile-section{display:flex;flex-direction:column;text-align:center;gap:20px}.profile-image{order:1}.profile-info{order:2;text-align:center;padding-left:0}.profile-actions{order:3;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px}.profile-image{width:140px;height:140px}.name{font-size:2.5rem}.subtitle{font-size:.9rem}.tagline{font-size:1.1rem}.info-grid{grid-template-columns:1fr}.container{padding:0 15px}@media (max-width: 1024px) and (min-width: 769px){.profile-section{gap:25px 40px}.profile-image{width:160px;height:160px}.name{font-size:3rem}.tagline{font-size:1.2rem}.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1200px) and (min-width: 1025px){.info-grid{grid-template-columns:repeat(3,1fr)}}}