@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,400&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap);html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--color-black:#0a0a0a;--color-white:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e8e8e8;--color-gray-300:#c4c4c4;--color-gray-400:#9a9a9a;--color-gray-500:#6b6b6b;--color-gray-600:#4a4a4a;--text:var(--color-black);--text-muted:var(--color-gray-500);--border:var(--color-gray-200);--radius:16px;--radius-lg:24px;--shadow:0 4px 24px #0000000f;--font-display:"Playfair Display",Georgia,serif;--font-body:"DM Sans",system-ui,sans-serif;--max-width:1100px;--section-pad:clamp(4rem,10vw,7rem);--transition:0.3s cubic-bezier(0.4,0,0.2,1)}.portfolio-page{background-color:#fafafa;background-color:var(--color-white);color:#0a0a0a;color:var(--text);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);line-height:1.6;min-height:100vh;overflow-x:hidden}.portfolio-page *,.portfolio-page :after,.portfolio-page :before{box-sizing:border-box}.portfolio-nav{align-items:center;background:#0000;border-bottom:1px solid #0000;display:flex;justify-content:space-between;left:0;padding:1.25rem clamp(1.5rem,5vw,3rem);position:fixed;right:0;top:0;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:100}.portfolio-nav.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fafafaf2;border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border)}.portfolio-nav__logo{color:#0a0a0a;color:var(--text);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.25rem;font-weight:500;letter-spacing:.05em;text-decoration:none}.portfolio-nav__links{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.portfolio-nav__links a{color:#6b6b6b;color:var(--color-gray-500);font-size:.75rem;font-weight:400;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.portfolio-nav__links a:hover{color:#0a0a0a;color:var(--text)}.portfolio-nav__menu-btn{background:none;border:none;cursor:pointer;display:none;padding:.5rem}@media (max-width:768px){.portfolio-nav__links{background:#fafafa;background:var(--color-white);border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border);display:none;flex-direction:column;gap:0;left:0;padding:1rem;position:absolute;right:0;top:100%}.portfolio-nav__links.open{display:flex}.portfolio-nav__links li{border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border);padding:.75rem 0}.portfolio-nav__menu-btn{display:block}}.portfolio-section{background:#fafafa;background:var(--color-white);margin:0 auto;max-width:1100px;max-width:var(--max-width);padding:6rem clamp(1.5rem,5vw,3rem)}#proyectos.portfolio-section{background-color:#fafafa;background-color:var(--color-white)}#experiencia.portfolio-section--alt{background-color:#f5f5f5;background-color:var(--color-gray-100)}#formacion.portfolio-section{background-color:#fafafa;background-color:var(--color-white);border-top:1px solid #e8e8e8;border-top:1px solid var(--color-gray-200)}#ubicacion.portfolio-section--alt{background-color:#f5f5f5;background-color:var(--color-gray-100)}.portfolio-label{color:#9a9a9a;color:var(--color-gray-400);display:block;font-size:.7rem;font-weight:500;letter-spacing:.25em;margin-bottom:.75rem;text-transform:uppercase}.portfolio-heading{color:#0a0a0a;color:var(--text);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.25rem);font-weight:600;letter-spacing:.01em;line-height:1.15;margin:0 0 1.5rem}.portfolio-heading--divider:after{background-color:#0a0a0a;background-color:var(--color-black);content:"";display:block;height:1px;margin-bottom:2rem;margin-top:1.5rem;width:48px}.portfolio-heading--light{color:#fafafa;color:var(--color-white)}.portfolio-heading--light.portfolio-heading--divider:after{background-color:#fafafa;background-color:var(--color-white)}.portfolio-text{color:#4a4a4a;color:var(--color-gray-600);font-size:1.125rem;font-weight:400;line-height:1.85;margin:0;max-width:52ch}.reveal{opacity:0;transform:translateY(32px);transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1)}.reveal--visible{opacity:1;transform:translateY(0)}.portfolio-hero{background-color:#fafafa;background-color:var(--color-white);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:calc(1100px + 6rem);max-width:calc(var(--max-width) + 6rem);min-height:100vh;padding:6rem clamp(1.5rem,5vw,3rem) 4rem;position:relative}.portfolio-hero__layout{grid-gap:clamp(2rem,5vw,4rem);align-items:center;display:grid;gap:clamp(2rem,5vw,4rem);grid-template-columns:minmax(240px,36%) 1fr;width:100%}.portfolio-hero__photo-col{width:100%}.portfolio-hero__image-wrapper{margin:0;max-width:480px;overflow:visible;padding:2.25rem;position:relative}.portfolio-hero__image-frame{aspect-ratio:4/5;border:1px solid #e8e8e8;border:1px solid var(--color-gray-200);box-shadow:0 16px 40px #0a0a0a12;max-width:400px;overflow:hidden;position:relative;width:100%;z-index:2}.portfolio-hero__image{display:block;filter:grayscale(15%);height:100%;object-fit:cover;object-position:center 22%;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.portfolio-hero__image-frame:hover .portfolio-hero__image{filter:grayscale(0);transform:scale(1.03)}.portfolio-hero__image-accent{border:1px solid #c4c4c4;border:1px solid var(--color-gray-300);height:calc(100% - 4.5rem);left:2.25rem;pointer-events:none;position:absolute;top:2.25rem;width:calc(100% - 4.5rem);z-index:1}.portfolio-hero__image-line{background-color:#9a9a9a;background-color:var(--color-gray-400);pointer-events:none;position:absolute;z-index:4}.portfolio-hero__image-line--tl{height:1px;left:.5rem;top:.5rem;width:3.25rem}.portfolio-hero__image-line--tl:after{background-color:#9a9a9a;background-color:var(--color-gray-400);content:"";height:3.25rem;left:0;position:absolute;top:0;width:1px}.portfolio-hero__image-line--tr{height:1px;right:.5rem;top:.5rem;width:3.25rem}.portfolio-hero__image-line--tr:after{background-color:#9a9a9a;background-color:var(--color-gray-400);content:"";height:3.25rem;position:absolute;right:0;top:0;width:1px}.portfolio-hero__image-line--bl{bottom:.5rem;height:1px;left:.5rem;width:3.25rem}.portfolio-hero__image-line--bl:after{background-color:#9a9a9a;background-color:var(--color-gray-400);bottom:0;content:"";height:3.25rem;left:0;position:absolute;width:1px}.portfolio-hero__image-line--br{bottom:.5rem;height:1px;right:.5rem;width:3.25rem}.portfolio-hero__image-line--br:after{background-color:#9a9a9a;background-color:var(--color-gray-400);bottom:0;content:"";height:3.25rem;position:absolute;right:0;width:1px}.portfolio-hero__image-wrapper:hover .portfolio-hero__image-line,.portfolio-hero__image-wrapper:hover .portfolio-hero__image-line:after{background-color:#4a4a4a;background-color:var(--color-gray-600)}.portfolio-hero__content{text-align:left}@media (max-width:768px){.portfolio-hero__layout{grid-template-columns:1fr}.portfolio-hero__image-wrapper{margin:0 auto;max-width:320px}.portfolio-hero__content{text-align:center}.portfolio-hero__badge,.portfolio-hero__bio{margin-left:auto;margin-right:auto}.portfolio-hero__actions{align-items:center}.portfolio-hero__links-row{justify-content:center}}.portfolio-hero__badge{color:#9a9a9a;color:var(--color-gray-400);display:inline-block;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.25em;margin-bottom:1.25rem;text-transform:uppercase}.portfolio-hero__title{font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:400;line-height:1;margin:0 0 1.25rem}.portfolio-hero__title span{display:block;font-style:italic}.portfolio-hero__bio,.portfolio-hero__title span{color:#6b6b6b;color:var(--color-gray-500);font-weight:400}.portfolio-hero__bio{font-size:clamp(1.1rem,2.5vw,1.35rem);line-height:1.7;margin:0 0 1.75rem;max-width:420px}.portfolio-hero__actions{align-items:flex-start;display:flex;flex-direction:column;gap:.85rem;margin-top:.25rem;max-width:420px}.portfolio-hero__location{align-items:center;color:#4a4a4a;color:var(--color-gray-600);display:inline-flex;font-size:.8rem;font-weight:500;gap:.5rem;letter-spacing:.04em;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.portfolio-hero__location:hover{color:#0a0a0a;color:var(--color-black)}.portfolio-hero__location-icon{color:#6b6b6b;color:var(--color-gray-500);flex-shrink:0;height:1rem;width:1rem}.portfolio-hero__location:hover .portfolio-hero__location-icon{color:#0a0a0a;color:var(--color-black)}.portfolio-hero__links-row{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem 2rem}.portfolio-hero__link{border-bottom:1px solid #9a9a9a;border-bottom:1px solid var(--color-gray-400);color:#4a4a4a;color:var(--color-gray-600);font-size:.8rem;font-weight:500;letter-spacing:.04em;padding-bottom:2px;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.portfolio-hero__link:hover{border-bottom-color:#0a0a0a;border-bottom-color:var(--color-black);color:#0a0a0a;color:var(--color-black)}.portfolio-hero__scroll{animation:bounce 2s ease infinite;bottom:2rem;color:#6b6b6b;color:var(--text-muted);font-size:.65rem;left:50%;letter-spacing:.2em;position:absolute;text-transform:uppercase;transform:translateX(-50%)}@keyframes bounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(6px)}}.portfolio-stack-section{background-color:#fafafa;background-color:var(--color-white)}.portfolio-stack-separator{align-items:center;color:#4a4a4a;color:var(--color-gray-600);display:flex;flex-wrap:wrap;font-size:.95rem;font-weight:400;gap:.15rem 0;justify-content:flex-start;letter-spacing:.02em}.portfolio-stack-separator__item{padding:.25rem .4rem;white-space:nowrap}.portfolio-stack-separator__dot{background:#c4c4c4;background:var(--color-gray-300);border-radius:50%;flex-shrink:0;height:4px;margin:0 .4rem;width:4px}.portfolio-location__address{align-items:center;display:inline-flex;gap:.5rem;margin-bottom:1.5rem}.portfolio-location__icon{color:#6b6b6b;color:var(--color-gray-500);flex-shrink:0;height:1.1rem;width:1.1rem}.portfolio-location__map{border:1px solid #e8e8e8;border:1px solid var(--color-gray-200);border-radius:0;overflow:hidden;padding-top:56%;position:relative;width:100%}.portfolio-location__map iframe{border:0;height:100%;inset:0;position:absolute;width:100%}.portfolio-projects__grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-top:2.5rem}@media (max-width:700px){.portfolio-projects__grid{grid-template-columns:1fr}}.portfolio-project-card{aspect-ratio:3/4;background-color:#fafafa;background-color:var(--color-white);border:1px solid #e8e8e8;border:1px solid var(--color-gray-200);border-radius:0;color:inherit;display:block;overflow:hidden;position:relative;text-decoration:none;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.portfolio-project-card:hover{border-color:#0a0a0a;border-color:var(--color-black)}.portfolio-project-card img,.portfolio-project-card__placeholder{height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease;width:100%}.portfolio-project-card:hover .portfolio-project-card__placeholder,.portfolio-project-card:hover img{transform:scale(1.05)}.portfolio-project-card__placeholder{align-items:center;display:flex;justify-content:center;padding:2rem;text-align:center}.portfolio-project-card__placeholder span{color:#ffffffe6;font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:600;line-height:1.2}.portfolio-project-card--armansofi .portfolio-project-card__placeholder,.portfolio-project-card--fiorella .portfolio-project-card__placeholder{background-color:#f5f5f5;background-color:var(--color-gray-100)}.portfolio-project-card--armansofi .portfolio-project-card__placeholder span,.portfolio-project-card--fiorella .portfolio-project-card__placeholder span{color:#4a4a4a;color:var(--color-gray-600);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.8rem;font-weight:500;letter-spacing:.06em;text-transform:none}@media (min-width:900px){.portfolio-projects__grid{grid-template-columns:repeat(3,1fr)}}.portfolio-project-card__overlay{background:linear-gradient(0deg,#fafafaf7 35%,#0000);display:flex;flex-direction:column;inset:auto 0 0 0;justify-content:flex-end;padding:1.25rem;pointer-events:none;position:absolute}.portfolio-project-card__overlay h3{color:#0a0a0a;color:var(--color-black);font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1rem;font-weight:600;letter-spacing:.05em;margin:0 0 .25rem}.portfolio-project-card__overlay p{color:#6b6b6b;color:var(--color-gray-500);font-size:.75rem;font-weight:400;letter-spacing:.04em;margin:0}.portfolio-experience__list{display:flex;flex-direction:column;gap:0;margin-top:2rem}.portfolio-experience__item{grid-gap:2rem;border-bottom:1px solid #e8e8e8;border-bottom:1px solid var(--border);display:grid;gap:2rem;grid-template-columns:minmax(120px,160px) 1fr;padding:2rem 0}.portfolio-experience__item:last-child{border-bottom:none}.portfolio-experience__period{color:#6b6b6b;color:var(--color-gray-500);font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.portfolio-experience__item h3{font-family:Playfair Display,Georgia,serif;font-family:var(--font-display);font-size:1.35rem;font-weight:600;margin:0 0 .35rem}.portfolio-experience__item .company{color:#6b6b6b;color:var(--text-muted);font-size:.95rem;margin:0 0 .2rem}.portfolio-experience__item .location{color:#6b6b6b;color:var(--text-muted);font-size:.85rem;margin:0;opacity:.85}.portfolio-experience__item--solo{grid-template-columns:1fr}@media (max-width:600px){.portfolio-experience__item{gap:.5rem;grid-template-columns:1fr}}.portfolio-contact-section{background-color:#fafafa;background-color:var(--color-white);border-top:1px solid #e8e8e8;border-top:1px solid var(--color-gray-200);color:#0a0a0a;color:var(--color-black);margin:0 auto;max-width:1100px;max-width:var(--max-width);padding:6rem clamp(1.5rem,5vw,3rem);text-align:center;width:100%}.portfolio-contact-section .portfolio-label{color:#9a9a9a;color:var(--color-gray-400)}.portfolio-contact-section .portfolio-text{color:#4a4a4a;color:var(--color-gray-600);margin:0 auto}.portfolio-contact__cta{display:inline-flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2.5rem}.portfolio-btn--minimal{align-items:center;background-color:#0a0a0a;background-color:var(--color-black);border:1px solid #0a0a0a;border:1px solid var(--color-black);border-radius:0;color:#fafafa;color:var(--color-white);display:inline-flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.75rem;font-weight:500;gap:.75rem;letter-spacing:.15em;padding:.875rem 2rem;text-decoration:none;text-transform:uppercase;transition:.3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.portfolio-btn--email{font-size:.95rem;font-weight:400;letter-spacing:.02em;text-transform:none}.portfolio-btn--minimal-outline-dark,.portfolio-btn--minimal:hover{background-color:initial;color:#0a0a0a;color:var(--color-black)}.portfolio-btn--minimal-outline-dark{border:1px solid #0a0a0a;border:1px solid var(--color-black)}.portfolio-btn--minimal-outline-dark:hover{background-color:#0a0a0a;background-color:var(--color-black);color:#fafafa;color:var(--color-white)}.portfolio-footer-section{background-color:#f5f5f5;background-color:var(--color-gray-100);border-top:1px solid #e8e8e8;border-top:1px solid var(--color-gray-200);color:#6b6b6b;color:var(--color-gray-500);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:.75rem;letter-spacing:.05em;margin:0;padding:2rem clamp(1.5rem,5vw,3rem);text-align:center;width:100%}.portfolio-section.portfolio-section--alt{background:#f5f5f5;background:var(--color-gray-100);max-width:none;padding:0;width:100%}.portfolio-section--alt .portfolio-section__inner{margin:0 auto;max-width:1100px;max-width:var(--max-width);padding:clamp(4rem,10vw,7rem) clamp(1.5rem,5vw,3rem);padding:var(--section-pad) clamp(1.5rem,5vw,3rem)}
/*# sourceMappingURL=main.90b90fb7.css.map*/