body{font-family:Arial,sans-serif;background:linear-gradient(90deg,#7d8088,#2f3035);color:#fff;margin:0;padding:0;box-sizing:border-box}.App{width:100%;max-width:675px;padding:15px;text-align:center;box-sizing:border-box;margin:0 auto;min-height:calc(100vh - 120px)}.App-header{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;gap:15px}.App-title{font-family:Georgia,serif;font-size:1.8em;color:#2b8cee;margin-bottom:10px;line-height:1.2}.App-section-title{text-align:left;margin-top:20px}.App-section-title h2{font-family:Georgia,serif;font-size:1.5em;color:#5accf2;margin-bottom:5px;line-height:1.3}.App-section-title p{font-size:.9em;color:#fff;line-height:1.4}.App-logo{height:150px;width:150px;border-radius:50%;object-fit:cover;margin-top:10px}.App-buttons{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:20px}.App-button{display:flex;align-items:center;text-decoration:none;color:#5accf2;border:2px solid #5accf2;padding:10px 15px;border-radius:10px;font-weight:700;transition:background .3s;font-size:.9em;min-height:44px;box-sizing:border-box}.App-button:hover{background:#5accf2}.App-buttons a{text-decoration:none;color:#000;border:2px solid #5accf2;padding:10px 15px;border-radius:10px;font-weight:700;transition:background .7s;font-size:.9em;min-height:44px;display:flex;align-items:center;box-sizing:border-box}.App-buttons a:hover{background:#5accf2}.App-content{width:100%;padding-bottom:40px}.App-content h2{font-family:Georgia,serif;font-size:1.6em;color:#5accf2;margin-bottom:20px;line-height:1.3}.App-section{display:flex;flex-direction:column;align-items:center;margin:20px auto;padding:20px 15px;border:1px solid hsl(195,85%,65%);border-radius:20px;text-align:center;max-width:100%;box-sizing:border-box}.App-project{display:flex;flex-direction:column;align-items:center;margin:20px auto;padding:20px 15px;border:1px solid hsl(195,85%,65%);border-radius:20px;text-align:center;max-width:100%;box-sizing:border-box;gap:15px}.App-project-image{border-radius:10%;object-fit:cover;margin-right:0;max-width:100%;height:auto;width:200px}.App-project-content{padding-left:0;display:flex;flex-direction:column;gap:15px;width:100%}.App-project-title{font-family:Georgia,serif;font-size:1.3em;color:#5accf2;margin-bottom:10px;line-height:1.3}.App-project-text{font-family:Georgia,serif;font-size:1em;color:#fff;margin-bottom:15px;line-height:1.5}.App-project-content a{width:fit-content;font-weight:700;color:#000;transition:background .7s;padding:10px 15px;min-height:44px;display:flex;align-items:center;box-sizing:border-box}.App-project-links{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.App-section h3{font-family:Georgia,serif;font-size:1.3em;color:#5accf2;line-height:1.3}.App-section p{font-family:Georgia,serif;font-size:1em;color:#fff;margin-bottom:10px;line-height:1.5}.App-estudios{display:flex;flex-direction:column;align-items:center;text-align:center;margin:20px;gap:10px}.App-footer{width:100%;background:linear-gradient(135deg,#2f3035f2,#7d8088f2);border-top:2px solid #5accf2;padding:20px 15px;text-align:center;color:#fff;font-size:.85em;margin-top:30px;box-sizing:border-box;position:relative;clear:both;min-height:80px;display:flex;align-items:center;justify-content:center}.App-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(90deg,transparent,#5accf2,transparent);border-radius:2px}.App-footer p{margin:0;font-family:Georgia,serif;line-height:1.5;font-size:.9em;word-wrap:break-word;max-width:100%}.App-footer a{color:#5accf2;text-decoration:none;font-weight:600;transition:all .3s ease;padding:2px 4px;border-radius:4px;word-break:break-all}.App-footer a:hover{color:#fff;background-color:#5accf233;text-decoration:none}@media (max-width: 480px){.App{min-height:calc(100vh - 100px);padding:10px}.App-title{font-size:1.5em}.App-logo{height:120px;width:120px}.App-section-title h2{font-size:1.3em}.App-content{padding-bottom:20px}.App-content h2{font-size:1.4em}.App-project-title{font-size:1.2em}.App-project-text{font-size:.9em}.App-section h3{font-size:1.2em}.App-section p{font-size:.9em}.App-footer{padding:15px 10px;font-size:.8em;min-height:70px}.App-footer p{font-size:.85em;line-height:1.4}.App-footer:before{width:40px}}@media (max-width: 320px){.App-footer{padding:12px 8px;font-size:.75em}.App-footer p{font-size:.8em}}@media (min-width: 768px){.App{min-height:calc(100vh - 140px)}.App-header{flex-direction:row;justify-content:space-between;text-align:left}.App-title{text-align:left;font-size:2em}.App-logo{margin-right:20px;height:200px;width:200px}.App-buttons{justify-content:left}.App-project{flex-direction:row;text-align:left;justify-content:space-between;max-width:600px}.App-project-content{flex:1;text-align:left;padding-right:20px;padding-left:15px}.App-project-image{max-width:200px;margin-right:20px}.App-project-links{justify-content:flex-start}.App-section{max-width:600px}.App-footer{padding:25px 20px;font-size:.9em;min-height:90px}.App-footer p{font-size:1em}}