/* Subpágina Catálogo y producto con IA (/catalogo-ia/) — usa también diseno-web.css */

/* hero: tres imágenes de fondo */
.ia-hero-strip{display:grid;grid-template-columns:repeat(3,1fr)}
.ia-hero-strip img{position:static;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
@media (max-width:700px){.ia-hero-strip{grid-template-columns:1fr}.ia-hero-strip img:not(:nth-child(2)){display:none}}

/* punto de partida */
.ia-start{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.ia-start .h-serif{font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.1;margin:.9rem 0 1.4rem}
.ia-start p:not(.eyebrow){color:#3a3a3a;line-height:1.75;max-width:56ch}
.ia-start p+p{margin-top:1rem}
.ia-start>img{width:100%;max-height:640px;object-fit:cover;border-radius:4px}
@media (max-width:860px){.ia-start{grid-template-columns:1fr}.ia-start>img{max-height:480px}}

/* ejemplos antes / después */
.ia-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.3fr);gap:clamp(24px,4vw,56px);align-items:start;padding:clamp(40px,5vw,64px) 0;border-bottom:1px solid var(--line-dark)}
.ia-case:first-of-type{margin-top:2rem}
.ia-case:last-of-type{border-bottom:0}
.ia-case-txt{position:sticky;top:110px}
.ia-case-txt .num,.ia-avnc .num{display:block;font-family:var(--serif);font-size:2rem;line-height:1;margin-bottom:1rem}
.ia-case-txt h3{font-family:var(--wide);font-stretch:150%;font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;line-height:1.4;margin-bottom:.9rem}
.ia-case-txt p{color:#4a4a4a;line-height:1.7;font-size:.95rem}
.ia-ba{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);gap:clamp(12px,1.6vw,20px);align-items:end}
.ia-case figure{margin:0}
.ia-case img{display:block;width:100%;border-radius:3px;background:#e6e6e6}
.ia-before img{aspect-ratio:4/5;object-fit:cover}
.ia-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:clamp(8px,1vw,12px)}
.ia-row img{aspect-ratio:4/5;object-fit:cover}
.ia-case figcaption{margin-top:.7rem;font-family:var(--wide);font-stretch:150%;font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.ia-quad{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,20px)}
.ia-case-still .ia-quad img{aspect-ratio:4/5;object-fit:cover}
@media (max-width:900px){.ia-case{grid-template-columns:1fr}.ia-case-txt{position:static}}
@media (max-width:560px){.ia-ba{grid-template-columns:1fr}.ia-before{max-width:60%}.ia-quad{grid-template-columns:1fr}}

/* cómo trabajamos: 5 pasos */
.ia-steps{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1000px){.ia-steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:620px){.ia-steps{grid-template-columns:1fr}}
.ia-needs{margin-top:clamp(48px,6vw,72px);background:var(--stone);border-radius:12px;padding:clamp(1.6rem,3vw,2.6rem)}
.ia-needs-h{font-family:var(--wide);font-stretch:150%;font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:.9rem;margin-bottom:1.4rem}
.ia-needs ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 2.4rem}
.ia-needs li{font-size:.93rem;line-height:1.6;color:#3a3a3a}
.ia-needs li strong{display:block;font-weight:500;color:var(--ink);margin-bottom:.15rem}
.ia-note{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--line-dark);font-size:.88rem;color:#4a4a4a}
.ia-note strong{font-weight:500;color:var(--ink)}
@media (max-width:700px){.ia-needs ul{grid-template-columns:1fr}}

/* caso AVNC */
.ia-avnc{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:center}
.ia-avnc>img{width:100%;border-radius:4px}
.ia-avnc .h-serif{font-size:clamp(1.9rem,3.4vw,2.9rem);line-height:1.1;margin:.9rem 0 1.3rem}
.ia-avnc p:not(.eyebrow){color:#b4b4b4;line-height:1.7;margin-bottom:1.8rem}
@media (max-width:860px){.ia-avnc{grid-template-columns:1fr}}
.ia-case img,.ia-start>img,.ia-avnc>img{height:auto}

/* caso AVNC NO LABEL */
.ia-avnc>img{max-height:620px;object-fit:cover;object-position:50% 20%}
.ia-avnc p strong{color:var(--paper);font-weight:500}
.ia-avnc p+p{margin-top:-.6rem}
.ia-avnc-steps{padding-top:clamp(24px,4vw,48px)}
.ia-avnc-steps .ia-case:first-of-type{margin-top:0}
.ia-case-txt .tb-back{margin-top:1.4rem;display:inline-block;font-size:.85rem;color:var(--ink)}
.ia-quote{text-align:center;padding:clamp(56px,8vw,96px) 0}
.ia-quote .h-serif{font-size:clamp(1.7rem,3.4vw,2.8rem);line-height:1.2;max-width:24ch;margin:0 auto}
.ia-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,12px)}
.ia-gal img,.ia-gal video{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:3px;background:#e6e6e6}
@media (max-width:560px){.ia-gal{grid-template-columns:1fr 1fr}}
.ia-hero .ph img{object-position:28% 30%}
.ia-tags{display:flex;flex-direction:column;gap:clamp(10px,1.6vw,18px);margin:0}.ia-tags img{display:block;width:100%;height:auto}.ia-tags img:first-child{max-width:480px;margin:0 auto}