/* Paula Urbano — clean hero / selected work redesign */
.hero{
  display:block!important;
  padding:0!important;
  min-height:calc(100vh - 3.6rem)!important;
}
.hero > .hero-grid{
  width:min(1180px,100% - 2rem);
  margin:0 auto;
  min-height:calc(100vh - 3.6rem);
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)!important;
  gap:clamp(3rem,7vw,8rem)!important;
  align-items:center!important;
  padding:clamp(3rem,7vw,7rem) 0 4rem!important;
}
.hero > .hero-grid > div:first-child{
  max-width:760px;
}
.hero .hello{
  margin-bottom:1.5rem!important;
  font-size:.68rem!important;
  letter-spacing:.28em!important;
}
.hero h1{
  font-size:clamp(4.5rem,9vw,9.5rem)!important;
  line-height:.82!important;
  letter-spacing:-.085em!important;
  max-width:7.5ch!important;
  margin:0 0 2rem!important;
}
.hero .sub{
  max-width:42ch!important;
  font-size:clamp(1rem,1.45vw,1.2rem)!important;
}
.hero .stack{display:none!important}
.hero .cta{margin-top:2.2rem!important}
.hero .chips{margin-top:1.2rem!important}
.hero > .wrap:nth-child(2){
  width:min(1180px,100% - 2rem)!important;
  margin:-1rem auto 0!important;
}
.hero > .wrap:nth-child(2) *::before,
.hero > .wrap:nth-child(2) *::after{
  content:none!important;
  display:none!important;
}
.work-kicker{
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  gap:1rem!important;
  color:var(--cherry)!important;
  font-size:.65rem!important;
  letter-spacing:.28em!important;
}
.work-kicker::after{
  display:block!important;
  content:""!important;
  height:1px!important;
  flex:1!important;
  background:var(--rule)!important;
}
.project-index{
  margin:1rem 0 0!important;
  border-top:1px solid var(--rule)!important;
}
.project-row,
.project-row:hover{
  all:unset!important;
  display:grid!important;
  grid-template-columns:2.4rem minmax(0,1fr) auto!important;
  gap:1rem!important;
  align-items:start!important;
  width:100%!important;
  min-height:0!important;
  padding:1.25rem 0!important;
  border-bottom:1px solid var(--rule)!important;
  cursor:pointer!important;
  color:var(--ink)!important;
  text-decoration:none!important;
}
.project-num{
  display:block!important;
  color:var(--soft)!important;
  font-size:.65rem!important;
  line-height:1.1!important;
  padding:0!important;
}
.project-copy{display:block!important;min-width:0!important}
.project-copy b{
  display:block!important;
  color:var(--ink)!important;
  font-size:clamp(1.15rem,1.8vw,1.55rem)!important;
  line-height:1!important;
  letter-spacing:-.04em!important;
  font-weight:600!important;
}
.project-copy small{
  display:block!important;
  margin-top:.45rem!important;
  color:var(--soft)!important;
  font-size:.68rem!important;
  line-height:1.35!important;
  letter-spacing:.02em!important;
}
.project-meta{
  display:block!important;
  color:var(--candy)!important;
  font-size:.52rem!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  padding:0!important;
}
.project-row:hover .project-copy b{color:var(--cherry)!important}
.project-row:hover .project-num{color:var(--cherry)!important}
.cur{display:none!important}
@media(max-width:900px){
  .hero > .hero-grid{
    grid-template-columns:1fr!important;
    min-height:auto!important;
    padding:4rem 0 2.5rem!important;
    gap:3rem!important;
  }
  .hero > .wrap:nth-child(2){margin:0 auto 3rem!important}
  .hero h1{font-size:clamp(4rem,14vw,7rem)!important}
}
@media(max-width:600px){
  .hero > .hero-grid{
    width:min(100% - 1.4rem,1180px)!important;
    padding:2.5rem 0 2rem!important;
  }
  .hero > .wrap:nth-child(2){
    width:min(100% - 1.4rem,1180px)!important;
  }
  .hero h1{font-size:clamp(3.5rem,17vw,5.8rem)!important}
  .hero .cta .btn{padding:.7rem .95rem!important;font-size:.78rem!important}
  .hero .chips{display:none!important}
  .project-row,
  .project-row:hover{
    grid-template-columns:1.8rem minmax(0,1fr)!important;
    gap:.7rem!important;
    padding:1rem 0!important;
  }
  .project-meta{
    grid-column:2!important;
    margin-top:.1rem!important;
    white-space:normal!important;
  }
}

