{"id":583,"date":"2025-11-18T11:29:22","date_gmt":"2025-11-18T10:29:22","guid":{"rendered":"https:\/\/arquitecturajordihernandez.com\/proyectos\/"},"modified":"2026-07-20T17:00:17","modified_gmt":"2026-07-20T15:00:17","slug":"proyectos","status":"publish","type":"page","link":"https:\/\/arquitecturajordihernandez.com\/es\/proyectos\/","title":{"rendered":"Proyectos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"583\" class=\"elementor elementor-583 elementor-138\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fad7994 e-flex e-con-boxed e-con e-parent\" data-id=\"fad7994\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fe877bd elementor-widget elementor-widget-html\" data-id=\"fe877bd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* =========================================================\n     PROYECTOS \u00b7 JORDI HERN\u00c1NDEZ\n     Widget HTML completo para Elementor\n     ========================================================= *\/\n\n  .ptf-landing {\n    --ptf-primary: #2e4d58;\n    --ptf-primary-dark: #203840;\n    --ptf-primary-light: #dfe8ea;\n    --ptf-bg: #f6f6f6;\n    --ptf-white: #ffffff;\n    --ptf-black: #171717;\n    --ptf-text: #373d3f;\n    --ptf-muted: #6b7477;\n    --ptf-border: #dce1e2;\n\n    --ptf-body: \"Inter\", Arial, sans-serif;\n    --ptf-heading: \"Libre Baskerville\", Georgia, serif;\n\n    --ptf-container: 1180px;\n    --ptf-radius: 5px;\n    --ptf-shadow: 0 24px 60px rgba(26, 50, 58, 0.12);\n\n    width: 100%;\n    overflow: hidden;\n    background: var(--ptf-white);\n    color: var(--ptf-text);\n    font-family: var(--ptf-body);\n    font-size: 14px;\n    line-height: 1.7;\n  }\n\n  .ptf-landing *,\n  .ptf-landing *::before,\n  .ptf-landing *::after {\n    box-sizing: border-box;\n  }\n\n  .ptf-landing img {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n  }\n\n  .ptf-landing a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  .ptf-landing h1,\n  .ptf-landing h2,\n  .ptf-landing h3 {\n    margin-top: 0;\n    color: var(--ptf-black);\n    font-family: var(--ptf-heading);\n    font-weight: 400;\n    line-height: 1.18;\n  }\n\n  .ptf-landing h1 {\n    max-width: 800px;\n    margin-bottom: 25px;\n    font-size: clamp(39px, 5.1vw, 66px);\n    letter-spacing: -0.045em;\n  }\n\n  .ptf-landing h2 {\n    margin-bottom: 22px;\n    font-size: clamp(29px, 3.4vw, 43px);\n    letter-spacing: -0.035em;\n  }\n\n  .ptf-landing h3 {\n    margin-bottom: 11px;\n    font-size: 21px;\n  }\n\n  .ptf-landing p {\n    margin-top: 0;\n    margin-bottom: 19px;\n  }\n\n  .ptf-container {\n    width: min(calc(100% - 48px), var(--ptf-container));\n    margin-inline: auto;\n  }\n\n  .ptf-section {\n    padding-block: 96px;\n  }\n\n  .ptf-section--soft {\n    background: var(--ptf-bg);\n  }\n\n  .ptf-section--dark {\n    background: var(--ptf-primary);\n    color: var(--ptf-white);\n  }\n\n  .ptf-section--dark h2,\n  .ptf-section--dark h3 {\n    color: var(--ptf-white);\n  }\n\n  .ptf-eyebrow {\n    display: block;\n    margin-bottom: 17px;\n    color: var(--ptf-primary);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  .ptf-section--dark .ptf-eyebrow {\n    color: #cbdadd;\n  }\n\n  .ptf-section-heading {\n    max-width: 790px;\n    margin-bottom: 55px;\n  }\n\n  .ptf-section-heading p {\n    max-width: 700px;\n    margin-bottom: 0;\n    color: var(--ptf-muted);\n    font-size: 16px;\n  }\n\n  .ptf-section--dark .ptf-section-heading p {\n    color: rgba(255, 255, 255, 0.75);\n  }\n\n  \/* Botones *\/\n\n  .ptf-button {\n    display: inline-flex;\n    min-height: 50px;\n    align-items: center;\n    justify-content: center;\n    padding: 13px 25px;\n    border: 1px solid var(--ptf-primary);\n    border-radius: 3px;\n    background: var(--ptf-primary);\n    color: var(--ptf-white) !important;\n    font-size: 13px;\n    font-weight: 600;\n    letter-spacing: 0.025em;\n    text-align: center;\n    transition:\n      background-color 180ms ease,\n      border-color 180ms ease,\n      color 180ms ease,\n      transform 180ms ease;\n  }\n\n  .ptf-button:hover {\n    transform: translateY(-2px);\n    border-color: var(--ptf-primary-dark);\n    background: var(--ptf-primary-dark);\n  }\n\n  .ptf-button--light {\n    border-color: var(--ptf-white);\n    background: var(--ptf-white);\n    color: var(--ptf-primary) !important;\n  }\n\n  .ptf-button--light:hover {\n    border-color: var(--ptf-white);\n    background: transparent;\n    color: var(--ptf-white) !important;\n  }\n\n  .ptf-text-link {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    color: var(--ptf-primary) !important;\n    font-weight: 600;\n  }\n\n  .ptf-text-link::after {\n    content: \"\u2193\";\n    font-size: 16px;\n    transition: transform 180ms ease;\n  }\n\n  .ptf-text-link:hover::after {\n    transform: translateY(4px);\n  }\n\n  \/* =========================================================\n     HERO EDITORIAL\n     ========================================================= *\/\n\n  .ptf-hero {\n    position: relative;\n    min-height: 760px;\n    overflow: hidden;\n    padding-block: 54px 78px;\n    background:\n      linear-gradient(\n        90deg,\n        var(--ptf-bg) 0%,\n        var(--ptf-bg) 31%,\n        var(--ptf-white) 31%,\n        var(--ptf-white) 100%\n      );\n  }\n\n  .ptf-hero::before {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: 31%;\n    height: 6px;\n    background: var(--ptf-primary);\n    content: \"\";\n  }\n\n  .ptf-hero-layout {\n    display: grid;\n    grid-template-columns: 52px minmax(0, 0.9fr) minmax(470px, 1.1fr);\n    min-height: 650px;\n    align-items: center;\n    gap: 42px;\n  }\n\n  .ptf-hero-rail {\n    align-self: stretch;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-between;\n    padding-block: 18px;\n    border-right: 1px solid var(--ptf-border);\n  }\n\n  .ptf-hero-index {\n    color: var(--ptf-primary);\n    font-family: var(--ptf-heading);\n    font-size: 14px;\n  }\n\n  .ptf-hero-vertical {\n    color: var(--ptf-muted);\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.2em;\n    writing-mode: vertical-rl;\n    transform: rotate(180deg);\n  }\n\n  .ptf-hero-copy {\n    position: relative;\n    z-index: 2;\n    padding-block: 35px;\n  }\n\n  .ptf-hero-lead {\n    max-width: 690px;\n    margin-bottom: 17px;\n    color: #3c4649;\n    font-size: clamp(17px, 2vw, 20px);\n    line-height: 1.58;\n  }\n\n  .ptf-hero-support {\n    max-width: 650px;\n    margin-bottom: 31px;\n    color: var(--ptf-muted);\n    font-size: 15px;\n  }\n\n  .ptf-hero-actions {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 20px;\n  }\n\n  .ptf-hero-disciplines {\n    display: grid;\n    grid-template-columns: repeat(3, auto);\n    justify-content: start;\n    gap: 10px 28px;\n    margin-top: 39px;\n    padding-top: 25px;\n    border-top: 1px solid var(--ptf-border);\n  }\n\n  .ptf-hero-discipline {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    color: var(--ptf-muted);\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 0.06em;\n  }\n\n  .ptf-hero-discipline::before {\n    width: 5px;\n    height: 5px;\n    flex: 0 0 5px;\n    border-radius: 50%;\n    background: var(--ptf-primary);\n    content: \"\";\n  }\n\n  \/* Collage *\/\n\n  .ptf-hero-collage {\n    position: relative;\n    min-height: 620px;\n  }\n\n  .ptf-hero-image-main {\n    position: absolute;\n    top: 30px;\n    right: 0;\n    width: 72%;\n    height: 505px;\n    overflow: hidden;\n    border-radius: var(--ptf-radius);\n    box-shadow: var(--ptf-shadow);\n  }\n\n  .ptf-hero-image-main img {\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .ptf-hero-image-top {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 2;\n    width: 38%;\n    height: 220px;\n    overflow: hidden;\n    border: 9px solid var(--ptf-white);\n    border-radius: var(--ptf-radius);\n    box-shadow: var(--ptf-shadow);\n  }\n\n  .ptf-hero-image-top img,\n  .ptf-hero-image-bottom img {\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .ptf-hero-image-bottom {\n    position: absolute;\n    bottom: 0;\n    left: 6%;\n    z-index: 3;\n    width: 45%;\n    height: 250px;\n    overflow: hidden;\n    border: 9px solid var(--ptf-white);\n    border-radius: var(--ptf-radius);\n    box-shadow: var(--ptf-shadow);\n  }\n\n  .ptf-hero-caption {\n    position: absolute;\n    right: 0;\n    bottom: 8px;\n    z-index: 4;\n    width: 43%;\n    padding: 20px 22px;\n    background: var(--ptf-primary);\n    color: var(--ptf-white);\n  }\n\n  .ptf-hero-caption strong {\n    display: block;\n    margin-bottom: 5px;\n    font-family: var(--ptf-heading);\n    font-size: 17px;\n    font-weight: 400;\n  }\n\n  .ptf-hero-caption span {\n    color: rgba(255, 255, 255, 0.73);\n    font-size: 11px;\n  }\n\n  \/* =========================================================\n     INTRODUCCI\u00d3N\n     ========================================================= *\/\n\n  .ptf-intro-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 0.74fr) minmax(0, 1.26fr);\n    align-items: start;\n    gap: 90px;\n  }\n\n  .ptf-intro-title {\n    position: sticky;\n    top: 30px;\n  }\n\n  .ptf-intro-copy {\n    max-width: 730px;\n  }\n\n  .ptf-intro-copy > p {\n    font-size: 16px;\n  }\n\n  .ptf-intro-features {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 1px;\n    margin-top: 41px;\n    background: var(--ptf-border);\n  }\n\n  .ptf-intro-feature {\n    min-height: 195px;\n    padding: 27px 23px;\n    background: var(--ptf-white);\n  }\n\n  .ptf-intro-feature span {\n    display: block;\n    margin-bottom: 25px;\n    color: var(--ptf-primary);\n    font-family: var(--ptf-heading);\n    font-size: 13px;\n  }\n\n  .ptf-intro-feature h3 {\n    font-size: 18px;\n  }\n\n  .ptf-intro-feature p {\n    margin-bottom: 0;\n    color: var(--ptf-muted);\n    font-size: 13px;\n  }\n\n  \/* =========================================================\n     PROYECTOS\n     ========================================================= *\/\n\n  #proyectos {\n    scroll-margin-top: 40px;\n  }\n\n  .ptf-projects-grid {\n    display: grid;\n    grid-template-columns: repeat(12, minmax(0, 1fr));\n    gap: 24px;\n  }\n\n  .ptf-project {\n    overflow: hidden;\n    border: 1px solid var(--ptf-border);\n    background: var(--ptf-white);\n    transition:\n      transform 180ms ease,\n      border-color 180ms ease,\n      box-shadow 180ms ease;\n  }\n\n  .ptf-project:hover {\n    transform: translateY(-4px);\n    border-color: var(--ptf-primary);\n    box-shadow: var(--ptf-shadow);\n  }\n\n  .ptf-project--seven {\n    grid-column: span 7;\n  }\n\n  .ptf-project--five {\n    grid-column: span 5;\n  }\n\n  .ptf-project--six {\n    grid-column: span 6;\n  }\n\n  .ptf-project-media {\n    position: relative;\n    overflow: hidden;\n  }\n\n  .ptf-project-media img {\n    height: 410px;\n    object-fit: cover;\n    transition: transform 500ms ease;\n  }\n\n  .ptf-project--seven .ptf-project-media img {\n    height: 510px;\n  }\n\n  .ptf-project:hover .ptf-project-media img {\n    transform: scale(1.025);\n  }\n\n  .ptf-project-number {\n    position: absolute;\n    top: 18px;\n    left: 18px;\n    display: grid;\n    width: 42px;\n    height: 42px;\n    place-items: center;\n    border-radius: 50%;\n    background: rgba(46, 77, 88, 0.94);\n    color: var(--ptf-white);\n    font-family: var(--ptf-heading);\n    font-size: 12px;\n  }\n\n  .ptf-project-content {\n    padding: 28px;\n  }\n\n  .ptf-project-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px 17px;\n    margin-bottom: 15px;\n    color: var(--ptf-muted);\n    font-size: 10px;\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n  }\n\n  .ptf-project-content h3 {\n    margin-bottom: 14px;\n    font-size: 24px;\n  }\n\n  .ptf-project-content p {\n    margin-bottom: 0;\n    color: var(--ptf-muted);\n  }\n\n  \/* =========================================================\n     TRABAJO T\u00c9CNICO\n     ========================================================= *\/\n\n  .ptf-technical-grid {\n    display: grid;\n    grid-template-columns: minmax(0, 0.95fr) minmax(390px, 1.05fr);\n    align-items: stretch;\n    gap: 72px;\n  }\n\n  .ptf-technical-image {\n    min-height: 650px;\n    height: 100%;\n    border-radius: var(--ptf-radius);\n    object-fit: cover;\n  }\n\n  .ptf-technical-copy {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n\n  .ptf-technical-copy > p {\n    font-size: 16px;\n  }\n\n  .ptf-technical-list {\n    margin-top: 23px;\n  }\n\n  .ptf-technical-item {\n    display: grid;\n    grid-template-columns: 42px 1fr;\n    gap: 19px;\n    padding-block: 21px;\n    border-top: 1px solid var(--ptf-border);\n  }\n\n  .ptf-technical-number {\n    color: var(--ptf-primary);\n    font-family: var(--ptf-heading);\n  }\n\n  .ptf-technical-item h3 {\n    margin-bottom: 6px;\n    font-size: 18px;\n  }\n\n  .ptf-technical-item p {\n    margin-bottom: 0;\n    color: var(--ptf-muted);\n  }\n\n  \/* =========================================================\n     TRABAJO NO VISIBLE\n     ========================================================= *\/\n\n  .ptf-value-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 1px;\n    background: rgba(255, 255, 255, 0.17);\n  }\n\n  .ptf-value-card {\n    min-height: 270px;\n    padding: 32px 29px;\n    background: var(--ptf-primary);\n  }\n\n  .ptf-value-icon {\n    display: grid;\n    width: 42px;\n    height: 42px;\n    margin-bottom: 34px;\n    place-items: center;\n    border: 1px solid rgba(255, 255, 255, 0.42);\n    border-radius: 50%;\n    color: #d4e1e4;\n    font-family: var(--ptf-heading);\n    font-size: 12px;\n  }\n\n  .ptf-value-card h3 {\n    font-size: 19px;\n  }\n\n  .ptf-value-card p {\n    margin-bottom: 0;\n    color: rgba(255, 255, 255, 0.73);\n  }\n\n  \/* =========================================================\n     PROCESO\n     ========================================================= *\/\n\n  .ptf-process-grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 24px;\n  }\n\n  .ptf-process-step {\n    position: relative;\n    min-height: 315px;\n    padding: 32px 27px;\n    border-top: 4px solid var(--ptf-primary);\n    background: var(--ptf-bg);\n  }\n\n  .ptf-process-number {\n    display: block;\n    margin-bottom: 43px;\n    color: var(--ptf-primary);\n    font-family: var(--ptf-heading);\n    font-size: 36px;\n  }\n\n  .ptf-process-step h3 {\n    font-size: 20px;\n  }\n\n  .ptf-process-step p {\n    margin-bottom: 0;\n    color: var(--ptf-muted);\n  }\n\n  .ptf-process-cta {\n    display: flex;\n    margin-top: 43px;\n    align-items: center;\n    justify-content: space-between;\n    gap: 35px;\n    padding-top: 34px;\n    border-top: 1px solid var(--ptf-border);\n  }\n\n  .ptf-process-cta p {\n    max-width: 690px;\n    margin-bottom: 0;\n    font-family: var(--ptf-heading);\n    font-size: 23px;\n    line-height: 1.4;\n  }\n\n  \/* =========================================================\n     SERVICIOS RELACIONADOS\n     ========================================================= *\/\n\n  .ptf-services-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 20px;\n  }\n\n  .ptf-service {\n    display: grid;\n    grid-template-columns: 55px 1fr auto;\n    min-height: 175px;\n    align-items: center;\n    gap: 23px;\n    padding: 29px;\n    border: 1px solid var(--ptf-border);\n    background: var(--ptf-white);\n    transition:\n      transform 180ms ease,\n      border-color 180ms ease,\n      box-shadow 180ms ease;\n  }\n\n  .ptf-service:hover {\n    transform: translateY(-3px);\n    border-color: var(--ptf-primary);\n    box-shadow: var(--ptf-shadow);\n  }\n\n  .ptf-service-number {\n    color: var(--ptf-primary);\n    font-family: var(--ptf-heading);\n    font-size: 25px;\n  }\n\n  .ptf-service h3 {\n    margin-bottom: 7px;\n    font-size: 19px;\n  }\n\n  .ptf-service p {\n    margin-bottom: 0;\n    color: var(--ptf-muted);\n  }\n\n  .ptf-service-arrow {\n    color: var(--ptf-primary);\n    font-size: 23px;\n    transition: transform 180ms ease;\n  }\n\n  .ptf-service:hover .ptf-service-arrow {\n    transform: translateX(5px);\n  }\n\n  \/* =========================================================\n     PERFIL\n     ========================================================= *\/\n\n  .ptf-profile {\n    display: grid;\n    grid-template-columns: minmax(0, 0.93fr) minmax(0, 1.07fr);\n    overflow: hidden;\n    background: var(--ptf-bg);\n  }\n\n  .ptf-profile-intro {\n    display: flex;\n    min-height: 520px;\n    flex-direction: column;\n    justify-content: center;\n    padding: 62px;\n    background: var(--ptf-primary);\n    color: var(--ptf-white);\n  }\n\n  .ptf-profile-intro .ptf-eyebrow {\n    color: #cbdadd;\n  }\n\n  .ptf-profile-intro h2 {\n    color: var(--ptf-white);\n  }\n\n  .ptf-profile-intro p {\n    color: rgba(255, 255, 255, 0.78);\n  }\n\n  .ptf-profile-intro .ptf-button {\n    align-self: flex-start;\n    margin-top: 10px;\n  }\n\n  .ptf-profile-points {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    padding: 53px 62px;\n  }\n\n  .ptf-profile-point {\n    display: grid;\n    grid-template-columns: 38px 1fr;\n    gap: 20px;\n    padding-block: 22px;\n    border-top: 1px solid var(--ptf-border);\n  }\n\n  .ptf-profile-point:first-child {\n    border-top: 0;\n  }\n\n  .ptf-profile-point > span {\n    color: var(--ptf-primary);\n    font-family: var(--ptf-heading);\n  }\n\n  .ptf-profile-point h3 {\n    margin-bottom: 7px;\n    font-size: 18px;\n  }\n\n  .ptf-profile-point p {\n    margin-bottom: 0;\n    color: var(--ptf-muted);\n  }\n\n  \/* =========================================================\n     CTA FINAL\n     ========================================================= *\/\n\n  .ptf-final {\n    position: relative;\n    overflow: hidden;\n    padding-block: 105px;\n    background: var(--ptf-primary-dark);\n  }\n\n  .ptf-final::before {\n    position: absolute;\n    top: -190px;\n    right: -120px;\n    width: 570px;\n    height: 570px;\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 50%;\n    content: \"\";\n  }\n\n  .ptf-final::after {\n    position: absolute;\n    right: 115px;\n    bottom: -290px;\n    width: 510px;\n    height: 510px;\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 50%;\n    content: \"\";\n  }\n\n  .ptf-final-inner {\n    position: relative;\n    z-index: 2;\n    max-width: 760px;\n    color: var(--ptf-white);\n  }\n\n  .ptf-final .ptf-eyebrow {\n    color: #cbdadd;\n  }\n\n  .ptf-final h2 {\n    color: var(--ptf-white);\n    font-size: clamp(32px, 4.1vw, 48px);\n  }\n\n  .ptf-final p {\n    max-width: 690px;\n    color: rgba(255, 255, 255, 0.8);\n    font-size: 16px;\n  }\n\n  .ptf-final-note {\n    margin-top: 24px;\n    color: rgba(255, 255, 255, 0.62);\n    font-size: 12px;\n  }\n\n  \/* =========================================================\n     RESPONSIVE\n     ========================================================= *\/\n\n  @media (max-width: 1080px) {\n    .ptf-hero {\n      background: var(--ptf-white);\n    }\n\n    .ptf-hero-layout {\n      grid-template-columns: 35px minmax(0, 0.92fr) minmax(420px, 1.08fr);\n      gap: 30px;\n    }\n\n    .ptf-project--seven,\n    .ptf-project--five,\n    .ptf-project--six {\n      grid-column: span 6;\n    }\n\n    .ptf-process-grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 820px) {\n    .ptf-container {\n      width: min(calc(100% - 36px), var(--ptf-container));\n    }\n\n    .ptf-section {\n      padding-block: 72px;\n    }\n\n    .ptf-hero {\n      min-height: auto;\n      padding-block: 45px 68px;\n    }\n\n    .ptf-hero-layout {\n      grid-template-columns: 1fr;\n      min-height: auto;\n      gap: 40px;\n    }\n\n    .ptf-hero-rail {\n      display: none;\n    }\n\n    .ptf-hero-copy {\n      padding-block: 0;\n    }\n\n    .ptf-hero-collage {\n      min-height: 590px;\n    }\n\n    .ptf-intro-grid,\n    .ptf-technical-grid,\n    .ptf-profile {\n      grid-template-columns: 1fr;\n    }\n\n    .ptf-intro-grid,\n    .ptf-technical-grid {\n      gap: 45px;\n    }\n\n    .ptf-intro-title {\n      position: static;\n    }\n\n    .ptf-intro-features,\n    .ptf-value-grid,\n    .ptf-services-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .ptf-project--seven,\n    .ptf-project--five,\n    .ptf-project--six {\n      grid-column: 1 \/ -1;\n    }\n\n    .ptf-project-media img,\n    .ptf-project--seven .ptf-project-media img {\n      height: 410px;\n    }\n\n    .ptf-technical-image {\n      min-height: 480px;\n      height: 480px;\n    }\n\n    .ptf-profile-intro,\n    .ptf-profile-points {\n      min-height: auto;\n      padding: 46px 30px;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .ptf-landing h1 {\n      font-size: 37px;\n    }\n\n    .ptf-landing h2 {\n      font-size: 29px;\n    }\n\n    .ptf-hero-actions {\n      display: grid;\n    }\n\n    .ptf-hero-actions .ptf-button {\n      width: 100%;\n    }\n\n    .ptf-hero-disciplines {\n      grid-template-columns: 1fr;\n      gap: 11px;\n    }\n\n    .ptf-hero-collage {\n      display: grid;\n      min-height: auto;\n      grid-template-columns: 1fr 1fr;\n      gap: 12px;\n    }\n\n    .ptf-hero-image-main,\n    .ptf-hero-image-top,\n    .ptf-hero-image-bottom,\n    .ptf-hero-caption {\n      position: relative;\n      inset: auto;\n      width: auto;\n      height: auto;\n      border: 0;\n    }\n\n    .ptf-hero-image-main {\n      grid-column: 1 \/ -1;\n      height: 370px;\n    }\n\n    .ptf-hero-image-top,\n    .ptf-hero-image-bottom {\n      height: 190px;\n    }\n\n    .ptf-hero-caption {\n      grid-column: 1 \/ -1;\n      padding: 18px 20px;\n    }\n\n    .ptf-project-media img,\n    .ptf-project--seven .ptf-project-media img {\n      height: 330px;\n    }\n\n    .ptf-project-content {\n      padding: 23px 21px;\n    }\n\n    .ptf-process-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .ptf-process-step {\n      min-height: auto;\n    }\n\n    .ptf-process-number {\n      margin-bottom: 24px;\n    }\n\n    .ptf-process-cta {\n      display: grid;\n    }\n\n    .ptf-service {\n      grid-template-columns: 1fr auto;\n      min-height: auto;\n      padding: 24px 22px;\n    }\n\n    .ptf-service-number {\n      grid-column: 1 \/ -1;\n    }\n\n    .ptf-final {\n      padding-block: 78px;\n    }\n  }\n<\/style>\n\n<main class=\"ptf-landing\">\n\n  <!-- =======================================================\n       HERO\n       ======================================================= -->\n\n  <section class=\"ptf-hero\">\n    <div class=\"ptf-container ptf-hero-layout\">\n\n      <aside class=\"ptf-hero-rail\" aria-hidden=\"true\">\n        <span class=\"ptf-hero-index\">01<\/span>\n        <span class=\"ptf-hero-vertical\">PORTFOLIO T\u00c9CNICO<\/span>\n      <\/aside>\n\n      <div class=\"ptf-hero-copy\">\n\n        <span class=\"ptf-eyebrow\">\n          Jordi Hern\u00e1ndez \u00b7 Arquitecto t\u00e9cnico\n        <\/span>\n\n        <h1>Proyectos de arquitectura t\u00e9cnica en Girona<\/h1>\n\n        <p class=\"ptf-hero-lead\">\n          Obras, reformas y rehabilitaciones con seguimiento t\u00e9cnico directo\n          en Girona y la Costa Brava.\n        <\/p>\n\n        <p class=\"ptf-hero-support\">\n          Una selecci\u00f3n de intervenciones en viviendas y edificios existentes\n          en las que la coordinaci\u00f3n, el control t\u00e9cnico y el seguimiento de\n          la ejecuci\u00f3n forman parte del proceso.\n        <\/p>\n\n        <div class=\"ptf-hero-actions\">\n\n          <a\n            href=\"https:\/\/arquitecturajordihernandez.com\/es\/contacto\/\"\n            class=\"ptf-button\"\n          >\n            Expl\u00edcame tu proyecto\n          <\/a>\n\n          <a href=\"#proyectos\" class=\"ptf-text-link\">\n            Ver los proyectos\n          <\/a>\n\n        <\/div>\n\n        <div class=\"ptf-hero-disciplines\">\n          <span class=\"ptf-hero-discipline\">Direcci\u00f3n de ejecuci\u00f3n<\/span>\n          <span class=\"ptf-hero-discipline\">Reformas<\/span>\n          <span class=\"ptf-hero-discipline\">Rehabilitaciones<\/span>\n        <\/div>\n\n      <\/div>\n\n      <div class=\"ptf-hero-collage\">\n\n        <figure class=\"ptf-hero-image-main\">\n          <img fetchpriority=\"high\" decoding=\"async\"\n            src=\"https:\/\/arquitecturajordihernandez.com\/wp-content\/uploads\/2025\/12\/Aiguaxelida5.webp\"\n            alt=\"Proyecto residencial de arquitectura t\u00e9cnica\"\n            width=\"900\"\n            height=\"1100\"\n            fetchpriority=\"high\"\n          >\n        <\/figure>\n\n        <figure class=\"ptf-hero-image-top\">\n          <img decoding=\"async\"\n            src=\"https:\/\/arquitecturajordihernandez.com\/wp-content\/uploads\/2025\/12\/VillaGolf5.webp\"\n            alt=\"Vol\u00famenes y espacios exteriores de un proyecto residencial\"\n            width=\"600\"\n            height=\"500\"\n          >\n        <\/figure>\n\n        <figure class=\"ptf-hero-image-bottom\">\n          <img decoding=\"async\"\n            src=\"https:\/\/arquitecturajordihernandez.com\/wp-content\/uploads\/2025\/12\/ObraPals4.webp\"\n            alt=\"Intervenci\u00f3n en un edificio existente de piedra\"\n            width=\"650\"\n            height=\"550\"\n          >\n        <\/figure>\n\n        <div class=\"ptf-hero-caption\">\n          <strong>Proyectos reales<\/strong>\n          <span>\n            Viviendas, reformas e intervenciones en edificios existentes.\n          <\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       INTRODUCCI\u00d3N\n       ======================================================= -->\n\n  <section class=\"ptf-section\">\n    <div class=\"ptf-container ptf-intro-grid\">\n\n      <div class=\"ptf-intro-title\">\n\n        <span class=\"ptf-eyebrow\">\n          Experiencia aplicada\n        <\/span>\n\n        <h2>Cada proyecto requiere una manera espec\u00edfica de trabajar<\/h2>\n\n      <\/div>\n\n      <div class=\"ptf-intro-copy\">\n\n        <p>\n          Una vivienda unifamiliar, un edificio residencial o una construcci\u00f3n\n          existente no plantean los mismos condicionantes.\n        <\/p>\n\n        <p>\n          El estado del inmueble, los materiales, las instalaciones, el entorno\n          y los profesionales que intervienen determinan los puntos que deben\n          revisarse y la forma de organizar el seguimiento.\n        <\/p>\n\n        <p>\n          La selecci\u00f3n siguiente muestra distintos contextos constructivos en\n          los que la lectura del edificio, la coordinaci\u00f3n de las actuaciones\n          y las comprobaciones sobre el terreno tienen un papel relevante.\n        <\/p>\n\n        <p>\n          No es solo una galer\u00eda de resultados terminados. Tambi\u00e9n es una\n          muestra de situaciones en las que puede ser necesaria la\n          intervenci\u00f3n de un arquitecto t\u00e9cnico.\n        <\/p>\n\n        <div class=\"ptf-intro-features\">\n\n          <article class=\"ptf-intro-feature\">\n            <span>01<\/span>\n\n            <h3>Lectura del inmueble<\/h3>\n\n            <p>\n              Comprender el estado existente y los condicionantes propios de\n              cada edificio.\n            <\/p>\n          <\/article>\n\n          <article class=\"ptf-intro-feature\">\n            <span>02<\/span>\n\n            <h3>Coordinaci\u00f3n<\/h3>\n\n            <p>\n              Organizar la comunicaci\u00f3n entre la propiedad, los t\u00e9cnicos y los\n              profesionales de la obra.\n            <\/p>\n          <\/article>\n\n          <article class=\"ptf-intro-feature\">\n            <span>03<\/span>\n\n            <h3>Seguimiento<\/h3>\n\n            <p>\n              Comprobar la evoluci\u00f3n de los trabajos y las decisiones\n              aplicadas sobre el terreno.\n            <\/p>\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       PROYECTOS\n       ======================================================= -->\n\n  <section id=\"proyectos\" class=\"ptf-section ptf-section--soft\">\n    <div class=\"ptf-container\">\n\n      <div class=\"ptf-section-heading\">\n\n        <span class=\"ptf-eyebrow\">\n          Selecci\u00f3n de trabajos\n        <\/span>\n\n        <h2>Proyectos e intervenciones<\/h2>\n\n        <p>\n          Una selecci\u00f3n de im\u00e1genes de proyectos reales en viviendas,\n          edificios existentes e intervenciones residenciales.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"ptf-projects-grid\">\n\n        <!-- PROYECTO 01 -->\n\n        <article class=\"ptf-project ptf-project--seven\">\n\n          <div class=\"ptf-project-media\">\n\n            <img loading=\"lazy\" decoding=\"async\"\n              src=\"https:\/\/arquitecturajordihernandez.com\/wp-content\/uploads\/2025\/12\/Aiguaxelida4.webp\"\n              alt=\"Interior y exterior de una vivienda reformada\"\n              width=\"1050\"\n              height=\"850\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"ptf-project-number\">01<\/span>\n\n          <\/div>\n\n          <div class=\"ptf-project-content\">\n\n            <div class=\"ptf-project-meta\">\n              <span>Vivienda<\/span>\n              <span>Reforma integral<\/span>\n            <\/div>\n\n            <h3>Reforma integral de una vivienda<\/h3>\n\n            <p>\n              Intervenci\u00f3n en una vivienda en la que la distribuci\u00f3n, la luz\n              natural, los materiales y la relaci\u00f3n entre los espacios\n              interiores y exteriores forman parte de una lectura conjunta.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- PROYECTO 02 -->\n\n        <article class=\"ptf-project ptf-project--five\">\n\n          <div class=\"ptf-project-media\">\n\n            <img loading=\"lazy\" decoding=\"async\"\n              src=\"https:\/\/arquitecturajordihernandez.com\/wp-content\/uploads\/2025\/12\/HotelArkhe1.webp\"\n              alt=\"Fachada rehabilitada de un edificio existente\"\n              width=\"850\"\n              height=\"900\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"ptf-project-number\">02<\/span>\n\n          <\/div>\n\n          <div class=\"ptf-project-content\">\n\n            <div class=\"ptf-project-meta\">\n              <span>Edificio existente<\/span>\n              <span>Rehabilitaci\u00f3n<\/span>\n            <\/div>\n\n            <h3>Rehabilitaci\u00f3n de un edificio existente<\/h3>\n\n            <p>\n              Actuaci\u00f3n sobre una construcci\u00f3n con fachada tradicional,\n              aberturas existentes y elementos vinculados a la configuraci\u00f3n\n              original del edificio.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- PROYECTO 03 -->\n\n        <article class=\"ptf-project ptf-project--six\">\n\n          <div class=\"ptf-project-media\">\n\n            <img loading=\"lazy\" decoding=\"async\"\n              src=\"https:\/\/arquitecturajordihernandez.com\/wp-content\/uploads\/2025\/12\/ObraPals4.webp\"\n              alt=\"Intervenci\u00f3n arquitect\u00f3nica en una edificaci\u00f3n de piedra\"\n              width=\"900\"\n              height=\"750\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"ptf-project-number\">03<\/span>\n\n          <\/div>\n\n          <div class=\"ptf-project-content\">\n\n            <div class=\"ptf-project-meta\">\n              <span>Edificaci\u00f3n existente<\/span>\n              <span>Rehabilitaci\u00f3n<\/span>\n            <\/div>\n\n            <h3>Intervenci\u00f3n en una edificaci\u00f3n de piedra<\/h3>\n\n            <p>\n              Trabajo sobre una construcci\u00f3n con muros de piedra y aberturas\n              tradicionales, donde la relaci\u00f3n entre los materiales existentes\n              y las nuevas soluciones requiere una atenci\u00f3n espec\u00edfica.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- PROYECTO 04 -->\n\n        <article class=\"ptf-project ptf-project--six\">\n\n          <div class=\"ptf-project-media\">\n\n            <img loading=\"lazy\" decoding=\"async\"\n              src=\"https:\/\/arquitecturajordihernandez.com\/wp-content\/uploads\/2025\/12\/VillaGolf8.webp\"\n              alt=\"Vol\u00famenes, cubiertas y espacios exteriores de un proyecto residencial\"\n              width=\"900\"\n              height=\"750\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"ptf-project-number\">04<\/span>\n\n          <\/div>\n\n          <div class=\"ptf-project-content\">\n\n            <div class=\"ptf-project-meta\">\n              <span>Vivienda<\/span>\n              <span>Proyecto residencial<\/span>\n            <\/div>\n\n            <h3>Proyecto residencial<\/h3>\n\n            <p>\n              Conjunto formado por distintos vol\u00famenes, cubiertas, terrazas y\n              espacios exteriores que establecen una relaci\u00f3n directa entre\n              la edificaci\u00f3n, los recorridos y las zonas de uso.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- PROYECTO 05 -->\n\n        <article class=\"ptf-project ptf-project--seven\">\n\n          <div class=\"ptf-project-media\">\n\n            <img loading=\"lazy\" decoding=\"async\"\n              src=\"https:\/\/arquitecturajordihernandez.com\/wp-content\/uploads\/2025\/12\/CarrerAmple1.webp\"\n              alt=\"Fachada urbana de un edificio residencial rehabilitado\"\n              width=\"1050\"\n              height=\"850\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"ptf-project-number\">05<\/span>\n\n          <\/div>\n\n          <div class=\"ptf-project-content\">\n\n            <div class=\"ptf-project-meta\">\n              <span>Edificio residencial<\/span>\n              <span>Rehabilitaci\u00f3n<\/span>\n            <\/div>\n\n            <h3>Rehabilitaci\u00f3n de un edificio residencial<\/h3>\n\n            <p>\n              Intervenci\u00f3n en un edificio integrado en un entorno urbano, con\n              balcones, fachadas continuas y distintos usos dentro de una\n              misma construcci\u00f3n.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n        <!-- PROYECTO 06 -->\n\n        <article class=\"ptf-project ptf-project--five\">\n\n          <div class=\"ptf-project-media\">\n\n            <img loading=\"lazy\" decoding=\"async\"\n              src=\"https:\/\/arquitecturajordihernandez.com\/wp-content\/uploads\/2025\/12\/Aiguaxelida3.webp\"\n              alt=\"Espacio interior de una vivienda reformada\"\n              width=\"850\"\n              height=\"900\"\n              loading=\"lazy\"\n            >\n\n            <span class=\"ptf-project-number\">06<\/span>\n\n          <\/div>\n\n          <div class=\"ptf-project-content\">\n\n            <div class=\"ptf-project-meta\">\n              <span>Vivienda<\/span>\n              <span>Espacio interior<\/span>\n            <\/div>\n\n            <h3>Intervenci\u00f3n en espacios interiores<\/h3>\n\n            <p>\n              La distribuci\u00f3n, la luz natural, las aberturas y los materiales\n              definen la relaci\u00f3n entre los distintos espacios de uso\n              cotidiano.\n            <\/p>\n\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       LECTURA T\u00c9CNICA\n       ======================================================= -->\n\n  <section class=\"ptf-section\">\n    <div class=\"ptf-container ptf-technical-grid\">\n\n      <img loading=\"lazy\" decoding=\"async\"\n        class=\"ptf-technical-image\"\n        src=\"https:\/\/arquitecturajordihernandez.com\/wp-content\/uploads\/2025\/12\/ObraPals3.webp\"\n        alt=\"Trabajos t\u00e9cnicos en un edificio existente\"\n        width=\"850\"\n        height=\"1100\"\n        loading=\"lazy\"\n      >\n\n      <div class=\"ptf-technical-copy\">\n\n        <span class=\"ptf-eyebrow\">\n          M\u00e1s all\u00e1 de la imagen\n        <\/span>\n\n        <h2>\u00bfQu\u00e9 comparten proyectos tan diferentes?<\/h2>\n\n        <p>\n          Aunque cada edificio tenga una configuraci\u00f3n propia, hay aspectos\n          que se repiten en cualquier intervenci\u00f3n t\u00e9cnica.\n        <\/p>\n\n        <p>\n          Es necesario comprender el punto de partida, coordinar las\n          decisiones y comprobar c\u00f3mo se trasladan a la realidad de la obra.\n        <\/p>\n\n        <div class=\"ptf-technical-list\">\n\n          <article class=\"ptf-technical-item\">\n\n            <span class=\"ptf-technical-number\">01<\/span>\n\n            <div>\n              <h3>Condiciones existentes<\/h3>\n\n              <p>\n                Materiales, distribuci\u00f3n, estructura, instalaciones y\n                caracter\u00edsticas propias del inmueble.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n          <article class=\"ptf-technical-item\">\n\n            <span class=\"ptf-technical-number\">02<\/span>\n\n            <div>\n              <h3>Soluciones aplicables<\/h3>\n\n              <p>\n                Las decisiones deben poder ejecutarse y adaptarse a las\n                condiciones reales del edificio.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n          <article class=\"ptf-technical-item\">\n\n            <span class=\"ptf-technical-number\">03<\/span>\n\n            <div>\n              <h3>Visi\u00f3n global<\/h3>\n\n              <p>\n                Una modificaci\u00f3n en una parte de la obra puede afectar a otros\n                elementos, fases o profesionales implicados.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n          <article class=\"ptf-technical-item\">\n\n            <span class=\"ptf-technical-number\">04<\/span>\n\n            <div>\n              <h3>Comunicaci\u00f3n t\u00e9cnica<\/h3>\n\n              <p>\n                Coordinar criterios e informaci\u00f3n ayuda a reducir\n                interpretaciones durante la ejecuci\u00f3n.\n              <\/p>\n            <\/div>\n\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       TRABAJO NO VISIBLE\n       ======================================================= -->\n\n  <section class=\"ptf-section ptf-section--dark\">\n    <div class=\"ptf-container\">\n\n      <div class=\"ptf-section-heading\">\n\n        <span class=\"ptf-eyebrow\">\n          Detr\u00e1s de las fotograf\u00edas\n        <\/span>\n\n        <h2>Un proyecto no es solo el resultado final<\/h2>\n\n        <p>\n          Una parte importante del trabajo t\u00e9cnico se desarrolla antes y\n          durante la ejecuci\u00f3n, cuando es necesario revisar, comprobar,\n          coordinar y resolver.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"ptf-value-grid\">\n\n        <article class=\"ptf-value-card\">\n\n          <span class=\"ptf-value-icon\">01<\/span>\n\n          <h3>Revisi\u00f3n documental<\/h3>\n\n          <p>\n            Comprobaci\u00f3n de los planos, las soluciones previstas y los puntos\n            que necesitan una definici\u00f3n m\u00e1s precisa.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"ptf-value-card\">\n\n          <span class=\"ptf-value-icon\">02<\/span>\n\n          <h3>Lectura del estado existente<\/h3>\n\n          <p>\n            An\u00e1lisis de los materiales, las instalaciones y los condicionantes\n            que pueden afectar a la intervenci\u00f3n.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"ptf-value-card\">\n\n          <span class=\"ptf-value-icon\">03<\/span>\n\n          <h3>Control sobre el terreno<\/h3>\n\n          <p>\n            Revisi\u00f3n de los trabajos ejecutados y de su correspondencia con\n            las soluciones definidas.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"ptf-value-card\">\n\n          <span class=\"ptf-value-icon\">04<\/span>\n\n          <h3>Coordinaci\u00f3n profesional<\/h3>\n\n          <p>\n            Comunicaci\u00f3n entre la propiedad, los t\u00e9cnicos, la constructora y\n            los distintos industriales.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"ptf-value-card\">\n\n          <span class=\"ptf-value-icon\">05<\/span>\n\n          <h3>Resoluci\u00f3n de incidencias<\/h3>\n\n          <p>\n            An\u00e1lisis de las situaciones que aparecen durante la obra y\n            valoraci\u00f3n de posibles alternativas.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"ptf-value-card\">\n\n          <span class=\"ptf-value-icon\">06<\/span>\n\n          <h3>Seguimiento de cambios<\/h3>\n\n          <p>\n            Revisi\u00f3n de las modificaciones y de su posible incidencia sobre el\n            conjunto del proyecto.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       PROCESO\n       ======================================================= -->\n\n  <section class=\"ptf-section\">\n    <div class=\"ptf-container\">\n\n      <div class=\"ptf-section-heading\">\n\n        <span class=\"ptf-eyebrow\">\n          Metodolog\u00eda\n        <\/span>\n\n        <h2>C\u00f3mo trabajo en cada proyecto<\/h2>\n\n        <p>\n          El seguimiento se adapta al tipo de intervenci\u00f3n, a la fase de la\n          obra y al alcance concreto del encargo.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"ptf-process-grid\">\n\n        <article class=\"ptf-process-step\">\n\n          <span class=\"ptf-process-number\">01<\/span>\n\n          <h3>An\u00e1lisis inicial<\/h3>\n\n          <p>\n            Reviso la documentaci\u00f3n disponible, las caracter\u00edsticas del\n            inmueble y la fase en la que se encuentra el proyecto.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"ptf-process-step\">\n\n          <span class=\"ptf-process-number\">02<\/span>\n\n          <h3>Planificaci\u00f3n<\/h3>\n\n          <p>\n            Se definen los puntos de control, las fases de trabajo y las\n            necesidades de coordinaci\u00f3n.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"ptf-process-step\">\n\n          <span class=\"ptf-process-number\">03<\/span>\n\n          <h3>Comprobaciones<\/h3>\n\n          <p>\n            Durante la obra, reviso los trabajos incluidos en el servicio y\n            las incidencias que pueden afectar a la ejecuci\u00f3n.\n          <\/p>\n\n        <\/article>\n\n        <article class=\"ptf-process-step\">\n\n          <span class=\"ptf-process-number\">04<\/span>\n\n          <h3>Coordinaci\u00f3n y resoluci\u00f3n<\/h3>\n\n          <p>\n            Analizo las cuestiones t\u00e9cnicas, explico las opciones y facilito\n            la coordinaci\u00f3n necesaria.\n          <\/p>\n\n        <\/article>\n\n      <\/div>\n\n      <div class=\"ptf-process-cta\">\n\n        <p>\n          \u00bfTienes un proyecto en preparaci\u00f3n o una obra que necesita\n          seguimiento t\u00e9cnico?\n        <\/p>\n\n        <a\n          href=\"https:\/\/arquitecturajordihernandez.com\/es\/contacto\/\"\n          class=\"ptf-button\"\n        >\n          Expl\u00edcame tu proyecto\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       SERVICIOS RELACIONADOS\n       ======================================================= -->\n\n  <section class=\"ptf-section ptf-section--soft\">\n    <div class=\"ptf-container\">\n\n      <div class=\"ptf-section-heading\">\n\n        <span class=\"ptf-eyebrow\">\n          Seg\u00fan el tipo de intervenci\u00f3n\n        <\/span>\n\n        <h2>\u00bfQu\u00e9 servicio t\u00e9cnico necesita tu proyecto?<\/h2>\n\n        <p>\n          Cada servicio responde a una fase, un tipo de inmueble y unas\n          necesidades diferentes.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"ptf-services-grid\">\n\n        <a\n          href=\"https:\/\/arquitecturajordihernandez.com\/es\/servicios\/direccion-ejecucion-obras-girona\/\"\n          class=\"ptf-service\"\n        >\n\n          <span class=\"ptf-service-number\">01<\/span>\n\n          <div>\n            <h3>Direcci\u00f3n de ejecuci\u00f3n de obras<\/h3>\n\n            <p>\n              Control de los materiales, los procesos constructivos y las\n              unidades ejecutadas.\n            <\/p>\n          <\/div>\n\n          <span class=\"ptf-service-arrow\">\u2192<\/span>\n\n        <\/a>\n\n        <a\n          href=\"https:\/\/arquitecturajordihernandez.com\/es\/servicios\/reformas-rehabilitaciones-girona\/\"\n          class=\"ptf-service\"\n        >\n\n          <span class=\"ptf-service-number\">02<\/span>\n\n          <div>\n            <h3>Reformas y rehabilitaciones<\/h3>\n\n            <p>\n              An\u00e1lisis del estado existente, definici\u00f3n de las actuaciones y\n              seguimiento t\u00e9cnico.\n            <\/p>\n          <\/div>\n\n          <span class=\"ptf-service-arrow\">\u2192<\/span>\n\n        <\/a>\n\n        <a\n          href=\"https:\/\/arquitecturajordihernandez.com\/es\/servicios\/proyectos-actividad-licencias-girona\/\"\n          class=\"ptf-service\"\n        >\n\n          <span class=\"ptf-service-number\">03<\/span>\n\n          <div>\n            <h3>Proyectos de actividad y licencias<\/h3>\n\n            <p>\n              Viabilidad del local, adaptaciones necesarias y documentaci\u00f3n\n              t\u00e9cnica.\n            <\/p>\n          <\/div>\n\n          <span class=\"ptf-service-arrow\">\u2192<\/span>\n\n        <\/a>\n\n        <a\n          href=\"https:\/\/arquitecturajordihernandez.com\/es\/servicios\/informes-certificados-tecnicos-girona\/\"\n          class=\"ptf-service\"\n        >\n\n          <span class=\"ptf-service-number\">04<\/span>\n\n          <div>\n            <h3>Informes y certificados t\u00e9cnicos<\/h3>\n\n            <p>\n              Documentaci\u00f3n sobre el estado, las superficies o la descripci\u00f3n\n              t\u00e9cnica de un inmueble.\n            <\/p>\n          <\/div>\n\n          <span class=\"ptf-service-arrow\">\u2192<\/span>\n\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       PERFIL\n       ======================================================= -->\n\n  <section class=\"ptf-section\">\n    <div class=\"ptf-container ptf-profile\">\n\n      <div class=\"ptf-profile-intro\">\n\n        <span class=\"ptf-eyebrow\">\n          Atenci\u00f3n directa\n        <\/span>\n\n        <h2>Seguimiento directo con Jordi Hern\u00e1ndez<\/h2>\n\n        <p>\n          Soy Jordi Hern\u00e1ndez, arquitecto t\u00e9cnico colegiado n\u00famero 1493.\n        <\/p>\n\n        <p>\n          Me implico directamente en los proyectos que asumo, desde la\n          revisi\u00f3n inicial hasta el seguimiento de las fases contratadas.\n        <\/p>\n\n        <p>\n          Esta interlocuci\u00f3n directa me permite conocer las caracter\u00edsticas\n          de la obra y valorar las incidencias teniendo en cuenta el conjunto\n          del proyecto.\n        <\/p>\n\n        <a\n          href=\"https:\/\/arquitecturajordihernandez.com\/es\/sobre-mi\/\"\n          class=\"ptf-button ptf-button--light\"\n        >\n          Conoce a Jordi Hern\u00e1ndez\n        <\/a>\n\n      <\/div>\n\n      <div class=\"ptf-profile-points\">\n\n        <article class=\"ptf-profile-point\">\n\n          <span>01<\/span>\n\n          <div>\n            <h3>Un \u00fanico interlocutor t\u00e9cnico<\/h3>\n\n            <p>\n              Tratar\u00e1s directamente con el profesional que revisa la\n              documentaci\u00f3n y sigue la evoluci\u00f3n de la obra.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <article class=\"ptf-profile-point\">\n\n          <span>02<\/span>\n\n          <div>\n            <h3>Criterio constructivo<\/h3>\n\n            <p>\n              Las soluciones se analizan teniendo en cuenta las condiciones\n              reales del edificio y su aplicaci\u00f3n sobre el terreno.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n        <article class=\"ptf-profile-point\">\n\n          <span>03<\/span>\n\n          <div>\n            <h3>Comunicaci\u00f3n clara<\/h3>\n\n            <p>\n              Conocer\u00e1s los aspectos que deben revisarse y los criterios\n              t\u00e9cnicos que justifican las decisiones.\n            <\/p>\n          <\/div>\n\n        <\/article>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- =======================================================\n       CTA FINAL\n       ======================================================= -->\n\n  <section class=\"ptf-final\">\n    <div class=\"ptf-container\">\n\n      <div class=\"ptf-final-inner\">\n\n        <span class=\"ptf-eyebrow\">\n          Primera conversaci\u00f3n\n        <\/span>\n\n        <h2>\u00bfTienes una obra o una reforma en preparaci\u00f3n?<\/h2>\n\n        <p>\n          Expl\u00edcame qu\u00e9 tipo de proyecto est\u00e1s valorando, d\u00f3nde se encuentra\n          y en qu\u00e9 fase est\u00e1.\n        <\/p>\n\n        <p>\n          Puedes indicar si ya dispones de proyecto, planos, fotograf\u00edas,\n          presupuestos o cualquier otra documentaci\u00f3n que ayude a comprender\n          el punto de partida.\n        <\/p>\n\n        <a\n          href=\"https:\/\/arquitecturajordihernandez.com\/es\/contacto\/\"\n          class=\"ptf-button ptf-button--light\"\n        >\n          Expl\u00edcame tu proyecto\n        <\/a>\n\n        <div class=\"ptf-final-note\">\n          Contactar\u00e1s directamente con Jordi Hern\u00e1ndez, arquitecto t\u00e9cnico\n          colegiado n\u00famero 1493.\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n<\/main>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>01 PORTFOLIO T\u00c9CNICO Jordi Hern\u00e1ndez \u00b7 Arquitecto t\u00e9cnico Proyectos de arquitectura t\u00e9cnica en Girona Obras, reformas y rehabilitaciones con seguimiento t\u00e9cnico directo en Girona y la Costa Brava. Una selecci\u00f3n de intervenciones en viviendas y edificios existentes en las que la coordinaci\u00f3n, el control t\u00e9cnico y el seguimiento de la ejecuci\u00f3n forman parte del proceso. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-583","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Proyectos de arquitectura t\u00e9cnica en Girona | Jordi Hern\u00e1ndez<\/title>\n<meta name=\"description\" content=\"Descubre proyectos de arquitectura t\u00e9cnica en Girona y la Costa Brava: reformas, rehabilitaciones y obras con seguimiento t\u00e9cnico directo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/arquitecturajordihernandez.com\/es\/proyectos\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Proyectos de arquitectura t\u00e9cnica en Girona | Jordi Hern\u00e1ndez\" \/>\n<meta property=\"og:description\" content=\"Descubre proyectos de arquitectura t\u00e9cnica en Girona y la Costa Brava: reformas, rehabilitaciones y obras con seguimiento t\u00e9cnico directo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/arquitecturajordihernandez.com\/es\/proyectos\/\" \/>\n<meta property=\"og:site_name\" content=\"Arquitectura Jordi Hernandez\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-20T15:00:17+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/proyectos\\\/\",\"url\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/proyectos\\\/\",\"name\":\"Proyectos de arquitectura t\u00e9cnica en Girona | Jordi Hern\u00e1ndez\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/#website\"},\"datePublished\":\"2025-11-18T10:29:22+00:00\",\"dateModified\":\"2026-07-20T15:00:17+00:00\",\"description\":\"Descubre proyectos de arquitectura t\u00e9cnica en Girona y la Costa Brava: reformas, rehabilitaciones y obras con seguimiento t\u00e9cnico directo.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/proyectos\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/proyectos\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/proyectos\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Proyectos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/\",\"name\":\"Arquitectura Jordi Hernandez\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/#organization\",\"name\":\"Arquitectura Jordi Hernandez\",\"url\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/favicon-arquitec.webp\",\"contentUrl\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/favicon-arquitec.webp\",\"width\":80,\"height\":84,\"caption\":\"Arquitectura Jordi Hernandez\"},\"image\":{\"@id\":\"https:\\\/\\\/arquitecturajordihernandez.com\\\/es\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Proyectos de arquitectura t\u00e9cnica en Girona | Jordi Hern\u00e1ndez","description":"Descubre proyectos de arquitectura t\u00e9cnica en Girona y la Costa Brava: reformas, rehabilitaciones y obras con seguimiento t\u00e9cnico directo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/arquitecturajordihernandez.com\/es\/proyectos\/","og_locale":"es_ES","og_type":"article","og_title":"Proyectos de arquitectura t\u00e9cnica en Girona | Jordi Hern\u00e1ndez","og_description":"Descubre proyectos de arquitectura t\u00e9cnica en Girona y la Costa Brava: reformas, rehabilitaciones y obras con seguimiento t\u00e9cnico directo.","og_url":"https:\/\/arquitecturajordihernandez.com\/es\/proyectos\/","og_site_name":"Arquitectura Jordi Hernandez","article_modified_time":"2026-07-20T15:00:17+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"16 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/arquitecturajordihernandez.com\/es\/proyectos\/","url":"https:\/\/arquitecturajordihernandez.com\/es\/proyectos\/","name":"Proyectos de arquitectura t\u00e9cnica en Girona | Jordi Hern\u00e1ndez","isPartOf":{"@id":"https:\/\/arquitecturajordihernandez.com\/es\/#website"},"datePublished":"2025-11-18T10:29:22+00:00","dateModified":"2026-07-20T15:00:17+00:00","description":"Descubre proyectos de arquitectura t\u00e9cnica en Girona y la Costa Brava: reformas, rehabilitaciones y obras con seguimiento t\u00e9cnico directo.","breadcrumb":{"@id":"https:\/\/arquitecturajordihernandez.com\/es\/proyectos\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/arquitecturajordihernandez.com\/es\/proyectos\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/arquitecturajordihernandez.com\/es\/proyectos\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/arquitecturajordihernandez.com\/es\/"},{"@type":"ListItem","position":2,"name":"Proyectos"}]},{"@type":"WebSite","@id":"https:\/\/arquitecturajordihernandez.com\/es\/#website","url":"https:\/\/arquitecturajordihernandez.com\/es\/","name":"Arquitectura Jordi Hernandez","description":"","publisher":{"@id":"https:\/\/arquitecturajordihernandez.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/arquitecturajordihernandez.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/arquitecturajordihernandez.com\/es\/#organization","name":"Arquitectura Jordi Hernandez","url":"https:\/\/arquitecturajordihernandez.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/arquitecturajordihernandez.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/arquitecturajordihernandez.com\/wp-content\/uploads\/2025\/11\/favicon-arquitec.webp","contentUrl":"https:\/\/arquitecturajordihernandez.com\/wp-content\/uploads\/2025\/11\/favicon-arquitec.webp","width":80,"height":84,"caption":"Arquitectura Jordi Hernandez"},"image":{"@id":"https:\/\/arquitecturajordihernandez.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/arquitecturajordihernandez.com\/es\/wp-json\/wp\/v2\/pages\/583","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arquitecturajordihernandez.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arquitecturajordihernandez.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arquitecturajordihernandez.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/arquitecturajordihernandez.com\/es\/wp-json\/wp\/v2\/comments?post=583"}],"version-history":[{"count":18,"href":"https:\/\/arquitecturajordihernandez.com\/es\/wp-json\/wp\/v2\/pages\/583\/revisions"}],"predecessor-version":[{"id":1179,"href":"https:\/\/arquitecturajordihernandez.com\/es\/wp-json\/wp\/v2\/pages\/583\/revisions\/1179"}],"wp:attachment":[{"href":"https:\/\/arquitecturajordihernandez.com\/es\/wp-json\/wp\/v2\/media?parent=583"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}