/* Proyectos · curaduría editorial de producto · 2026-09-15 */
[data-projects-page]{--projects-rule:rgba(148,163,184,.16)}
[data-projects-page] .projects-hero{padding:52px 0 34px;border-bottom:1px solid var(--line-soft)}
[data-projects-page] .projects-hero .container{display:grid;gap:26px}
[data-projects-page] .projects-hero-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(290px,.68fr);gap:58px;align-items:end}
[data-projects-page] .projects-hero h1{max-width:11.5ch;margin:16px 0 18px;font-size:clamp(54px,5.8vw,78px);line-height:.96}
[data-projects-page] .projects-hero p{max-width:760px;margin:0;color:#c7d1de;font-size:16px;line-height:1.72}
[data-projects-page] .projects-hero-note{padding:18px 0 2px 25px;border-left:1px solid #344359}
[data-projects-page] .projects-hero-note>span{display:block;margin-bottom:9px;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
[data-projects-page] .projects-hero-note strong{display:block;color:#f1f4f8;font-family:"Instrument Serif",Georgia,serif;font-size:27px;font-weight:400;line-height:1.08}
[data-projects-page] .projects-hero-note p{margin-top:10px;color:#8f9db0;font-size:12.5px;line-height:1.58}
[data-projects-page] .projects-framework{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--projects-rule);border-bottom:1px solid var(--projects-rule)}
[data-projects-page] .projects-framework>div{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:13px 20px 14px 0;border-right:1px solid var(--projects-rule)}
[data-projects-page] .projects-framework>div+div{padding-left:20px}
[data-projects-page] .projects-framework>div:last-child{border-right:0}
[data-projects-page] .projects-framework>div>span{padding-top:1px;color:#66768a;font-family:"Instrument Serif",Georgia,serif;font-size:22px;line-height:1}
[data-projects-page] .projects-framework strong{display:block;color:#e8edf3;font-size:12px}
[data-projects-page] .projects-framework small{display:block;margin-top:3px;color:#8190a4;font-size:10.5px;line-height:1.42}
[data-projects-page] .projects-showcase{padding:30px 0 32px}
[data-projects-page] .projects-list{display:grid;gap:22px}
[data-projects-page] .project-feature{position:relative;display:grid;grid-template-columns:minmax(0,1.56fr) minmax(330px,.74fr);min-height:500px;border:1px solid #28384d;border-radius:18px;background:linear-gradient(145deg,#101925,#0d1621);box-shadow:0 20px 52px rgba(0,0,0,.17);overflow:hidden;transform:none}
[data-projects-page] .project-feature:hover{transform:none;border-color:#3a4b63}
[data-projects-page] .project-feature:nth-child(even){grid-template-columns:minmax(330px,.74fr) minmax(0,1.56fr)}
[data-projects-page] .project-feature:nth-child(even) .project-visual{order:2;border-right:0;border-left:1px solid var(--line)}
[data-projects-page] .project-feature:nth-child(even) .card-body{order:1}
[data-projects-page] .project-visual{position:relative;min-width:0;min-height:500px;height:auto;border-right:1px solid var(--line);border-bottom:0;background:#09131e;overflow:hidden}
[data-projects-page] .project-feature .card-body{position:relative;display:flex;flex-direction:column;justify-content:center;padding:30px 30px 28px;background:linear-gradient(180deg,rgba(255,255,255,.005),transparent 36%)}
[data-projects-page] .project-case-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
[data-projects-page] .project-case-no{color:#536378;font-family:"Instrument Serif",Georgia,serif;font-size:32px;line-height:1}
[data-projects-page] .project-feature .category{font-size:10.5px;letter-spacing:.12em}
[data-projects-page] .project-feature .card-title{margin:0 0 13px;font-family:"Instrument Serif",Georgia,serif;font-size:34px;font-weight:400;line-height:1.03;letter-spacing:-.015em;text-wrap:balance}
[data-projects-page] .project-feature .card-copy{margin:0;color:#acb8c7;font-size:13.5px;line-height:1.66}
[data-projects-page] .project-context{display:grid;gap:0;margin:21px 0 0;border-top:1px solid var(--projects-rule)}
[data-projects-page] .project-context>div{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--projects-rule)}
[data-projects-page] .project-context small{margin:1px 0 0;color:#75869a;font-size:10px;line-height:1.4;letter-spacing:.11em}
[data-projects-page] .project-context strong{color:#d1dbe6;font-size:12px;font-weight:500;line-height:1.5}
[data-projects-page] .project-case--territory{--case-accent:#73a69c}[data-projects-page] .project-case--commercial{--case-accent:#43c7da}[data-projects-page] .project-case--evaluation{--case-accent:#d8b466}[data-projects-page] .project-case--electoral{--case-accent:#a85a66}
[data-projects-page] .project-feature:before{content:"";position:absolute;z-index:5;left:0;top:0;width:3px;height:78px;background:linear-gradient(to bottom,var(--case-accent),transparent);pointer-events:none}
[data-projects-page] .project-feature:nth-child(even):before{left:auto;right:0}
[data-projects-page] .project-visual:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.018)}
.project-demo{position:relative;height:100%;min-height:500px;color:#edf3f8;font-family:Inter,system-ui,sans-serif;isolation:isolate}
.project-demo button{font:inherit}.demo-eyebrow{color:var(--demo-accent,var(--gold));font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.demo-title{margin-top:4px;color:#f5f8fb;font-size:18px;font-weight:800;line-height:1.15}.demo-subtitle{margin-top:3px;color:#8494a8;font-size:11px;line-height:1.45}
.demo-switch{display:flex;gap:5px;padding:3px;border:1px solid rgba(148,163,184,.15);border-radius:999px;background:rgba(8,16,25,.72)}.demo-switch button{appearance:none;border:0;border-radius:999px;background:transparent;color:#8192a6;padding:7px 10px;font-size:10.5px;font-weight:800;cursor:pointer}.demo-switch button.is-active{background:#1a2a3c;color:#fff;box-shadow:inset 0 0 0 1px rgba(148,163,184,.13)}
[data-projects-page] .projects-resources-section{padding:6px 0 44px}
[data-projects-page] .projects-resource-cta{position:relative;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(390px,.97fr);gap:42px;align-items:center;padding:36px 38px;border:1px solid #31455d;border-radius:18px;background:radial-gradient(circle at 94% 6%,rgba(67,199,218,.10),transparent 30%),radial-gradient(circle at 8% 100%,rgba(109,75,209,.13),transparent 34%),linear-gradient(135deg,#111d2b,#0d1723 58%,#101827);box-shadow:0 24px 64px rgba(0,0,0,.22);overflow:hidden}
[data-projects-page] .projects-resource-cta:before{content:"";position:absolute;left:0;top:0;width:170px;height:2px;background:linear-gradient(90deg,var(--purple-2),var(--cyan),transparent)}
[data-projects-page] .projects-resource-copy{position:relative;z-index:2}[data-projects-page] .projects-resource-copy h2{max-width:11ch;margin:13px 0 14px;font-size:clamp(42px,4vw,56px);line-height:.98}[data-projects-page] .projects-resource-copy p{max-width:620px;margin:0;color:#aebaca;font-size:14px;line-height:1.7}[data-projects-page] .projects-resource-copy .btn{margin-top:22px;min-height:48px;padding:0 19px;font-size:12px;box-shadow:0 14px 34px rgba(84,57,167,.20)}
.resource-library{position:relative;z-index:2;border:1px solid rgba(148,163,184,.16);border-radius:14px;background:rgba(8,15,24,.76);box-shadow:0 18px 48px rgba(0,0,0,.20);overflow:hidden}.resource-library header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-bottom:1px solid rgba(148,163,184,.11)}.resource-library header span{color:#8999aa;font-size:10.5px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.resource-library header strong{color:#dfe6ed;font-size:10.5px}
.resource-source-list{display:grid;padding:9px}.resource-source{display:grid;grid-template-columns:66px 1fr auto;gap:12px;align-items:center;padding:13px 11px;border-radius:10px}.resource-source+.resource-source{border-top:1px solid rgba(148,163,184,.09)}.resource-source:hover{background:rgba(24,38,55,.45)}.resource-source b{color:#f0f4f8;font-size:12px}.resource-source div span{display:block;color:#b7c2ce;font-size:11px;font-weight:700}.resource-source div small{display:block;margin-top:2px;color:#7e8fa3;font-size:10.5px}.resource-source em{font-style:normal;color:#93a3b6;font-size:10.5px}.resource-source i{display:block;width:42px;height:5px;margin-top:6px;border-radius:999px;background:linear-gradient(90deg,var(--source),rgba(255,255,255,.08))}.resource-source:nth-child(1){--source:#43c7da}.resource-source:nth-child(2){--source:#8a6fea}.resource-source:nth-child(3){--source:#d8b466}.resource-library footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 15px;border-top:1px solid rgba(148,163,184,.11);color:#7f90a4;font-size:10.5px}.resource-library footer strong{color:#c8d2dd;font-size:10.5px}
@media(max-width:1080px){[data-projects-page] .project-feature,[data-projects-page] .project-feature:nth-child(even){grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr)}[data-projects-page] .project-feature:nth-child(even) .project-visual{order:1;border-left:0;border-right:1px solid var(--line)}[data-projects-page] .project-feature:nth-child(even) .card-body{order:2}[data-projects-page] .project-feature .card-title{font-size:31px}}
@media(max-width:860px){[data-projects-page] .projects-hero{padding:46px 0 31px}[data-projects-page] .projects-hero-grid{grid-template-columns:1fr;gap:23px}[data-projects-page] .projects-hero-note{padding:17px 0 0;border-left:0;border-top:1px solid var(--projects-rule)}[data-projects-page] .projects-framework>div{padding-top:12px;padding-bottom:13px}[data-projects-page] .projects-showcase{padding:27px 0 31px}[data-projects-page] .project-feature,[data-projects-page] .project-feature:nth-child(even){grid-template-columns:1fr;min-height:0}[data-projects-page] .project-feature .project-visual,[data-projects-page] .project-feature:nth-child(even) .project-visual{order:1;min-height:440px;height:440px;border:0;border-bottom:1px solid var(--line)}[data-projects-page] .project-feature .card-body,[data-projects-page] .project-feature:nth-child(even) .card-body{order:2;padding:26px 25px 27px}.project-demo{min-height:440px;height:440px}[data-projects-page] .projects-resource-cta{grid-template-columns:1fr;gap:27px}}
@media(max-width:600px){[data-projects-page] .projects-hero{padding:40px 0 25px}[data-projects-page] .projects-hero h1{max-width:8ch;font-size:48px}[data-projects-page] .projects-hero p{font-size:15px;line-height:1.66}[data-projects-page] .projects-hero-note strong{font-size:24px}[data-projects-page] .projects-framework{grid-template-columns:1fr}[data-projects-page] .projects-framework>div,[data-projects-page] .projects-framework>div+div{grid-template-columns:26px 1fr;padding:10px 0;border-right:0;border-bottom:1px solid var(--projects-rule)}[data-projects-page] .projects-framework>div:last-child{border-bottom:0}[data-projects-page] .projects-list{gap:18px}[data-projects-page] .project-feature{border-radius:15px}[data-projects-page] .project-feature .project-visual,[data-projects-page] .project-feature:nth-child(even) .project-visual{height:420px;min-height:420px}[data-projects-page] .project-feature .card-body,[data-projects-page] .project-feature:nth-child(even) .card-body{padding:23px 21px 24px}[data-projects-page] .project-feature .card-title{font-size:28px}[data-projects-page] .project-feature .card-copy{font-size:13.5px}[data-projects-page] .project-context{margin-top:18px}[data-projects-page] .project-context>div{grid-template-columns:66px 1fr;gap:9px;padding:11px 0}[data-projects-page] .project-context small{font-size:10px}[data-projects-page] .project-context strong{font-size:11.5px}.project-demo{min-height:420px;height:420px}.demo-eyebrow{font-size:10px}.demo-title{font-size:15.5px}.demo-subtitle{font-size:10px}.demo-switch button{padding:6px 8px;font-size:10px}[data-projects-page] .projects-resources-section{padding:4px 0 40px}[data-projects-page] .projects-resource-cta{padding:26px 21px 22px;border-radius:15px;gap:22px}[data-projects-page] .projects-resource-copy h2{font-size:38px}[data-projects-page] .projects-resource-copy p{font-size:13.5px}[data-projects-page] .projects-resource-copy .btn{width:100%}.resource-source{grid-template-columns:54px 1fr auto;gap:9px;padding:11px 8px}.resource-source b{font-size:11px}.resource-source div span{font-size:10.5px}.resource-source div small,.resource-source em,.resource-library header span,.resource-library header strong,.resource-library footer,.resource-library footer strong{font-size:10px}}