/* Only the portfolio main content is styled here. Shared header/footer remain intact. */
.pf-main{--pf-ink:var(--ayo-navy,#092a43);--pf-green:var(--ayo-green,#426b13);--pf-accent:var(--ayo-accent,#76a923);color:var(--pf-ink);background:#fff;font-family:"Open Sans",Arial,sans-serif;overflow:clip}
.pf-main *{box-sizing:border-box}
.pf-wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}
.pf-main h1,.pf-main h2{font-family:Rajdhani,"Open Sans",sans-serif;font-weight:600;letter-spacing:-.035em;line-height:1.04;color:inherit;margin:0}
.pf-main h2{font-size:clamp(32px,3.6vw,54px)}
.pf-main p{line-height:1.8}.pf-main a{text-decoration:none}
.pf-main a:focus-visible,.pf-skip:focus-visible{outline:3px solid var(--ayo-accent);outline-offset:5px}
.pf-main section[id]{scroll-margin-top:24px}
.pf-eyebrow{font-size:11px;letter-spacing:.17em;font-weight:700;margin:0 0 24px;text-transform:uppercase}
.pf-eyebrow span{font-family:Rajdhani,sans-serif;font-size:24px;color:var(--pf-green);margin-right:12px}
.pf-overline{color:var(--pf-green);font-size:12px;font-weight:700;letter-spacing:.2em;margin:0 0 18px}
.pf-hero{background:#f3f5f0;position:relative;border-bottom:1px solid #dce3d8}
.pf-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:center;padding-block:72px}
.pf-hero h1{font-size:clamp(42px,4.6vw,70px);margin-bottom:24px}
.pf-hero h1 em{font-style:normal;color:var(--pf-green)}
.pf-hero-copy>p:not([class]){max-width:560px;font-size:15px;color:#425666}
.pf-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}
.pf-button{display:inline-flex;justify-content:space-between;align-items:center;gap:26px;padding:16px 23px;background:var(--pf-green);color:#fff;font-weight:700;font-size:13px;line-height:1.5;border:1px solid var(--pf-green);transition:background .2s,color .2s}
.pf-button:hover{color:#fff;background:var(--pf-ink);border-color:var(--pf-ink)}
.pf-button span{font-size:20px;font-weight:400}
.pf-text-link{display:inline-block;color:var(--pf-ink);font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}
.pf-text-link:hover{color:var(--pf-green)}
.pf-text-link span{color:inherit}
.pf-blueprint{min-height:460px;background-color:var(--pf-ink);background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:30px 30px;position:relative;display:grid;place-items:center;color:#fff;overflow:hidden}
.pf-plan{position:relative;width:66%;aspect-ratio:1;transform:rotate(-15deg);border:1px solid #ffffff80;box-shadow:16px 16px 0 -1px #092a43,16px 16px 0 0 #76a92380;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}
.pf-plan i{display:block;border:2px solid #ffffff90;position:relative}.pf-plan i:nth-child(2){border-color:var(--pf-accent);background:#76a92318}.pf-plan i:nth-child(3){grid-column:1/3;height:50%}.pf-plan i:nth-child(4){position:absolute;width:35%;height:25%;bottom:14px;right:14px;border-style:dashed}
.pf-plan b{position:absolute;left:27px;top:20px;font-size:25px;font-family:Rajdhani,sans-serif;letter-spacing:.2em;color:var(--pf-accent)}
.pf-blueprint-top{position:absolute;top:23px;left:25px;font-size:9px;letter-spacing:.12em}
.pf-blueprint-bottom{position:absolute;bottom:27px;left:25px;font-family:Rajdhani,sans-serif;font-size:24px;line-height:1.15}
.pf-blueprint-label{position:absolute;right:17px;bottom:25px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.13em;color:#cad4da}
.pf-hero-foot{display:flex;justify-content:space-between;gap:24px;padding-block:20px;border-top:1px solid #d5ddd1;font-size:11px;color:#425666}.pf-hero-foot a{color:var(--pf-ink)}
.pf-hero-foot>span{color:inherit}
.pf-intro{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding-block:90px}.pf-intro>div{max-width:760px}.pf-intro h2{margin-bottom:25px}.pf-intro p:not(.pf-eyebrow){color:#425666;font-size:15px;margin-bottom:0}
.pf-index-section{background:var(--pf-ink);color:#fff;padding:64px 0}.pf-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:36px}.pf-heading h2{max-width:650px}.pf-heading .pf-eyebrow{color:#a9cf72}
.pf-count{font-family:Rajdhani,sans-serif;font-size:65px;line-height:1;color:#a9cf72}.pf-count small{display:block;font-family:"Open Sans",sans-serif;font-size:11px;text-align:center;margin-top:8px;letter-spacing:.08em}
.pf-index{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}.pf-index a{display:flex;align-items:center;gap:14px;border-top:1px solid #ffffff28;color:#fff;padding:15px 0;font-size:13px;transition:color .2s}.pf-index a:hover{color:#b5dc80}.pf-index span{font-family:Rajdhani,sans-serif;font-size:18px;color:#a9cf72}.pf-index a:last-child{color:#b5dc80}
.pf-service{padding-block:85px;border-bottom:1px solid #dce3d8}.pf-service-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.pf-service-copy h2{margin-bottom:24px}.pf-description{font-size:15px;color:#425666}.pf-scope{padding:0;list-style:none;margin:26px 0 30px}.pf-scope li{border-top:1px solid #dce3d8;padding:12px 0 12px 20px;position:relative;font-size:13px;line-height:1.7}.pf-scope li:before{content:"";position:absolute;left:0;top:21px;width:5px;height:5px;background:var(--pf-green)}
.pf-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.pf-photo{grid-column:1/-1;margin:0;min-width:0}.pf-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;transition:filter .25s}.pf-photo a:hover img{filter:brightness(.92)}.pf-photo figcaption{font-size:12px;padding:12px 0;color:#425666}
.pf-placeholder{background:#eef1e9;border:1px solid #dbe2d4;color:#425666;position:relative;overflow:hidden}.pf-placeholder.pf-photo{width:100%;aspect-ratio:4/3;min-height:280px;display:flex;flex-direction:column;justify-content:end;padding:24px;background-image:linear-gradient(#092a4307 1px,transparent 1px),linear-gradient(90deg,#092a4307 1px,transparent 1px);background-size:32px 32px}
.pf-placeholder figcaption{position:relative;padding:0;font-size:14px}.pf-placeholder figcaption span{display:block;font-size:9px;font-weight:700;letter-spacing:.15em;margin-bottom:4px;color:var(--pf-green)}
.pf-drawing{position:absolute;inset:17% 20% 30%;display:flex;align-items:end;gap:8%;transform:skewY(-12deg)}.pf-drawing span{border:1px solid #092a433b;width:30%;height:80%}.pf-drawing span:nth-child(2){height:100%;border-color:#76a92388}.pf-drawing span:nth-child(3){height:60%}
.pf-detail{padding:20px;min-height:100px;display:flex;align-items:center;gap:12px}.pf-detail>span{font-size:24px;color:var(--pf-green)}.pf-detail p{margin:0;font-size:11px;line-height:1.5}
.pf-layout-1{background:#f6f7f3}.pf-layout-1 .pf-service-copy{order:2}.pf-layout-1 .pf-gallery{order:1}.pf-layout-1 .pf-drawing{transform:skewY(12deg)}
.pf-layout-2 .pf-service-grid{grid-template-columns:1fr 1fr;align-items:start}.pf-layout-2 .pf-gallery{grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr}.pf-layout-2 .pf-photo{grid-column:1;grid-row:1/3;height:100%;aspect-ratio:auto;min-height:400px}.pf-layout-2 .pf-detail{grid-column:2}.pf-layout-2 .pf-photo img{height:100%;object-fit:cover}
.pf-layout-3{background:#eaf0e3}.pf-layout-3 .pf-service-grid{grid-template-columns:1.15fr 1fr}.pf-layout-3 .pf-service-copy{order:2}.pf-layout-3 .pf-gallery{order:1}.pf-layout-3 .pf-placeholder{background-color:#f7f8f3}
.pf-solar{background:var(--pf-ink);color:#fff}.pf-solar .pf-description,.pf-solar .pf-eyebrow span{color:#c8d9b6}.pf-solar .pf-scope li{border-color:#ffffff30}.pf-solar .pf-scope li:before{background:var(--pf-accent)}.pf-solar .pf-button:hover{background:#fff;color:var(--pf-ink);border-color:#fff}.pf-solar .pf-placeholder{background-color:#eff5e8}
.pf-projects{padding-block:90px}.pf-projects h2{margin-bottom:24px}.pf-projects>p:not(.pf-eyebrow){color:#425666}.pf-project-list{columns:2;list-style:none;padding:0}.pf-project-list li{padding:18px 0;border-bottom:1px solid #dce3d8;break-inside:avoid}
.pf-hero-photo{margin:0;min-width:0;background:var(--pf-ink);color:#fff}
.pf-hero-photo img{width:100%;height:auto;display:block;aspect-ratio:4/3;object-fit:cover}
.pf-hero-photo figcaption{padding:16px 20px;font-size:12px;line-height:1.6}
.pf-gallery .pf-photo-extra{grid-column:auto;grid-row:auto;height:auto;min-height:0}
.pf-gallery .pf-photo-extra img{height:auto;aspect-ratio:4/3}
#diseno-arquitectonico .pf-photo img{object-fit:contain;background:#fff}
.pf-gallery .pf-more{grid-column:1/-1}
.pf-layout-2 .pf-gallery:has(.pf-photo-main){grid-template-columns:1fr 1fr;grid-template-rows:auto}
.pf-layout-2 .pf-photo-main{grid-column:1/-1;grid-row:auto;height:auto;min-height:0}
.pf-layout-2 .pf-photo-main img{height:auto;aspect-ratio:4/3}
.pf-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin-top:38px}
.pf-project-grid figure{margin:0;background:#f3f5f0}
.pf-project-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e5eadd;transition:filter .2s}
.pf-project-grid a:hover img{filter:brightness(.9)}
.pf-project-grid figcaption{font-size:14px;font-weight:700;line-height:1.6;padding:18px 20px}
@media(max-width:900px){.pf-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.pf-project-grid{grid-template-columns:1fr}}
.pf-conversion{background:#eaf0e3;padding:80px 0;text-align:center}.pf-conversion h2{font-size:clamp(38px,4.5vw,64px)}.pf-conversion p:not(.pf-eyebrow){max-width:600px;margin:24px auto 30px;color:#425666}.pf-conversion .pf-text-link{margin:20px}
.pf-skip{position:absolute;left:16px;top:0;transform:translateY(-150%);z-index:2000;background:#fff;color:#092a43;padding:12px}.pf-skip:focus{transform:none}
/* Footer remains readable when its legacy animation library is unavailable. */
.pf-page footer [data-aos]{opacity:1;transform:none}
@keyframes pf-enter{from{opacity:.5;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.pf-hero-copy{animation:pf-enter .7s ease both}.pf-service.pf-seen .pf-service-copy{animation:pf-enter .65s ease both}}
@media(max-width:1000px){.pf-wrap{width:calc(100% - 48px)}.pf-hero-grid{gap:28px;grid-template-columns:1.2fr 1fr}.pf-blueprint{min-height:390px}.pf-service-grid,.pf-layout-3 .pf-service-grid{gap:35px}.pf-index{grid-template-columns:repeat(2,1fr)}.pf-intro{gap:30px;grid-template-columns:1fr 2fr}.pf-hero-foot{flex-wrap:wrap}.pf-actions{gap:16px}}
@media(max-width:900px){.pf-wrap{width:calc(100% - 36px)}.pf-hero-grid{grid-template-columns:1fr;padding-block:38px;gap:36px}.pf-blueprint{min-height:340px;max-width:500px;width:100%;justify-self:center}.pf-plan{width:55%;max-width:230px}.pf-hero .pf-eyebrow{font-size:9px}.pf-hero-foot{font-size:10px;gap:10px}.pf-intro{display:block;padding-block:54px}.pf-intro>.pf-eyebrow{margin-bottom:22px}.pf-heading{gap:16px}.pf-count{font-size:48px}.pf-index-section{padding:45px 0}.pf-index{grid-template-columns:1fr}.pf-index a{padding:13px 0}.pf-service{padding-block:52px}.pf-service-grid,.pf-layout-2 .pf-service-grid,.pf-layout-3 .pf-service-grid{grid-template-columns:1fr;gap:30px}.pf-service .pf-service-copy{order:0}.pf-service .pf-gallery{order:1}.pf-placeholder.pf-photo{min-height:230px}.pf-layout-2 .pf-photo{min-height:300px}.pf-detail{padding:14px;min-height:90px}.pf-projects{padding-block:54px}.pf-project-list{columns:1}.pf-conversion{padding:54px 0}.pf-actions{align-items:start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.pf-main *{animation:none;transition:none;scroll-behavior:auto}}