:root{--primary-text-color: #222222;--background: #fff}*{margin:0;padding:0;box-sizing:border-box;font-family:Bricolage Grotesque,sans-serif}body{font-family:Bricolage Grotesque,sans-serif;color:var(--primary-text-color);background-color:var(--background);min-height:100vh}h1{font-size:5rem;line-height:6rem;letter-spacing:-.08rem;font-weight:700}h2{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.02rem;font-weight:700}li{font-size:1rem;line-height:2rem;color:#666}li span{color:#aaa}#trayectoria-laboral,#estudios,#idioma{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;align-items:center;justify-content:center;padding:5rem 0}#navbar{width:100%;height:80px;background-color:#fff;display:flex;padding:8px 148px;justify-content:space-between;align-items:center;position:fixed;z-index:3}#navbar__navigation{display:flex;list-style:none;gap:1rem;font-size:1rem;line-height:1rem;letter-spacing:-.02 rem}#navbar__navigation li{cursor:pointer}#navbar__navigation li a{color:inherit;text-decoration:none;transition:color .2s ease}#navbar__navigation li a:hover{color:#222}#navbar__navigation li.muted a{color:#aaa}a#navbar__logo{text-decoration:none}#navbar__logo{display:flex;align-items:center;justify-content:center;position:absolute;left:50%;transform:translate(-50%);cursor:pointer}.logo__animated{transition:all .3s ease-in-out}#navbar__logo:hover .logo__animated{fill:#f1c8c8}#navbar__rrss{display:flex;gap:1rem}.navbar__rrss__icon{padding:10px;background-color:#fff;border-radius:.5rem;display:flex}.navbar__rrss__icon svg{width:1.5rem;height:1.5rem}#main{padding:8rem 0 5rem;width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}#main__hero{margin:0 auto;width:90%;max-width:420px}#main__hero__img{display:block;width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:center top;border-radius:1.25rem}#main__text{display:flex;flex-direction:column;text-align:center;gap:1rem}.paragraph{font-size:1rem;line-height:1.25rem;max-width:56ch;margin:0 auto;color:#666;font-weight:regular}#trayectoria-laboral ul{list-style:none;display:flex;flex-direction:column;gap:0;align-items:center;font-size:1.2rem;line-height:1.8rem;color:#606060}#estudios__sections{display:flex;gap:2rem;width:80%;margin:0 auto;align-items:flex-start;justify-content:center}#estudios__sections ul{list-style:none;display:flex;flex-direction:column;gap:0}.estudios__section{display:flex;flex-direction:column;gap:0;max-width:40ch}.text-align-right{text-align:right}.text-align-left{text-align:left}#tecnologias{display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;align-items:center;justify-content:center;padding:5rem 0;background-color:#fff}#tools{margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem;max-width:50%;justify-items:center;align-items:center;justify-content:center}.tool-bubble p{font-size:1rem;line-height:1rem;font-weight:regular}.tool-bubble{display:flex;gap:.5rem;align-items:center;padding:12px 24px;border:1.5px solid #222222;border-radius:1rem;width:auto}#idioma ul{list-style:none;text-align:center;color:#606060;gap:0}@keyframes show{0%{opacity:0;scale:25%}to{opacity:1;scale:100%}}@keyframes aparecer{0%{opacity:0;scale:25%}to{opacity:1;scale:100%}}.reveal{opacity:0;transform:scale(.9);transition:opacity .8s ease,transform .2s ease}.reveal.visible{opacity:1;transform:scale(1)}#hero{padding:10rem 1.5rem 3rem;display:flex;flex-direction:column;align-items:center;text-align:center}#hero__text{display:flex;flex-direction:column;align-items:center;gap:1.25rem;max-width:60ch}.hero__eyebrow{text-transform:uppercase;letter-spacing:.12rem;font-size:.8rem;color:#aaa;font-weight:600}#equipo,#contacto{display:flex;flex-direction:column;gap:2.5rem;align-items:center;justify-content:center;padding:5rem 1.5rem;text-align:center}#team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;width:100%;max-width:1280px;margin:0 auto}.team-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;border:1.5px solid #eeeeee;border-radius:1.25rem;overflow:hidden;background-color:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.team-card:hover{transform:translateY(-6px);border-color:var(--accent, #222);box-shadow:0 18px 40px #00000014}.team-card__media{aspect-ratio:3 / 4;background-color:var(--accent, #f4f4f4);overflow:hidden}.team-card__media img{width:100%;height:100%;object-fit:cover;display:block}.team-card__body{display:flex;flex-direction:column;gap:.4rem;padding:1.25rem 1.25rem 1.5rem;text-align:left}.team-card__tag{text-transform:uppercase;letter-spacing:.08rem;font-size:.7rem;font-weight:600;color:#aaa}.team-card__name{font-size:1.6rem;line-height:1.7rem;font-weight:700;letter-spacing:-.02rem}.team-card__role{font-size:.95rem;line-height:1.3rem;color:#666}.team-card__cta{margin-top:.5rem;font-size:.9rem;font-weight:600;color:#222}.contact-btn{display:inline-block;padding:12px 28px;border:1.5px solid #222222;border-radius:1rem;text-decoration:none;color:#222;font-weight:600;transition:background-color .2s ease,color .2s ease}.contact-btn:hover{background-color:#222;color:#fff}.contact-btn--solid{background-color:#222;color:#fff;cursor:pointer}.contact-btn--solid:hover{background-color:#000}button.contact-btn{font-size:1rem}.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center}.modal.modal--form{max-width:620px}.brief-form{display:flex;flex-direction:column;gap:.9rem;margin-top:.5rem}.brief-form__row{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.brief-field{display:flex;flex-direction:column;gap:.35rem}.brief-field>span{font-size:.8rem;font-weight:600;color:#666}.brief-field input,.brief-field select,.brief-field textarea{width:100%;padding:10px 12px;border:1.5px solid #e4e4e4;border-radius:.75rem;background-color:#fafafa;color:#222;font-size:.95rem;font-family:inherit;transition:border-color .2s ease,background-color .2s ease}.brief-field textarea{resize:vertical;min-height:96px}.brief-field input:focus,.brief-field select:focus,.brief-field textarea:focus{outline:none;border-color:#222;background-color:#fff}.brief-form__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:.4rem}.brief-link{font-size:.85rem;color:#888;text-decoration:none;border-bottom:1px solid transparent}.brief-link:hover{color:#222;border-bottom-color:#222}.brief-sent{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start;margin-top:.5rem}@media (max-width: 560px){.brief-form__row{grid-template-columns:1fr}}#portfolio{padding:9rem 1.5rem 4rem;display:flex;flex-direction:column;align-items:center;gap:3rem}#portfolio__head{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;max-width:56ch}#portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;width:100%;max-width:1144px}#portfolio__links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:3rem}.portfolio-cell{aspect-ratio:4 / 3;border-radius:1rem;background:repeating-linear-gradient(-45deg,#f4f4f4,#f4f4f4 12px,#eee 12px,#eee 24px);border:1.5px solid #eeeeee}footer{display:flex;flex-direction:column;align-items:center;gap:4.5rem;padding:0 0 4.5rem}.footer__separator{width:calc(100% - 296px);height:1px;background-color:#ddd}.footer__section{display:flex;flex-direction:column;gap:2rem;align-items:center}.footer__section p{color:#888;font-size:1rem;line-height:1.25rem;text-align:center}@media (max-width: 1024px){#navbar{padding:8px 32px}#team-grid{grid-template-columns:repeat(3,1fr)}.footer__separator{width:calc(100% - 64px)}}@media (max-width: 640px){h1{font-size:3rem;line-height:3.4rem}#navbar{padding:8px 20px}#navbar__navigation{gap:.75rem}#hero{padding:8rem 1.25rem 2rem}#team-grid{grid-template-columns:repeat(2,1fr)}#portfolio-grid{grid-template-columns:1fr}#estudios__sections{flex-direction:column;align-items:center;width:100%}.text-align-right,.text-align-left{text-align:center}#tools{max-width:100%}.footer__separator{width:calc(100% - 40px)}}#main__text .contact-btn{align-self:center}.project-card{display:flex;flex-direction:column;text-align:left;border:1.5px solid #eeeeee;border-radius:1.25rem;overflow:hidden;background:#fff;cursor:pointer;padding:0;font:inherit;color:inherit;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-6px);border-color:var(--accent, #222);box-shadow:0 18px 40px #0000001a}.project-card:focus-visible{outline:2px solid #222222;outline-offset:2px}.project-card__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;background-color:var(--accent, #f4f4f4)}.project-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.project-card:hover .project-card__media img{transform:scale(1.06)}.project-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;text-align:center;font-weight:700;font-size:1.4rem;color:#222;background:linear-gradient(135deg,var(--accent, #eaeaea),#ffffff)}.project-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:1rem 1.25rem;opacity:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 60%);transition:opacity .25s ease}.project-card:hover .project-card__overlay,.project-card:focus-visible .project-card__overlay{opacity:1}.project-card__view{color:#fff;font-weight:600;font-size:.95rem}.project-card__body{display:flex;flex-direction:column;gap:.35rem;padding:1.1rem 1.25rem 1.4rem}.project-card__cat{text-transform:uppercase;letter-spacing:.06rem;font-size:.68rem;font-weight:600;color:#aaa}.project-card__title{font-size:1.3rem;line-height:1.5rem;font-weight:700;letter-spacing:-.02rem}.project-card__resumen{font-size:.9rem;line-height:1.25rem;color:#666}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#1414148c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:modalFade .2s ease}.modal{position:relative;width:100%;max-width:840px;max-height:90vh;overflow-y:auto;background:#fff;border-radius:1.5rem;display:flex;flex-direction:column;animation:modalPop .25s ease}@media (min-width: 720px){.modal{flex-direction:row}}.modal__media{flex:1 1 45%;background-color:var(--accent, #f4f4f4);min-height:240px}.modal__media img{width:100%;height:100%;object-fit:cover;display:block}.modal__placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:240px;padding:1.5rem;text-align:center;font-weight:700;font-size:1.6rem;color:#222;background:linear-gradient(135deg,var(--accent, #eaeaea),#ffffff)}.modal__body{flex:1 1 55%;padding:2rem;display:flex;flex-direction:column;gap:.75rem}.modal__cat{text-transform:uppercase;letter-spacing:.08rem;font-size:.72rem;font-weight:600;color:#aaa}.modal__title{font-size:2rem;line-height:2.1rem;font-weight:700;letter-spacing:-.03rem}.modal__meta{display:flex;gap:1rem;color:#888;font-size:.9rem}.modal__text{font-size:.98rem;line-height:1.5rem;color:#555}.modal__tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.modal__tag{font-size:.78rem;padding:4px 12px;border:1.5px solid #eeeeee;border-radius:1rem;color:#666}.modal__links{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.modal__close{position:absolute;top:.75rem;right:.75rem;z-index:2;width:40px;height:40px;border:none;border-radius:50%;background:#ffffffeb;font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#222;box-shadow:0 2px 8px #00000026;transition:background .2s ease}.modal__close:hover{background:#fff}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media (max-width: 640px){.modal__body{padding:1.5rem}.modal__title{font-size:1.6rem;line-height:1.8rem}}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}body{transition:background-color .3s ease,color .3s ease}[data-theme=dark] body{background-color:#0f1012;color:#ededed}[data-theme=dark] li{color:#b7b7b7}[data-theme=dark] li span{color:#7c7c7c}[data-theme=dark] .paragraph,[data-theme=dark] #trayectoria-laboral ul,[data-theme=dark] #idioma ul{color:#b7b7b7}[data-theme=dark] #navbar{background-color:#0f1012}[data-theme=dark] #navbar__navigation li a:hover{color:#fff}[data-theme=dark] #navbar__navigation li.muted a{color:#8a8a8a}[data-theme=dark] .navbar__rrss__icon{background-color:transparent}[data-theme=dark] #navbar__rrss svg path,[data-theme=dark] #navbar__rrss svg rect,[data-theme=dark] #navbar__rrss svg circle,[data-theme=dark] #navbar__rrss svg line,[data-theme=dark] .tool-bubble svg path,[data-theme=dark] .tool-bubble svg rect,[data-theme=dark] .tool-bubble svg circle,[data-theme=dark] .tool-bubble svg line{stroke:#ededed}[data-theme=dark] #footer__logo svg path{fill:#ededed}[data-theme=dark] #navbar__logo svg path[fill="#222222"]{fill:#ededed}[data-theme=dark] #navbar__logo svg path[fill="#ffffff"],[data-theme=dark] .logo__animated{fill:#0f1012}[data-theme=dark] #navbar__logo:hover .logo__animated{fill:#f1c8c8}.theme-toggle{border:none;cursor:pointer;font:inherit;color:inherit}[data-theme=dark] .tool-bubble{border-color:#3a3b40}[data-theme=dark] .team-card{background-color:#17181b;border-color:#2a2b2f}[data-theme=dark] .team-card:hover{box-shadow:0 18px 40px #00000080}[data-theme=dark] .team-card__role{color:#b7b7b7}[data-theme=dark] .team-card__cta{color:#ededed}[data-theme=dark] .contact-btn{border-color:#ededed;color:#ededed}[data-theme=dark] .contact-btn:hover{background-color:#ededed;color:#0f1012}[data-theme=dark] .footer__separator{background-color:#2a2b2f}[data-theme=dark] .footer__section p{color:#9a9a9a}[data-theme=dark] .project-card{background-color:#17181b;border-color:#2a2b2f}[data-theme=dark] .project-card:hover{box-shadow:0 18px 40px #00000080}[data-theme=dark] .project-card__resumen{color:#b7b7b7}[data-theme=dark] .project-card:focus-visible{outline-color:#ededed}[data-theme=dark] .modal{background-color:#17181b}[data-theme=dark] .modal__meta{color:#9a9a9a}[data-theme=dark] .modal__text{color:#c2c2c2}[data-theme=dark] .modal__tag{border-color:#2a2b2f;color:#b7b7b7}[data-theme=dark] .modal__close{background:#1e1e22e6;color:#ededed}[data-theme=dark] .modal__close:hover{background:#26272b}[data-theme=dark] .brief-field>span{color:#9a9a9a}[data-theme=dark] .brief-field input,[data-theme=dark] .brief-field select,[data-theme=dark] .brief-field textarea{background-color:#202126;border-color:#2a2b2f;color:#ededed}[data-theme=dark] .brief-field input:focus,[data-theme=dark] .brief-field select:focus,[data-theme=dark] .brief-field textarea:focus{border-color:#ededed;background-color:#26272b}[data-theme=dark] .brief-link{color:#9a9a9a}[data-theme=dark] .brief-link:hover{color:#ededed;border-bottom-color:#ededed}[data-theme=dark] .contact-btn--solid{background-color:#ededed;color:#17181b}[data-theme=dark] .contact-btn--solid:hover{background-color:#fff}#trabajos{padding:0;display:block;width:100%}.trabajos__head{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center;padding:5rem 1.5rem 2.5rem;max-width:60ch;margin:0 auto}#featured-list{display:flex;flex-direction:column;gap:6px;width:100%}.feature{position:relative;display:block;width:100%;padding:0;border:none;background-color:var(--accent, #efefef);color:inherit;font:inherit;cursor:pointer;overflow:hidden}.feature__media{width:100%;height:68vh;max-height:720px;min-height:360px}.feature__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.feature:hover .feature__media img{transform:scale(1.04)}.feature__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem;text-align:center;font-size:2rem;font-weight:700;color:#222;background:linear-gradient(135deg,var(--accent, #eaeaea),#ffffff)}.feature__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.5rem;padding:clamp(1.5rem,5vw,4rem);text-align:left;background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.15) 45%,transparent 72%);color:#fff}.feature__info{display:flex;flex-direction:column;gap:.4rem}.feature__cat{text-transform:uppercase;letter-spacing:.08rem;font-size:.8rem;font-weight:600;opacity:.9}.feature__title{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.05;font-weight:700;letter-spacing:-.03rem;color:#fff}.feature__cta{margin-top:.5rem;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.feature:hover .feature__cta,.feature:focus-visible .feature__cta{opacity:1;transform:none}.feature:focus-visible{outline:3px solid #ffffff;outline-offset:-3px}@media (max-width: 640px){.feature__media{height:52vh;min-height:300px}.feature__cta{opacity:1;transform:none}}.feature.reveal{transform:none}