/* Menú de compartir */
.share-btn--footer{margin-top:14px;background:rgba(255,255,255,.1);color:#fff;border:1.5px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 18px;font:500 .85rem Poppins,sans-serif;cursor:pointer;transition:background .2s}
.share-btn--footer:hover{background:#3ea33a;border-color:#3ea33a}
.lb__sharebtn{margin-top:12px;background:#3ea33a;color:#fff;border:0;border-radius:999px;padding:10px 26px;font:600 .92rem Poppins,sans-serif;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.3);transition:transform .2s,background .2s}
.lb__sharebtn:hover{background:#6bbe2e;transform:translateY(-2px)}

.sharesheet{position:fixed;inset:0;z-index:300;display:flex;align-items:flex-end;justify-content:center;background:rgba(5,22,11,.6);opacity:0;transition:opacity .25s}
.sharesheet.open{opacity:1}
.sharesheet__box{position:relative;background:#fff;width:min(520px,100%);border-radius:26px 26px 0 0;padding:22px 20px calc(24px + env(safe-area-inset-bottom));transform:translateY(40px);transition:transform .3s cubic-bezier(.2,.8,.2,1);color:#16241b;font-family:Poppins,sans-serif}
.sharesheet.open .sharesheet__box{transform:none}
@media (min-width:640px){.sharesheet{align-items:center}.sharesheet__box{border-radius:26px}}
.sharesheet__x{position:absolute;top:10px;right:12px;width:36px;height:36px;border-radius:50%;border:0;background:#eaf6e3;color:#0f3d1e;font-size:1.4rem;line-height:1;cursor:pointer}
.sharesheet__head{display:flex;gap:12px;align-items:center;padding-right:40px;margin-bottom:18px}
.sharesheet__head img{border-radius:8px;object-fit:cover;flex:none}
.sharesheet__head b{display:block;font-size:.98rem;line-height:1.3}
.sharesheet__head small{display:block;color:#66756b;font-size:.78rem;line-height:1.35;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sharesheet__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px}
.sh{display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;cursor:pointer;color:inherit;text-decoration:none;font:500 .72rem Poppins,sans-serif;text-align:center}
.sh i{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1f7a34;transition:transform .2s,box-shadow .2s}
.sh i svg{width:26px;height:26px}
.sh:hover i,.sh:focus-visible i{transform:translateY(-3px) scale(1.06);box-shadow:0 8px 18px rgba(0,0,0,.22)}
.sh--wa i{background:#25d366}.sh--fb i{background:#1877f2}.sh--x i{background:#111}.sh--tg i{background:#26a5e4}
.sh--mail i{background:#ea4335}.sh--copy i{background:#0f3d1e}.sh--img i{background:#6b3510}.sh--native i{background:linear-gradient(135deg,#1f7a34,#6bbe2e)}
.sharesheet__link{display:flex;gap:8px;margin-top:20px}
.sharesheet__link input{flex:1;min-width:0;padding:10px 12px;border:1.5px solid #e1ecdb;border-radius:12px;font:.82rem Poppins,sans-serif;color:#66756b;background:#f4faf0}
.sharesheet__link button{border:0;background:#1f7a34;color:#fff;border-radius:12px;padding:0 16px;font:600 .82rem Poppins,sans-serif;cursor:pointer}
#shareToast{position:fixed;left:50%;bottom:90px;transform:translate(-50%,16px);background:#0b2e16;color:#fff;padding:10px 20px;border-radius:999px;font:500 .86rem Poppins,sans-serif;opacity:0;pointer-events:none;transition:.3s;z-index:400}
#shareToast.show{opacity:1;transform:translate(-50%,0)}

/* Página de un trabajo */
.workpage{padding:44px 0 80px;background:linear-gradient(180deg,#f5fbf1,#fff 40%)}
.workpage__back{display:inline-block;margin-bottom:18px;color:#1f7a34;font-weight:600;font-size:.92rem}
.workpage__back:hover{text-decoration:underline}
.workpage__card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 18px 50px rgba(15,61,30,.16);border:1px solid #e3efdc;max-width:900px;margin:0 auto}
.workpage__img{width:100%;height:auto;display:block;background:#0b2e16}
.workpage__body{padding:26px 28px 30px}
.workpage__title{font-family:'Playfair Display',serif;color:#0f3d1e;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.2}
.workpage__desc{color:#5b6b60;margin-top:10px}
.workpage__cta{margin-top:16px;font-weight:600;color:#1f7a34}
.workpage__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.workpage__more{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;margin-top:24px;max-width:900px;margin-inline:auto}
.workpage__more a{border-radius:16px;overflow:hidden;background:#fff;border:1px solid #e3efdc;box-shadow:0 8px 22px rgba(15,61,30,.1);transition:transform .3s}
.workpage__more a:hover{transform:translateY(-5px)}
.workpage__more img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.workpage__more span{display:block;padding:10px 12px;font-weight:500;font-size:.88rem;color:#0f3d1e}
