.navbar{position:sticky;top:0;width:100%;animation:scroll-navbar linear both;animation-timeline:scroll(root);animation-range:0 250px;box-sizing:content-box}@keyframes scroll-navbar{to{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);height:60px}}.header{display:flex;gap:20px;box-sizing:border-box;align-items:start;animation:scroll-header linear both;animation-timeline:scroll(root);animation-range:0 200px;font-size:.8em;font-weight:400;margin-left:15px;padding:8px}@keyframes scroll-header{to{opacity:1}}.image-header{border:2.5px solid;border-radius:50%;width:40px;box-sizing:border-box;display:flex;aspect-ratio:1 / 1;opacity:0;animation:scroll-header linear both;animation-timeline:scroll(root);animation-range:235px 245px}.header-title{margin:8px;opacity:0;animation:scroll-header linear both;animation-timeline:scroll(root);animation-range:235px 245px}.switch-theme-color{background-color:transparent;border:none;width:40px;height:40px;position:absolute;right:40px;cursor:pointer}.dark-mode .header{background-color:transparent}.dark-mode .image-header{border-color:#111620}.dark-mode .header-title{text-shadow:2px 2px 4px rgba(0,0,0,.8)}.light-mode .image-header{border-color:#f0f8ff}html,body{height:100%;margin:0;padding:0}.root{height:100%;font-family:Raleway,sans-serif}.dark-mode .root{background:linear-gradient(135deg,#141d27,#1f2937 40%,#111827);color:#f1f5f9}.light-mode .root{background:linear-gradient(145deg,#f9f9f9,#eaeaea,#dfe6e9 60%,#fff);color:#475569}.home{max-width:780px;min-width:none;margin-left:auto;margin-right:auto;position:relative}.linea-horizontal{border:none;border-top:1px solid #ccc;margin:50px 15px}figure{margin:0;padding:0}.content-presentacion{margin-top:20px;margin-left:10px;margin-right:10px;display:flex;height:180px;gap:30px}.image-border{border:8px solid;border-radius:50%;width:170px;box-sizing:border-box;display:flex;aspect-ratio:1 / 1}.avatar-content{border-radius:50%;width:100%}.titulo{font-size:2.1em;font-weight:800}.titulo-proyecto{font-size:1.6em}.descripcion{margin-top:-10px;font-size:1.3em;font-weight:400}.descripcion-proyecto{font-size:1.2em}.section{display:flex;flex-direction:column;align-items:start;margin-left:15px}.parrafo{margin-top:0}@media (width < 640px){.content-presentacion{height:260px;flex-direction:column;justify-content:center;align-items:center;gap:0}.header-presentacion{text-align:center}}.dark-mode .image-border{border-color:#111620}.dark-mode .avatar-content{background-color:#2b3544}.dark-mode .descripcion{color:#cbd5e1}.light-mode .image-border{border-color:#fff}.light-mode .avatar-content{background-color:#d5dbf2}.subtitulo{display:flex;gap:10px;align-items:center}.card-container{display:grid;grid-template-columns:370px 300px;grid-template-rows:200px 30px;gap:20px}.card{width:350px;height:220px;border-radius:5%;overflow:hidden}.proyecto-informacion{display:flex;flex-direction:column;justify-content:center}.proyecto-imagen{width:100%;aspect-ratio:16/ 10;border-radius:5%;margin-left:30px;margin-top:30px;transition:margin .3s ease}.proyecto-imagen:hover{margin-left:20px;margin-top:20px}@media (width < 750px){.card-container{display:block;margin-right:15px;margin-top:25px;margin-bottom:25px}.card{width:100%;margin:-30px 0 0;aspect-ratio:16/ 10;height:auto}.proyectos{margin:25px}}.dark-mode .card{background-color:#2b3544}.light-mode .card{background-color:#d5dbf2}.social-button{margin-right:10px;transition:.3s ease}.social-button:hover{transform:scale(1.1);transform:translateY(-3px);cursor:pointer}.social-container{display:flex}@media (width <640px){.social-container{justify-content:center;margin-bottom:20px}}.mail-component{margin-top:-8px;display:flex;width:100%;gap:10px;justify-content:center;align-items:center;box-sizing:border-box;padding-right:15px}.mail{font-size:1.04em;font-weight:500;border-radius:10px;flex:1;padding:10px;width:100%;display:flex;justify-content:center;overflow:auto}.mail-button{border-radius:10px;padding:8px;width:50px;height:40px;box-sizing:border-box}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-text{visibility:hidden;opacity:0;position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(10px);padding:5px 8px;border-radius:8px;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:.75rem;transition:all .2s ease;z-index:10}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:6px;border-style:solid}.tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}.dark-mode .mail{background-color:#2a3441;color:#d2d5ed}.dark-mode .mail-button{background-color:#6366f1}.dark-mode .tooltip-text{background-color:#fff;color:#141313}.dark-mode .tooltip-text:after{border-color:rgb(255,255,255) transparent transparent transparent}.light-mode .mail{background-color:#f2f2f2;color:#111620;border:1px solid rgba(0,0,0,.342)}.light-mode .mail-button{background-color:#e0e7ff;border:1px solid rgba(0,0,0,.342)}.light-mode .tooltip-text{background-color:#181616;color:#fff}.light-mode .tooltip-text:after{border-color:rgb(24,22,22) transparent transparent transparent}