/* ============================================================
   SENTIDA · Nosotras (v6, estilo sentida-v2)
   Lo que antes estaba en la home: quiénes son, el manifiesto y
   «Hecho a mano». Cierra con las tres puertas.
   ============================================================ */

.foto{overflow:hidden; border-radius:2px}
.foto img{width:100%; height:100%; object-fit:cover}

/* Quiénes somos */
.nos{padding-block:clamp(64px,12vh,140px) clamp(72px,12vh,140px); display:flex; flex-direction:column; gap:clamp(32px,6vh,72px)}
.nos h1{font-size:clamp(2.75rem,6vw,5.5rem); line-height:1.02; letter-spacing:-.045em; text-wrap:balance}
.nos .eti{margin-bottom:-12px}
.nos-grilla{display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:clamp(12px,2vw,28px); align-items:start}
.nos-a{grid-column:1 / span 5}
.nos-b{grid-column:6 / span 4; margin-top:clamp(40px,16vh,180px)}
.nos-a .foto,.nos-b .foto{aspect-ratio:3/4; border:8px solid var(--crema); box-shadow:0 0 0 1px var(--celeste-filete)}
.nos-foto figcaption{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 12px; padding-top:12px; font-size:11px; font-weight:600; letter-spacing:.18em; text-transform:uppercase}
.nos-foto figcaption a{display:inline-flex; align-items:center; gap:8px; min-height:44px}
.nos-texto{grid-column:10 / span 3; display:flex; flex-direction:column; gap:16px}
.nos-texto p{font-size:16px; line-height:1.7; color:var(--marron-medio); text-wrap:pretty}
.nos-etiqueta{width:150px; height:150px; border-radius:50%; margin-top:8px}

/* El manifiesto, quieto */
.manif{background:var(--celeste)}
.manif p{color:var(--marron)}
.manif .envoltorio{padding-block:clamp(72px,14vh,160px)}
.manif p{font-size:clamp(1.75rem,3.6vw,3.5rem); line-height:1.12; letter-spacing:-.012em; max-width:24em; text-wrap:pretty}

/* Algunos de nuestros trabajos: tira que se desliza */
.trab{padding-block:clamp(64px,11vh,128px); background:var(--blanco)}
.trab-cab{display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:clamp(28px,5vh,48px)}
.trab-cab .eti{margin-bottom:18px}
.trab h2{font-size:clamp(2.25rem,4.4vw,4.5rem); line-height:1; letter-spacing:-.025em; text-wrap:balance}
.trab-flechas{display:flex; gap:10px; flex-shrink:0}
.trab-btn{display:grid; place-items:center; width:48px; height:48px; border-radius:50%; border:1px solid var(--marron); background:transparent; color:var(--marron); cursor:pointer}
.trab-btn:hover{background:var(--marron); color:var(--blanco)}
.trab-btn:disabled{opacity:.35; cursor:default; background:transparent; color:var(--marron)}
.trab-ant .ico{transform:rotate(180deg)}
.trab-tira{list-style:none; margin:0; padding:4px var(--lateral) 12px; display:flex; gap:clamp(12px,1.6vw,20px); overflow-x:auto; scroll-snap-type:x mandatory; scroll-padding-inline:var(--lateral); scrollbar-width:thin; scrollbar-color:var(--beige) transparent; overscroll-behavior-x:contain}
.trab-tira:focus-visible{outline:2px solid var(--marron); outline-offset:4px}
.trab-item{flex:0 0 auto; height:clamp(320px,52vh,520px); scroll-snap-align:start; border:8px solid var(--crema); box-shadow:0 0 0 1px var(--celeste-filete); border-radius:2px; overflow:hidden; background:var(--crema)}
.trab-item img{display:block; height:100%; width:auto; max-width:none}
@media (max-width:899px){
  .trab-cab{align-items:flex-start; flex-direction:column}
  .trab-flechas{display:none}
  .trab-item{height:min(62vh,420px)}
}
@media (prefers-reduced-motion:no-preference){ .trab-tira{scroll-behavior:smooth} }

/* Hecho a mano */
.mano{display:grid; grid-template-columns:1fr 1fr; background:var(--blanco)}
.mano-foto{min-height:560px; border:8px solid var(--crema); box-shadow:0 0 0 1px var(--celeste-filete)}
.mano-foto img{width:100%; height:100%; object-fit:cover}
.mano-txt{align-self:center; padding:clamp(48px,8vh,96px) var(--lateral); display:flex; flex-direction:column; gap:28px; max-width:640px}
.mano h2{font-size:clamp(2.25rem,4.4vw,4.5rem); line-height:.98; letter-spacing:-.025em; text-wrap:balance}
.mano ul{list-style:none; padding:0; border-top:1px solid var(--beige)}
.mano li{padding:16px 0; border-bottom:1px solid var(--beige); font-size:16px; line-height:1.5; color:var(--marron-medio)}
.mano li strong{font-weight:600; color:var(--marron)}

/* Cierre: las tres puertas */
.nos-cierre{padding-block:clamp(72px,12vh,140px); display:flex; flex-direction:column; gap:20px}
.nos-cierre h2{font-size:clamp(2rem,3.5vw,3rem); line-height:1}
.nos-puertas{list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:4px 40px}

@media (max-width:899px){
  .nos-a{grid-column:1 / span 7}
  .nos-b{grid-column:8 / span 5; margin-top:14vh}
  .nos-texto{grid-column:1 / -1; padding-top:12px}
  .nos-foto figcaption{flex-direction:column; align-items:flex-start; gap:0}
  .mano{grid-template-columns:1fr}
  .mano-foto{min-height:0; aspect-ratio:4/3}
}