/*
 * INFISAD Portada · 11.9.41
 * Software a medida como propuesta tecnológica principal.
 */

/* Hero: la propuesta de software toma el primer plano */
.public41-software-hero .hero-copy{
  max-width:760px;
}

.public41-software-hero .hero-copy h1{
  max-width:760px;
  font-size:clamp(42px,5vw,72px);
  line-height:.98;
  letter-spacing:-.045em;
}

.public41-software-hero .hero-copy>p:not(.eyebrow){
  max-width:720px;
  font-size:17px;
  line-height:1.6;
}

.public41-software-hero .hero-actions{
  margin-top:24px;
}

.public41-software-hero .hero-trust span{
  min-width:0;
}

.public41-software-hero .hero-trust b{
  color:#f0cd65;
}

/* Implementación: reemplaza la antigua promoción Microsip */
.public41-implementation{
  position:relative;
  overflow:hidden;
}

.public41-build-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:54px;
  align-items:center;
}

.public41-build-copy h2{
  max-width:760px;
  margin:0;
  font-size:clamp(34px,3.8vw,56px);
  line-height:1.04;
  letter-spacing:-.04em;
}

.public41-build-copy>p:not(.eyebrow){
  max-width:780px;
  margin:18px 0 0;
  color:#586373;
  font-size:16px;
  line-height:1.65;
}

.public41-tool-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:22px 0 25px;
}

.public41-tool-grid article{
  padding:13px 14px;
  border:1px solid #d9dfe6;
  border-radius:11px;
  background:#fff;
}

.public41-tool-grid b,
.public41-tool-grid span{
  display:block;
}

.public41-tool-grid b{
  color:#162033;
  font-size:13px;
}

.public41-tool-grid span{
  margin-top:4px;
  color:#667386;
  font-size:11px;
  line-height:1.45;
}

.public41-build-note{
  display:block;
  margin-top:12px;
  color:#7b8795;
  font-size:11px;
}

/* Visual sin marca de terceros */
.public41-build-visual{
  position:relative;
  min-height:470px;
  padding:26px;
  border:1px solid #20261f;
  border-radius:25px;
  background:
    radial-gradient(
      circle at 78% 16%,
      rgba(222,181,63,.15),
      transparent 33%
    ),
    linear-gradient(145deg,#10140f,#080a08);
  box-shadow:0 28px 65px rgba(15,23,42,.16);
}

.public41-system-label{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:20px;
  color:#dcb54d;
  font-size:10px;
  font-weight:900;
  letter-spacing:.11em;
}

.public41-system-label i{
  width:9px;
  height:9px;
  border-radius:50%;
  background:#53d39b;
  box-shadow:0 0 18px rgba(83,211,155,.65);
}

.public41-system-screen{
  padding:15px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:rgba(255,255,255,.035);
}

.public41-screen-head{
  display:flex;
  gap:6px;
  margin-bottom:15px;
}

.public41-screen-head i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#5b563e;
}

.public41-system-modules{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.public41-system-modules article{
  min-height:94px;
  padding:12px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:10px;
  background:#0c0f0c;
}

.public41-system-modules article.wide{
  grid-column:1/-1;
}

.public41-system-modules b,
.public41-system-modules span{
  display:block;
}

.public41-system-modules b{
  color:#efd06a;
  font-size:11px;
}

.public41-system-modules span{
  margin-top:7px;
  color:rgba(255,255,255,.56);
  font-size:10px;
  line-height:1.4;
}

.public41-process-flow{
  display:flex;
  align-items:center;
  gap:7px;
  margin-top:18px;
}

.public41-process-flow strong{
  display:grid;
  place-items:center;
  min-width:65px;
  min-height:40px;
  padding:6px;
  border:1px solid rgba(222,181,63,.25);
  border-radius:9px;
  color:#efd06a;
  font-size:9px;
}

.public41-process-flow em{
  flex:1;
  height:1px;
  background:linear-gradient(
    90deg,
    #5d4c20,
    #e1b846,
    #5d4c20
  );
}

.public41-build-visual::after{
  content:"TU PROCESO → TU HERRAMIENTA";
  position:absolute;
  right:19px;
  bottom:16px;
  color:rgba(255,255,255,.24);
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}

@media(max-width:1050px){
  .public41-build-grid{
    grid-template-columns:1fr;
  }

  .public41-build-visual{
    max-width:720px;
    width:100%;
    margin:0 auto;
  }
}

@media(max-width:600px){
  .public41-tool-grid,
  .public41-system-modules{
    grid-template-columns:1fr;
  }

  .public41-system-modules article.wide{
    grid-column:auto;
  }

  .public41-process-flow{
    flex-wrap:wrap;
  }

  .public41-process-flow em{
    min-width:20px;
  }
}