@font-face{font-family:'Sen';src:url('../../tipografias/static/Sen-Regular.ttf') format('truetype');font-weight:400;font-display:swap;}
    @font-face{font-family:'Sen';src:url('../../tipografias/static/Sen-Bold.ttf') format('truetype');font-weight:700;font-display:swap;}
    @font-face{font-family:'Sen';src:url('../../tipografias/static/Sen-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap;}
    *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
    :root{--green:#78a395;--green-deep:#3f7e71;--aqua:#e4f2f3;--aqua-deep:#cfe4e6;--magenta:#9e3a80;--pink:#e79dc5;--ink:#2a2a2e;--ink-60:#5b5b5f;--cream:#fdfcf8;--white:#ffffff;--line:rgba(42,42,46,0.10);}
    html{scroll-behavior:smooth;}
    body{font-family:'Sen',system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;}
    nav{background:var(--white);border-bottom:1px solid var(--line);padding:0 clamp(20px,5vw,56px);height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;}
    .logo-nav{display:inline-flex;align-items:center;gap:6px;text-decoration:none;}
    .logo-nav svg{height:36px;width:auto;}
    .logo-wordmark{font-size:1.05rem;font-weight:800;color:var(--ink);letter-spacing:-0.01em;}
    .nav-back{font-size:0.88rem;font-weight:700;color:var(--green-deep);text-decoration:none;display:flex;align-items:center;gap:6px;border:1.5px solid var(--green-deep);border-radius:40px;padding:7px 18px;transition:background 0.2s,color 0.2s;}
    .nav-back:hover{background:var(--green-deep);color:#fff;}
    .hero{background:var(--aqua);padding:clamp(48px,8vw,88px) clamp(20px,5vw,56px) 0;}
    .hero-inner{max-width:1100px;margin:0 auto;padding-bottom:clamp(32px,5vw,56px);}
    .eyebrow{font-size:0.74rem;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--green-deep);display:block;margin-bottom:12px;}
    .hero h1{font-size:clamp(1.75rem,4vw,2.8rem);font-weight:800;line-height:1.15;margin-bottom:clamp(16px,3vw,28px);max-width:720px;}
    .hero-desc{font-size:clamp(0.95rem,1.5vw,1.05rem);color:var(--ink-60);line-height:1.75;max-width:640px;margin-bottom:clamp(24px,4vw,40px);}
    .meta-row{display:flex;gap:clamp(20px,4vw,48px);flex-wrap:wrap;}
    .meta-item label{display:block;font-size:0.7rem;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;color:var(--green-deep);margin-bottom:4px;}
    .meta-item span{font-size:0.92rem;color:var(--ink);font-weight:500;}
    .hero-img-wrap{max-width:1212px;margin:0 auto;padding:0 clamp(20px,5vw,56px);}
    .hero-img{width:100%;height:clamp(180px,35vw,380px);overflow:hidden;border-radius:20px;margin-top:-30px;position:relative;z-index:2;}
    .hero-img img{width:100%;height:100%;object-fit:cover;display:block;}
    .page-inner{max-width:1100px;margin:0 auto;padding:clamp(40px,6vw,72px) clamp(20px,5vw,56px);}
    .section{margin-bottom:clamp(48px,7vw,80px);}
    .section-label{font-size:0.74rem;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--green-deep);display:block;margin-bottom:14px;}
    .section h2{font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:800;margin-bottom:20px;line-height:1.2;}
    .section-body{font-size:0.97rem;color:var(--ink-60);line-height:1.8;max-width:760px;}
    .result-tag{display:inline-block;background:var(--green-deep);color:#fff;font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;border-radius:40px;padding:6px 16px;margin-top:20px;}
    .divider{border:none;border-top:1px solid var(--line);margin:0 0 clamp(48px,7vw,80px);}
    .proj-table{width:100%;border-collapse:collapse;}
    .proj-table thead tr{border-bottom:2px solid var(--green-deep);}
    .proj-table th{font-size:0.72rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--green-deep);text-align:left;padding:0 12px 14px 0;}
    .proj-table tbody tr{border-bottom:1px solid var(--line);}
    .proj-table tbody tr:hover{background:var(--aqua);}
    .proj-table td{padding:16px 12px 16px 0;font-size:0.88rem;color:var(--ink-60);vertical-align:top;line-height:1.55;}
    .proj-table td:first-child{font-weight:600;color:var(--ink);width:30%;}
    .proj-table td:nth-child(2){width:18%;}
    .proj-table td:nth-child(3){width:12%;}
    .proj-table td:nth-child(4){width:12%;}
    footer{background:var(--green-deep);color:#fff;padding:clamp(28px,5vw,48px) clamp(20px,5vw,56px);margin-top:0;}
    .foot-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
    footer a{color:rgba(255,255,255,0.85);text-decoration:none;font-size:0.88rem;font-weight:600;}
    footer p{font-size:0.82rem;opacity:0.65;}
    @media(max-width:640px){
      .proj-table thead{display:none;}
      .proj-table tbody tr{display:block;border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:16px;background:var(--white);}
      .proj-table td{display:block;width:100%!important;padding:4px 0;}
      .proj-table td::before{display:block;font-size:0.68rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--green-deep);}
      .proj-table td:nth-child(1)::before{content:"Proyecto";}
      .proj-table td:nth-child(2)::before{content:"Cliente";}
      .proj-table td:nth-child(3)::before{content:"Inicio";}
      .proj-table td:nth-child(4)::before{content:"Término";}
      .proj-table td:nth-child(5)::before{content:"Descripción";}
    }