/* /propuestas/industria-alimentaria/ — foto arriba en las tarjetas de sector y rejilla de fábricas */
.pp-tarjeta>.pp-foto{margin:-30px -28px 22px;border-radius:var(--r) var(--r) 0 0;box-shadow:none}
.pp-tarjeta>.pp-foto img{width:100%;max-width:100%;margin:0;aspect-ratio:16/10;border-radius:0}
.ia-fabricas{list-style:none;margin:26px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.ia-fabricas li{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--linea);border-radius:8px;background:#fff;font:600 15px/1.3 var(--tit);color:var(--tinta)}
.ia-fabricas li::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--rojo);box-shadow:0 0 0 4px var(--rojo-suave)}
/* arreglos locales (el fallo está en prop.css y lo aviso): sección blanca tras una gris/azul sin margen arriba; 6 pasos en 3+3 */
.pp-sec.gris+.pp-sec:not(.gris):not(.azul),.pp-sec.azul+.pp-sec:not(.gris):not(.azul){padding-top:84px}
.pp-pasos:has(>li:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.pp-sec.gris+.pp-sec:not(.gris):not(.azul),.pp-sec.azul+.pp-sec:not(.gris):not(.azul){padding-top:60px}.pp-pasos:has(>li:nth-child(6):last-child){grid-template-columns:1fr}}
.pp-sec.azul .pp-ante{color:#ff9aac!important}   /* el rojo de marca no se lee sobre el azul */
@media (max-width:600px){.ia-fabricas{grid-template-columns:1fr 1fr;gap:8px}.ia-fabricas li{font-size:13.5px;padding:10px 12px}}