/* ---------- Hero: feed de redes ---------- */
.hero-ig{position:relative;display:block;justify-self:end;width:min(100%,380px);aspect-ratio:9/17;border-radius:2.4rem;background:#0b0507;border:1px solid var(--rule);padding:.7rem;box-shadow:0 40px 90px rgba(255,111,156,.12),0 20px 50px rgba(0,0,0,.5);text-decoration:none;color:var(--ink);overflow:hidden;transform:rotate(2.5deg);transition:transform .6s var(--ease)}
.hero-ig:hover{transform:rotate(0) translateY(-6px)}
.hig-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;padding:.9rem .8rem .7rem}
.hig-top b{font-size:.82rem;font-weight:700;letter-spacing:-.01em}
.hig-top small{font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.hig-grid{display:block;position:absolute;inset:3.2rem .7rem .7rem;overflow:hidden;border-radius:0 0 1.8rem 1.8rem}
.hig-roll{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;animation:higRoll 38s linear infinite}
.hig-roll img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
@keyframes higRoll{to{transform:translateY(-50%)}}
@media (prefers-reduced-motion:reduce){.hig-roll{animation:none}}
@media(max-width:900px){.hero-ig{justify-self:center;width:min(78vw,330px);transform:rotate(0)}}

/* ---------- Contenido para redes ---------- */
.rs-tabs{display:flex;flex-wrap:wrap;gap:.4rem 2.2rem;border-bottom:1px solid var(--rule);margin-bottom:1.8rem}
.rs-tabs button{all:unset;cursor:pointer;position:relative;padding:.2rem 0 1rem;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:700;letter-spacing:-.04em;color:var(--soft);transition:color .25s}
.rs-tabs button::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:var(--bc);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--ease)}
.rs-tabs button[aria-selected="true"]{color:var(--ink)}
.rs-tabs button[aria-selected="true"]::after{transform:scaleX(1)}
.rs-tabs button:focus-visible{outline:2px solid var(--cherry);outline-offset:4px}
.rs-brand.on{animation:rsIn .6s var(--ease)}
@keyframes rsIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.rs-goal{max-width:62ch;color:var(--ink);font-size:1.02rem;line-height:1.5;margin:0 0 1.8rem}
.rs-lab{display:flex;justify-content:space-between;align-items:baseline;font-size:.66rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--soft);margin:0 0 .8rem}
.rs-hint{display:none;color:var(--candy)}
.rs-it{all:unset;display:block;cursor:zoom-in;overflow:hidden;border-radius:.35rem;background:var(--card)}
.rs-it img{display:block;width:100%;height:auto;transition:transform .6s var(--ease)}
.rs-it:hover img{transform:scale(1.035)}
.rs-it:focus-visible{outline:2px solid var(--cherry);outline-offset:3px}
.rs-car{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.5rem;margin-bottom:2.6rem}
.rs-row{display:grid;grid-template-columns:1.25fr 1.25fr 1fr 1fr;gap:1.2rem;align-items:end}
.rs-row figure{margin:0}
.rs-row figcaption{margin-top:.6rem;font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--soft)}
.rs-ph{border-radius:1.4rem;border:6px solid #0b0507;box-shadow:0 0 0 1px var(--rule)}
@media(max-width:800px){
  .rs-tabs{gap:.3rem 1.4rem}
  .rs-hint{display:inline}
  .rs-car{grid-auto-columns:72%;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-right:-1rem;padding-right:1rem}
  .rs-car::-webkit-scrollbar{display:none}
  .rs-car .rs-it{scroll-snap-align:start}
  .rs-row{grid-template-columns:1fr 1fr;gap:1.4rem .8rem}
}