:root{--navy:#132241;--navy2:#0d1a30;--blue:#2661a8;--terracotta:#a8543f;--terracotta2:#8a4433;--ink:#1c2531;--gray:#657080;--line:#e1e6ee;--bg:#f6f7f9;--white:#fff;--green:#287a52;--amber:#b67818;--shadow:0 18px 45px rgba(13,26,48,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}h1,h2,h3,h4{font-family:Poppins,Arial,sans-serif;color:var(--navy);line-height:1.16;margin:0}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.eyebrow{font:700 12px Poppins;letter-spacing:.09em;text-transform:uppercase;color:var(--terracotta)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;border-radius:6px;font:600 14px Poppins;border:1px solid transparent;transition:.2s}.btn-primary{background:var(--terracotta);color:#fff}.btn-primary:hover{background:var(--terracotta2)}.btn-outline{border-color:var(--navy);color:var(--navy)}.btn-outline:hover{background:var(--navy);color:#fff}.btn-light{background:#fff;color:var(--navy)}
header{position:sticky;top:0;z-index:20;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}.navrow{min-height:84px;display:flex;align-items:center;gap:28px}.brand{width:174px;flex:0 0 174px}.brand img{width:100%;height:auto}.navrow nav{margin-left:auto}.navrow ul{list-style:none;display:flex;align-items:center;gap:24px;margin:0;padding:0}.navrow nav a{font:500 14px Poppins;color:rgba(255,255,255,.84)}.navrow nav a:hover,.navrow nav a.active{color:#fff}.nav-cta{background:var(--blue);padding:11px 17px;border-radius:5px;color:#fff!important}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}
.portfolio-hero{background:linear-gradient(110deg,rgba(13,26,48,.95),rgba(19,34,65,.80)),url('../img/hero-san-damian.webp') center/cover;min-height:520px;color:#fff;display:flex;align-items:center}.portfolio-hero h1{color:#fff;font-size:clamp(38px,5.3vw,66px);max-width:820px;margin:14px 0 18px}.portfolio-hero p{max-width:680px;color:rgba(255,255,255,.82);font-size:18px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.summary-strip{background:var(--navy2);color:#fff}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr)}.summary-item{padding:30px 20px;text-align:center;border-right:1px solid rgba(255,255,255,.1)}.summary-item:last-child{border:0}.summary-item strong{display:block;font:800 29px Poppins}.summary-item span{font-size:12px;color:rgba(255,255,255,.65);text-transform:uppercase;letter-spacing:.06em}
.section{padding:84px 0}.section-alt{background:var(--bg)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:38px}.section-head>div{max-width:720px}.section-head h2{font-size:clamp(30px,3.4vw,43px);margin:10px 0 10px}.section-head p{margin:0;color:var(--gray)}
.toolbar{display:grid;grid-template-columns:1fr auto;gap:18px;margin-bottom:32px}.searchbox{position:relative}.searchbox input{width:100%;height:50px;border:1px solid var(--line);border-radius:7px;padding:0 18px;font-size:15px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;font:600 12px Poppins;cursor:pointer}.filter.active,.filter:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:0 8px 25px rgba(13,26,48,.05);transition:.25s}.project-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.project-card figure{height:225px;margin:0;overflow:hidden;position:relative}.project-card figure img{width:100%;height:100%;object-fit:cover;transition:.35s}.project-card:hover figure img{transform:scale(1.035)}.status{position:absolute;top:14px;left:14px;padding:7px 10px;border-radius:999px;font:700 11px Poppins;color:#fff}.status.received{background:var(--green)}.status.reception{background:var(--amber)}.status.execution{background:var(--blue)}.card-body{padding:24px}.client{font:700 12px Poppins;text-transform:uppercase;letter-spacing:.07em;color:var(--terracotta)}.card-body h3{font-size:22px;margin:8px 0 7px}.meta{font-size:14px;color:var(--gray);margin-bottom:16px}.tags{display:flex;flex-wrap:wrap;gap:7px}.tag{background:var(--bg);border:1px solid var(--line);padding:5px 9px;border-radius:4px;font-size:11px;color:var(--gray)}.card-link{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font:600 13px Poppins;color:var(--navy)}
.specialty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.specialty{background:#fff;border:1px solid var(--line);border-radius:9px;padding:25px}.specialty .icon{width:42px;height:42px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;margin-bottom:18px}.specialty h3{font-size:18px;margin-bottom:8px}.specialty p{font-size:14px;color:var(--gray);margin:0}.evidence{background:var(--navy);color:#fff}.evidence h2{color:#fff}.evidence p{color:rgba(255,255,255,.72)}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.evidence-card{border:1px solid rgba(255,255,255,.16);border-radius:9px;padding:25px;background:rgba(255,255,255,.04)}.evidence-card h3{color:#fff;font-size:18px;margin-bottom:8px}.evidence-card p{font-size:14px;margin:0}.cta{background:var(--terracotta);color:#fff}.cta h2{color:#fff}.cta-row{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta-row p{margin:10px 0 0;color:rgba(255,255,255,.82)}
.project-hero{min-height:620px;display:flex;align-items:end;color:#fff;background:linear-gradient(0deg,rgba(13,26,48,.92),rgba(13,26,48,.18)),url('../img/hero-san-damian.webp') center/cover}.project-hero-content{padding:90px 0 58px}.project-hero h1{font-size:clamp(42px,6vw,72px);color:#fff;margin:13px 0}.project-hero p{max-width:700px;color:rgba(255,255,255,.83);font-size:18px}.project-facts{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);margin-top:-38px;position:relative;z-index:2}.fact{padding:23px;border-right:1px solid var(--line)}.fact:last-child{border:0}.fact small{display:block;color:var(--gray);font-size:11px;text-transform:uppercase;letter-spacing:.07em;margin-bottom:5px}.fact strong{font:600 14px Poppins;color:var(--navy)}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.story{border-top:4px solid var(--terracotta);background:var(--bg);padding:28px;border-radius:7px}.story h3{font-size:20px;margin-bottom:10px}.story p{color:var(--gray);font-size:14px;margin:0}.progress-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:30px}.progress-row{display:grid;grid-template-columns:210px 1fr 70px;gap:18px;align-items:center;margin:18px 0}.bar{height:10px;background:#e7ebf1;border-radius:999px;overflow:hidden}.bar span{display:block;height:100%;background:var(--blue);border-radius:inherit}.bar.amber span{background:var(--amber)}.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:28px}.step{position:relative;text-align:center;padding-top:34px;font:600 12px Poppins;color:var(--gray)}.step:before{content:'✓';position:absolute;top:0;left:50%;transform:translateX(-50%);width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff}.step.current:before{content:'•';background:var(--amber)}.step:after{content:'';height:2px;background:var(--line);position:absolute;top:12px;left:60%;width:80%}.step:last-child:after{display:none}.scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.scope{padding:18px;border:1px solid var(--line);border-radius:7px;background:#fff;font:600 13px Poppins;color:var(--navy)}.scope:before{content:'✓';color:var(--green);margin-right:8px}.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.gallery figure{margin:0;overflow:hidden;border-radius:8px;background:#ddd;min-height:240px}.gallery figure:nth-child(1),.gallery figure:nth-child(4){grid-column:span 7}.gallery figure:nth-child(2),.gallery figure:nth-child(3){grid-column:span 5}.gallery img{width:100%;height:100%;object-fit:cover}.documents{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.doc{border:1px solid var(--line);border-radius:8px;padding:22px;background:#fff}.doc strong{display:block;font:600 15px Poppins;color:var(--navy)}.doc span{font-size:13px;color:var(--gray)}.doc .doc-status{margin-top:14px;font:700 11px Poppins;color:var(--amber)}
footer{background:var(--navy2);color:rgba(255,255,255,.68);padding:38px 0}.footer-row{display:flex;justify-content:space-between;gap:30px;align-items:center}.footer-row img{width:150px}.footer-row a{color:#fff}
.component-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.component-panel{border:1px solid var(--line);border-radius:10px;padding:24px}.component-panel h3{margin-bottom:14px}
@media(max-width:980px){.navrow nav{display:none}.menu-toggle{display:block;margin-left:auto}.projects-grid,.specialty-grid{grid-template-columns:repeat(2,1fr)}.summary-grid{grid-template-columns:repeat(2,1fr)}.project-facts{grid-template-columns:repeat(2,1fr)}.fact{border-bottom:1px solid var(--line)}.story-grid,.evidence-grid,.documents{grid-template-columns:1fr}.scope-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr)}.step:nth-child(3):after,.step:nth-child(6):after{display:none}}@media(max-width:650px){.wrap{width:min(100% - 28px,1180px)}.section{padding:62px 0}.portfolio-hero{min-height:480px}.section-head,.cta-row,.footer-row{display:block}.toolbar{grid-template-columns:1fr}.projects-grid,.specialty-grid,.summary-grid,.scope-grid,.project-facts,.component-grid{grid-template-columns:1fr}.summary-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.timeline{grid-template-columns:1fr}.step:after{display:none}.progress-row{grid-template-columns:1fr}.gallery figure{grid-column:1/-1!important;min-height:220px}.brand{width:145px;flex-basis:145px}.project-hero{min-height:560px}}

.gallery{columns:3 280px;column-gap:15px}.gallery a{display:block;margin-bottom:15px;break-inside:avoid;border-radius:10px;overflow:hidden}.gallery img{width:100%;transition:.25s}.gallery a:hover img{transform:scale(1.02)}.search{width:100%;padding:15px;border:1px solid #dfe4eb;border-radius:7px;margin:0 0 25px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{background:white;border:1px solid #e3e7ed;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(19,34,65,.07)}.project-card img{height:220px;width:100%;object-fit:cover}.project-card .content{padding:22px}.status.recepcion{background:#fff0c9;color:#815600}.status.ejecutado{background:#dff3e8;color:#236b46}.status.revision{background:#e9edf3;color:#596477}@media(max-width:850px){.project-grid{grid-template-columns:1fr 1fr}}@media(max-width:580px){.project-grid{grid-template-columns:1fr}.gallery{columns:2 140px}}
/* Compatibilidad y refinamiento del micrositio de portafolio */
.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;background:var(--navy);border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{min-height:82px;display:flex;align-items:center;gap:30px}
.site-header .brand{display:flex;align-items:center;width:168px;flex:0 0 168px;background:transparent;padding:0;border-radius:0}
.site-header .brand img{display:block;width:168px;height:52px;object-fit:contain;object-position:left center}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:28px}
.main-nav a{font:500 14px Poppins;color:rgba(255,255,255,.86)}
.main-nav a:hover{color:#fff}
.portfolio-hero{min-height:470px;background:linear-gradient(110deg,rgba(13,26,48,.95),rgba(19,34,65,.76)),url('../img/san-damian/san-damian-03.webp') center/cover no-repeat}
.portfolio-hero .container{padding-block:90px}
.section-heading{max-width:760px;margin-bottom:34px}.section-heading h2{font-size:clamp(30px,3.4vw,43px);margin:9px 0}.section-heading p{color:var(--gray);margin:0}
.search{width:100%;height:52px;border:1px solid var(--line);border-radius:8px;padding:0 17px;font:500 14px Inter;margin-bottom:30px;outline:none}.search:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(38,97,168,.12)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.project-grid .project-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 9px 28px rgba(13,26,48,.06);transition:.22s}
.project-grid .project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.project-grid .project-card>img{width:100%;height:230px;object-fit:cover}
.project-grid .content{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:24px}
.project-grid .content h3{font-size:22px;margin:10px 0 6px}.project-grid .content p{font-size:14px;color:var(--gray);margin:0 0 14px}.project-grid .content .btn{margin-top:auto}
.status{position:static;display:inline-flex;width:max-content;padding:7px 11px;border-radius:999px;font:700 10.5px Poppins;color:#fff}.status.recepcion{background:var(--amber)}.status.ejecutado{background:var(--green)}.status.revision{background:var(--blue)}
.muted{color:var(--gray)!important;font-weight:600}
.site-footer{background:var(--navy2);color:rgba(255,255,255,.7);padding:34px 0}.site-footer a{color:#fff}
.project-hero{min-height:590px;background-size:cover;background-position:center;display:flex;align-items:end}.project-hero>.container{padding-bottom:56px}.project-hero h1{font-size:clamp(42px,5.8vw,70px);margin:12px 0;color:#fff}.project-hero p{font-size:18px;color:rgba(255,255,255,.84)}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.tag-row .tag{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:999px;padding:7px 11px}
.project-summary{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:start}.project-summary h2{font-size:38px;margin:10px 0 14px}.project-summary p{color:var(--gray)}
.project-facts{display:grid;grid-template-columns:1fr 1fr;margin:0;border:1px solid var(--line);box-shadow:none}.project-facts>div{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.project-facts>div:nth-child(even){border-right:0}.project-facts>div:nth-last-child(-n+2){border-bottom:0}.project-facts small{display:block;color:var(--gray);font-size:11px;text-transform:uppercase}.project-facts strong{font:600 14px Poppins;color:var(--navy)}
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card,.document-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:27px}.info-card{border-top:4px solid var(--terracotta)}.info-card h3,.document-card h3{font-size:19px;margin-bottom:10px}.info-card p,.document-card p{color:var(--gray);font-size:14px;margin:0}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gallery a{display:block;height:250px;border-radius:9px;overflow:hidden;background:#e8ebef}.gallery a:nth-child(7n+1){grid-column:span 2;height:360px}.gallery img{width:100%;height:100%;object-fit:cover;transition:.25s}.gallery a:hover img{transform:scale(1.025)}
@media(max-width:900px){.main-nav{display:none}.project-grid{grid-template-columns:repeat(2,1fr)}.project-summary{grid-template-columns:1fr}.three-col{grid-template-columns:1fr}.gallery{grid-template-columns:repeat(2,1fr)}.gallery a:nth-child(7n+1){grid-column:span 2}.site-header .brand,.site-header .brand img{width:150px;flex-basis:150px}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.project-grid{grid-template-columns:1fr}.gallery{grid-template-columns:1fr}.gallery a,.gallery a:nth-child(7n+1){grid-column:span 1;height:240px}.portfolio-hero{min-height:410px}.project-hero{min-height:520px}.project-facts{grid-template-columns:1fr}.project-facts>div{border-right:0!important}.project-facts>div:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.project-facts>div:last-child{border-bottom:0}}
/* Final portfolio header correction */
.site-header{background:#132241;border-bottom:1px solid rgba(255,255,255,.08)}
.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.site-header .brand{display:flex;align-items:center;justify-content:flex-start;width:190px;max-width:190px;height:62px;overflow:hidden;flex:0 0 190px;background:transparent}
.site-header .brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:left center}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:28px;flex-wrap:wrap}
.main-nav a{color:#fff;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}
.portfolio-hero{padding:88px 0;background:linear-gradient(120deg,#0d1a30,#1c3866);color:#fff}
.portfolio-hero h1{max-width:780px;font-size:clamp(42px,6vw,72px);line-height:1.03;margin:16px 0;color:#fff}
.portfolio-hero p{max-width:720px;font-size:18px;color:rgba(255,255,255,.82)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.project-card{background:#fff;border:1px solid #e4e7ed;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(13,26,48,.07)}
.project-card>img{width:100%;height:230px;object-fit:cover}
.project-card .content{padding:24px}.project-card h3{font-size:22px;margin:12px 0 4px}.project-card p{line-height:1.55}
@media(max-width:980px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{gap:16px}.site-header .brand{width:160px;flex-basis:160px}}
@media(max-width:720px){.header-inner{min-height:78px}.site-header .brand{width:145px;max-width:145px;height:52px;flex-basis:145px}.main-nav{display:none}.project-grid{grid-template-columns:1fr}.portfolio-hero{padding:64px 0}}


/* Publicacion final v6 */
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:34px}
.topbar-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.topbar-links a{white-space:nowrap}
.topbar-location{margin-left:auto;white-space:nowrap;padding-left:28px;border-left:1px solid rgba(255,255,255,.18)}
.company-switcher{max-width:1000px;margin:0 auto}
.company-tabs{display:flex;justify-content:center;gap:18px;margin:0 0 34px}
.company-tab{min-width:275px;border:3px solid #e1e5ed;border-radius:999px;padding:18px 30px;background:#fff;color:#606979;font-family:Poppins,sans-serif;font-size:20px;font-weight:700;cursor:pointer;transition:.2s}
.company-tab.active{background:var(--navy);border-color:var(--blue);color:#fff;box-shadow:0 8px 24px rgba(19,34,65,.16)}
.company-panel{display:none;grid-template-columns:260px 1fr;align-items:center;gap:52px;padding:44px 48px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 45px rgba(19,34,65,.07)}
.company-panel.active{display:grid}
.company-panel-logo{display:flex;align-items:center;justify-content:center;min-height:150px;padding:25px;border-radius:14px;background:#f8f9fb}
.company-panel-logo img{max-width:230px;max-height:90px;width:auto;height:auto;object-fit:contain}
.company-panel h3{font-size:28px;margin-bottom:14px}.company-panel p{color:var(--gray);font-size:17px;line-height:1.75}
.team-avatar.team-photo{padding:0;overflow:hidden;background:#fff}.team-avatar.team-photo img{width:100%;height:100%;object-fit:cover;display:block}
.cline a{color:inherit;text-decoration:none}.cline a:hover{text-decoration:underline}
.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:9999;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff!important;border-radius:999px;padding:14px 20px;font-family:Poppins,sans-serif;font-weight:700;font-size:14px;box-shadow:0 12px 30px rgba(0,0,0,.22);transition:.2s}
.whatsapp-float:before{content:'●';font-size:14px;margin-right:9px}.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 15px 34px rgba(0,0,0,.28)}
@media(max-width:1050px){.topbar-location{display:none}.topbar .wrap{justify-content:center}.topbar-links{justify-content:center}.company-panel{grid-template-columns:1fr;text-align:center}.company-panel-logo{min-height:120px}}
@media(max-width:720px){.topbar-links{gap:9px 17px;font-size:11px}.company-tabs{display:grid;grid-template-columns:1fr;gap:10px}.company-tab{min-width:0;width:100%;font-size:16px;padding:14px}.company-panel{padding:28px 22px;gap:24px}.company-panel h3{font-size:23px}.company-panel p{font-size:15px}.whatsapp-float{right:14px;bottom:14px;padding:13px 16px}.whatsapp-float span{display:none}.whatsapp-float:before{margin:0;font-size:20px}}

/* Definitive v7 status and portrait fixes */
.status.ejecucion{background:#dbeafe;color:#1e5ea8}
.team-avatar.team-photo{border-radius:50%!important;overflow:hidden!important}
.team-avatar.team-photo img{border-radius:50%!important;object-fit:cover!important}
