/* Adelantos de la portada de nueva-2 (11/11/2026): Trabajos (de trabajos-e1) y Cómo trabajo (de como-trabajo-m2). Generado por _scripts/portada.mjs */
.trabajos.ad{background:#0d0e13;color:#f4f0ec;padding-bottom:clamp(90px,14vh,150px)}
.trabajos.ad .gigante{color:#f4f0ec}
.ad-in{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:clamp(28px,4vw,56px)}
.ad-txt{font-size:var(--cuerpo);line-height:1.33;letter-spacing:-.012em;max-width:24ch;font-weight:300}
.ad-todos{flex:none;display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:400;padding:12px 24px;border:1px solid rgba(244,240,236,.42);border-radius:99px;transition:background .3s,color .3s}
.ad-todos:hover{background:#f4f0ec;color:#0d0e13}
.ad-lista{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,1.2vw,20px);margin-top:clamp(28px,3.6vw,52px)}
.ad-it{opacity:0;transform:translateY(34px);transition:opacity 1s var(--curva),transform 1.2s var(--curva);transition-delay:var(--d,0ms)}
.ad-it.vis{opacity:1;transform:none}
.ad-c{position:relative;display:block;width:100%;aspect-ratio:3/4.4;border-radius:14px;overflow:hidden;background:#15161d;box-shadow:0 0 0 1px rgba(244,240,236,.08);text-align:left;color:inherit;cursor:pointer}
.ad-f{position:absolute;inset:-4%;background-size:cover;filter:blur(3px) saturate(1.15) brightness(.95);transform:scale(1.04);transition:transform 1.4s var(--curva)}
.ad-c::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,14,19,.9) 0%,rgba(13,14,19,0) 40%),linear-gradient(180deg,rgba(13,14,19,.35) 0%,rgba(13,14,19,0) 22%)}
.ad-w{position:absolute;z-index:1;left:6%;right:6%;top:13%;aspect-ratio:1.6;border-radius:7px;overflow:hidden;box-shadow:0 40px 70px -24px rgba(0,0,0,.75),0 0 0 1px rgba(255,255,255,.1);transition:transform 1s var(--curva)}
.ad-w img{width:100%;height:100%;object-fit:cover}
.ad-m{position:absolute;z-index:2;right:5%;top:34%;width:30%;aspect-ratio:600/1298;border-radius:13px;overflow:hidden;box-shadow:0 30px 50px -16px rgba(0,0,0,.8),0 0 0 2px #15161b,0 0 0 3px rgba(255,255,255,.14);transition:transform 1s .05s var(--curva)}
.ad-m img{width:100%;height:100%;object-fit:cover}
.ad-t{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:clamp(12px,1.3vw,20px)}
.ad-t b{display:block;font-weight:400;font-size:clamp(17px,1.4vw,22px);letter-spacing:-.025em;line-height:1.1}
.ad-t small{display:block;margin-top:4px;font-size:13px;line-height:1.35;color:rgba(244,240,236,.66)}
.ad-c:hover .ad-f{transform:scale(1.1)}.ad-c:hover .ad-w{transform:translateY(-8px) scale(1.02)}.ad-c:hover .ad-m{transform:translateY(-12px)}
.trabajos.ad .p6b{margin-top:clamp(28px,3.4vw,48px);font-size:var(--peq);opacity:.85}
@media (max-width:760px){
  .ad-in{flex-direction:column;align-items:flex-start;gap:20px}
  .ad-lista{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none;margin-right:calc(var(--g) * -1);padding-right:var(--g)}
  .ad-lista::-webkit-scrollbar{display:none}
  .ad-it{flex:0 0 74%;scroll-snap-align:start}
  .ad-c{aspect-ratio:3/4.2}
}

/* Cómo trabajo: el adelanto (de como-trabajo-m2) con la llamada de siempre debajo */
.comoad{background:#0d0e13;color:#f4f0ec;padding:0;overflow:hidden}
.ca-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(30px,5vw,90px);align-items:center;padding:clamp(90px,15vh,160px) var(--g) clamp(70px,11vh,120px)}
.ca-k{font-size:13px;font-weight:400;letter-spacing:.01em;opacity:.7}
.comoad .ca-tx h2{margin-top:.9em;max-width:12ch;font-size:clamp(38px,5.2vw,86px)}
.comoad h2 .it{color:#e8c98a}
.ca-pasos{list-style:none;margin-top:clamp(26px,3.4vw,48px);border-top:1px solid rgba(244,240,236,.22)}
.ca-pasos li{display:flex;gap:18px;align-items:baseline;padding:12px 0;border-bottom:1px solid rgba(244,240,236,.14);font-size:clamp(16px,1.25vw,19px);font-weight:400}
.ca-pasos b{font-weight:400;font-size:13px;opacity:.55;min-width:1.2em;font-variant-numeric:tabular-nums}
.ca-b{display:inline-flex;align-items:center;gap:.7em;margin-top:clamp(26px,3vw,40px);padding:.95em 1.7em;border-radius:99px;background:#f4f0ec;color:#0d0e13;font-size:var(--peq);font-weight:500;transition:background .4s}
.ca-b:hover{background:#e8c98a}
.ca-aviso{margin-top:16px;font-size:13px;opacity:.6}
.ca-im{position:relative;display:block;aspect-ratio:1.28;min-width:0}
.ca-im img{position:absolute;height:auto;border-radius:12px;box-shadow:0 50px 90px -30px rgba(0,0,0,.8),0 0 0 1px rgba(244,240,236,.1);object-fit:cover;transition:transform 1.2s var(--curva)}
.ci-1{left:0;top:2%;width:68%;aspect-ratio:1.52;z-index:1}
.ci-2{right:0;top:24%;width:58%;aspect-ratio:1.52;z-index:2}
.ci-3{left:12%;bottom:0;width:62%;aspect-ratio:1.6;z-index:3}
.ca-im:hover .ci-1{transform:translate(-6px,-6px)}.ca-im:hover .ci-2{transform:translate(8px,-8px)}.ca-im:hover .ci-3{transform:translate(0,8px)}
.comoad .pfin{border-top:1px solid rgba(244,240,236,.14)}
@media (max-width:760px){
  .ca-in{grid-template-columns:1fr;gap:36px;padding-top:clamp(80px,13vh,120px)}
  .ca-im{aspect-ratio:1.1}
}
@media (prefers-reduced-motion:reduce){.ad-it{opacity:1;transform:none;transition:none}}