/* Portfolio of Juan José Hernández: personal career, context and contribution. */
[data-project][hidden],.qq-project-controls[hidden],.qq-project-empty[hidden]{display:none!important}
.qq-project-hero{padding-bottom:76px}.qq-project-hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,.6fr);gap:80px;align-items:start}.qq-project-hero h1{max-width:850px}.qq-project-hero h1 em{font-style:normal;color:var(--lime)}.qq-project-hero .seo-intro{max-width:62ch}.qq-project-hero-aside{border-left:1px solid #536651;padding-left:36px;margin-top:8px}.qq-project-hero-aside>div{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #536651}.qq-project-hero-aside strong{display:block;font-size:60px;line-height:1.05;letter-spacing:-.055em;font-weight:500;color:var(--lime)}.qq-project-hero-aside span{display:block;font-size:14px;line-height:1.65;color:#c0cdc1;margin-top:9px;max-width:25ch}.qq-project-hero-aside>p{font-size:12px;line-height:1.8;color:#c0cdc1}
.qq-project-origin{padding:55px 0;background:#e7ebdd;border-bottom:1px solid #c9d1be}.qq-origin-grid{display:grid;grid-template-columns:minmax(170px,.6fr) minmax(0,1.4fr);gap:65px}.qq-origin-grid>.eyebrow{align-self:start;margin-top:10px}.qq-origin-grid h2{font-size:clamp(31px,3.3vw,47px);margin-bottom:24px}.qq-origin-grid p:not(.eyebrow){font-size:16px;line-height:1.85;color:var(--grey);margin-top:14px;max-width:74ch}
.qq-project-highlights{padding-bottom:75px}.qq-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:42px}.qq-highlight-grid>a{padding:30px;background:#e9eddf;border:1px solid #bdc9ae;display:flex;flex-direction:column;align-items:flex-start;transition:background .2s}.qq-highlight-grid>a:hover{background:#dde7c9}.qq-highlight-grid strong{font-size:clamp(35px,3.8vw,54px);font-weight:500;line-height:1.1;letter-spacing:-.05em;white-space:nowrap}.qq-highlight-grid h3{font-size:21px;letter-spacing:-.03em;line-height:1.3;margin:22px 0 13px}.qq-highlight-grid p{font-size:14px;line-height:1.8;color:var(--grey);margin-bottom:23px}.qq-highlight-grid a>span{font-size:12px;border-bottom:1px solid;padding-bottom:4px;margin-top:auto}.qq-project-source-note{font-size:12px;line-height:1.8;color:var(--grey);margin-top:24px;max-width:100ch}.qq-negotiation-note{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;border-top:1px solid var(--border);padding-top:27px;margin-top:32px;align-items:start}.qq-negotiation-note strong{font-size:24px;font-weight:500;letter-spacing:-.025em}.qq-negotiation-note p{font-size:14px;line-height:1.8;color:var(--grey)}
.qq-project-directory{padding-top:55px;background:#e9ebdf}.qq-directory-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:35px}.qq-directory-heading .lead{max-width:37ch;font-size:16px}.qq-project-controls{display:grid;grid-template-columns:minmax(210px,1.6fr) minmax(175px,1fr) minmax(180px,1fr) auto;gap:17px;align-items:end;padding:26px;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius)}.qq-project-controls>div{min-width:0}.qq-project-controls label{display:block;font-size:12px;line-height:1.5;font-weight:600;margin-bottom:9px}.qq-project-controls input,.qq-project-controls select{width:100%;min-width:0;border:1px solid #a7b69c;border-radius:3px;min-height:49px;padding:11px 12px;background:#fff;color:var(--ink);font-size:14px}.qq-project-controls select{padding-right:27px}.qq-project-controls .btn{min-height:49px;padding:11px 15px;white-space:nowrap;justify-content:center}.qq-project-controls>p{grid-column:1/-1;font-size:11px;line-height:1.6;color:var(--grey);margin-top:0}.qq-project-results{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.qq-project-results p{font:12px monospace;letter-spacing:.025em}.qq-project-results>span{font-size:12px;color:var(--grey)}.qq-project-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.qq-project-card{background:var(--paper);border:1px solid #bdc8af;min-width:0;border-radius:var(--radius);scroll-margin-top:112px}.qq-project-card summary{padding:26px;cursor:pointer;list-style:none}.qq-project-card summary::-webkit-details-marker{display:none}.qq-project-card summary:hover{background:#f3f6e9}.qq-project-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font:10px/1.7 monospace;color:#43593d;letter-spacing:.02em;margin-bottom:22px}.qq-project-kind{font:10px/1.5 Arial,sans-serif;border:1px solid #b8c4a6;border-radius:99px;padding:5px 9px;letter-spacing:0;white-space:nowrap}.qq-kind-propuesta{background:#f2eadb;border-color:#c8b58e;color:#5b4b30}.qq-kind-desarrollo{background:#e5edcf;border-color:#a1b77c}.qq-project-card h3{font-size:clamp(23px,2vw,29px);line-height:1.18;letter-spacing:-.035em;max-width:31ch;margin-bottom:15px;overflow-wrap:break-word}.qq-project-context{display:block;font-size:12px;line-height:1.8;color:var(--grey);max-width:65ch}.qq-project-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);margin-top:23px;padding-top:15px;font-size:12px}.qq-plus{font-size:23px;line-height:1;font-weight:400}.qq-close-label{display:none}.qq-project-card[open] .qq-open-label{display:none}.qq-project-card[open] .qq-close-label{display:inline}.qq-project-card[open] .qq-plus{transform:rotate(45deg)}.qq-project-card[open]{border-color:#6f8957}.qq-project-detail{padding:0 26px 28px}.qq-project-detail dl{margin:0}.qq-project-detail dt{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#395533;padding-top:19px;margin-bottom:8px}.qq-project-detail dd{font-size:14px;line-height:1.85;color:var(--grey);margin:0 0 8px;overflow-wrap:anywhere}.qq-project-permalink{display:block;width:max-content;font-size:11px;line-height:1.8;text-decoration:underline;text-underline-offset:4px;margin-top:23px}.qq-project-detail .text-link{margin-top:20px}.qq-project-empty{padding:38px;border:1px dashed #a4b194;background:var(--paper);text-align:center}.qq-project-empty h3{font-size:25px;line-height:1.3;margin-bottom:15px}.qq-project-empty p{margin:auto;font-size:14px;color:var(--grey)}
.qq-project-next{background:#dce5cd}.qq-project-related{margin-top:25px;border-top:1px solid #b4c3a2}.qq-project-related a{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:18px;line-height:1.5;padding:20px 0;border-bottom:1px solid #b4c3a2}.qq-project-related svg{width:17px;height:17px;flex-shrink:0}.qq-project-related a:hover{color:#3e6137}
.qq-project-home{background:#e7ebdd;border-top:1px solid #ccd4c0}.qq-project-intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:start}.qq-project-attribution{font-size:14px;line-height:1.8;color:var(--grey);margin-top:20px}.qq-project-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:44px}.qq-project-feature{display:flex;flex-direction:column;align-items:flex-start;background:var(--paper);padding:30px;border:1px solid #c2ccb5;border-top:3px solid #708d56;min-width:0}.qq-project-feature:hover{background:#f3f7e8}.qq-project-feature>.eyebrow{font-size:10px;letter-spacing:.06em}.qq-project-feature h3{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:26px 0 18px}.qq-project-feature>p{font-size:14px;line-height:1.85;color:var(--grey);margin-bottom:30px}.qq-feature-link{display:flex;align-items:center;gap:14px;font-size:12px;padding-bottom:5px;border-bottom:1px solid;margin-top:auto}.qq-feature-link svg{width:16px;height:16px}.qq-project-home-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:35px}.qq-project-home-bottom>p{font-size:12px;line-height:1.8;color:var(--grey)}.qq-profile-projects{margin-bottom:35px;border-left:3px solid #90a677;padding:8px 0 8px 23px}.qq-profile-projects p{font-size:15px;line-height:1.85;color:var(--grey);margin-bottom:15px}.qq-profile-projects .btn{margin-top:10px;gap:18px}
@media(min-width:1001px) and (max-width:1200px){.navigation{gap:18px}.navigation>a{font-size:11px}.navigation .nav-contact{margin-left:0;padding-inline:14px}}
@media(max-width:1050px){.qq-project-hero-grid{gap:42px;grid-template-columns:minmax(0,1.4fr) minmax(200px,.6fr)}.qq-project-hero-aside{padding-left:26px}.qq-project-controls{grid-template-columns:1fr 1fr}.qq-search-field{grid-column:1/-1}.qq-project-controls .btn{grid-column:1/-1;justify-self:start}.qq-project-features{gap:18px}.qq-project-feature{padding:24px}.qq-project-feature h3{font-size:24px}.qq-highlight-grid>a{padding:25px}.qq-origin-grid{gap:40px}}
@media(max-width:800px){.qq-project-hero{padding-bottom:50px}.qq-project-hero-grid{grid-template-columns:1fr;gap:38px}.qq-project-hero-aside{padding:26px 0 0;border-left:0;border-top:1px solid #536651;display:grid;grid-template-columns:1fr 1fr;gap:20px}.qq-project-hero-aside>div{padding:0 0 18px;margin:0}.qq-project-hero-aside strong{font-size:48px}.qq-project-hero-aside>p{grid-column:1/-1}.qq-project-origin{padding:38px 0}.qq-origin-grid{grid-template-columns:1fr;gap:25px}.qq-origin-grid>.eyebrow{margin:0}.qq-highlight-grid{gap:16px}.qq-highlight-grid>a{padding:22px}.qq-highlight-grid strong{font-size:34px}.qq-highlight-grid h3{font-size:18px}.qq-negotiation-note{grid-template-columns:1fr;gap:15px}.qq-directory-heading{display:block}.qq-directory-heading .lead{max-width:55ch;margin-top:20px}.qq-project-intro-grid{grid-template-columns:1fr;gap:25px}.qq-project-features{grid-template-columns:1fr}.qq-project-feature h3{max-width:32ch;margin-top:20px}.qq-project-feature>p{max-width:70ch}.qq-project-home-bottom{align-items:flex-start;flex-direction:column;gap:23px}}
@media(max-width:600px){.qq-highlight-grid{grid-template-columns:1fr}.qq-highlight-grid>a{padding:25px}.qq-highlight-grid strong{font-size:45px}.qq-highlight-grid h3{font-size:21px;margin-top:18px}.qq-project-highlights{padding-bottom:50px}.qq-project-list{grid-template-columns:1fr;gap:16px}.qq-project-controls{grid-template-columns:1fr;padding:20px;gap:19px}.qq-search-field{grid-column:auto}.qq-project-controls .btn{grid-column:auto;width:100%;justify-self:stretch}.qq-project-controls input,.qq-project-controls select{font-size:16px}.qq-project-results{align-items:flex-start;flex-direction:column;gap:8px}.qq-project-card summary{padding:23px}.qq-project-detail{padding:0 23px 26px}.qq-project-meta{margin-bottom:19px;gap:7px}.qq-project-kind{font-size:10px}.qq-project-card h3{font-size:26px}.qq-project-empty{padding:28px 20px}.qq-profile-projects{padding-left:18px}.qq-profile-projects .btn{font-size:12px;padding:13px 15px}.qq-project-hero .seo-actions{gap:22px}.qq-project-hero .seo-actions>.btn{width:100%}.qq-project-hero-aside{gap:18px}.qq-project-hero-aside span{font-size:13px}}
@media print{.qq-project-controls,.qq-project-hero-aside,.qq-project-results,.qq-project-toggle,.qq-project-permalink{display:none!important}.qq-project-hero-grid,.qq-origin-grid,.qq-project-intro-grid,.qq-highlight-grid,.qq-project-features,.qq-project-list{display:block}.qq-project-card,.qq-project-feature,.qq-highlight-grid>a{margin-bottom:20px;break-inside:avoid;background:white;color:black}.qq-project-hero h1 em{color:inherit}.qq-project-card summary{padding:18px}.qq-project-detail{padding-inline:18px}.qq-project-origin,.qq-project-directory,.qq-project-home,.qq-project-next{background:white}.qq-project-source-note{font-size:11px}}