/**
 * ============================================================
 * Landings de industria (/software-{industria})
 * Reutiliza variables de modern-theme.css + hero/faq de landing.css.
 * Prefijo .ind-
 * ============================================================
 */

/* Problemas comunes */
.ind-problems { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.5rem; }
.ind-problem { background:var(--white); border:1px solid var(--gray-200); border-radius:var(--rounded-xl); padding:1.75rem; transition:var(--transition); }
.ind-problem:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:transparent; }
.ind-problem__icon { width:50px; height:50px; border-radius:var(--rounded-lg); background:#fef2f2; color:var(--danger); display:flex; align-items:center; justify-content:center; font-size:1.25rem; margin-bottom:1rem; }
.ind-problem h3 { font-size:1.05rem; color:var(--gray-900); margin:0 0 .4rem; }
.ind-problem p { font-size:.92rem; color:var(--gray-600); margin:0; line-height:1.6; }

/* Solución (dos columnas) */
.ind-split { display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
.ind-split.reverse > div:first-child { order:2; }
.ind-split p { color:var(--gray-600); line-height:1.8; font-size:1.05rem; }
.ind-split__img { border-radius:var(--rounded-2xl); overflow:hidden; box-shadow:var(--shadow-xl); border:1px solid var(--gray-200); }
.ind-split__img img { display:block; width:100%; height:auto; }

/* Funciones usadas (tarjetas enlazables) */
.ind-funcs { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:1.25rem; }
.ind-func { background:var(--white); border:1px solid var(--gray-100); border-radius:var(--rounded-xl); padding:1.5rem; box-shadow:var(--shadow-sm); transition:var(--transition); display:flex; flex-direction:column; gap:.5rem; }
.ind-func:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); border-color:var(--primary-light); }
.ind-func__icon { width:46px; height:46px; border-radius:var(--rounded-lg); background:var(--gradient-primary); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1.15rem; }
.ind-func h3 { font-size:1rem; color:var(--gray-900); margin:.25rem 0 0; }
.ind-func p { font-size:.88rem; color:var(--gray-600); margin:0; line-height:1.55; }

/* Beneficios (grid de check) */
.ind-benefits { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:.85rem 2rem; }
.ind-benefits li { display:flex; align-items:flex-start; gap:.6rem; color:var(--gray-700); line-height:1.5; }
.ind-benefits li i { color:var(--success); margin-top:.25rem; }
.ind-benefits li strong { color:var(--gray-900); }

/* Capturas */
.ind-shots { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; }
.ind-shot { border-radius:var(--rounded-xl); overflow:hidden; box-shadow:var(--shadow-lg); border:1px solid var(--gray-200); background:var(--white); }
.ind-shot img { display:block; width:100%; height:auto; }
.ind-shot figcaption { padding:.7rem 1rem; font-size:.85rem; color:var(--gray-500); text-align:center; }

@media (max-width:900px){
    .ind-split { grid-template-columns:1fr; }
    .ind-split.reverse > div:first-child { order:0; }
}
