
.anc-about-modern,
.anc-about-modern *{box-sizing:border-box;font-family:'Poppins',Arial,sans-serif;}

.anc-about-modern{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:90px 5%;
  background:#ffffff;
}

.anc-about-container{
  max-width:1480px;
  margin:auto;
  display:grid;
  grid-template-columns:44% 56%;
  gap:70px;
  align-items:center;
}

.anc-about-left,.anc-about-right{width:100%;min-width:0;}

.anc-about-kicker{
  width:100%;
  display:flex;
  align-items:center;
  gap:18px;
  color:#0E7139;
  font-size:15px;
  font-weight:800;
  letter-spacing:4px;
  text-align:left;
}

.anc-about-kicker:after{
  content:"";
  width:90px;
  height:3px;
  background:#0E7139;
  border-radius:20px;
  flex:0 0 auto;
}

.anc-about-logo{
  width:100%;
  max-width:310px;
  margin:24px 0 28px;
  display:block;
  text-align:left;
  transform:translateX(-34px);
}

.anc-about-logo img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}

.anc-about-left p{
  margin:0 0 26px;
  color:#08264f;
  font-size:17px;
  line-height:1.7;
  text-align:left;
}

.anc-about-left p strong,
.anc-ai-content strong{color:#0E7139;}

.anc-about-ai{
  margin-top:34px;
  display:flex;
  align-items:center;
  gap:26px;
  padding:28px;
  border-radius:22px;
  background:linear-gradient(135deg,var(--anc-about-ai-start,#08264f) 0%,var(--anc-about-ai-end,#0E7139) 100%);
  box-shadow:0 24px 60px rgba(8,38,79,.16);
}

.anc-ai-logo{
  width:150px;
  height:110px;
  flex:0 0 150px;
  padding:18px;
  border-radius:22px;
  background:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 18px 42px rgba(0,0,0,.16), inset 0 0 0 1px rgba(8,38,79,.08);
}

.anc-ai-logo img{width:100%;height:100%;display:block;object-fit:contain;}

.anc-ai-content{min-width:0;}
.anc-ai-content p{
  margin:0;
  color:#fff;
  font-size:17px;
  line-height:1.6;
}

.anc-ai-content p strong{
  color:#ffffff;
  font-weight:900;
  text-shadow:0 2px 14px rgba(255,255,255,.28);
}

.anc-about-right{display:flex;align-items:center;justify-content:center;}

.anc-dashboard-wrap{
  position:relative;
  width:560px;
  height:790px;
  max-width:100%;
  overflow:hidden;
  border-radius:34px;
  box-shadow:0 40px 90px rgba(8,38,79,.18);
}

.anc-dashboard-wrap img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center center;
}

.anc-about-reveal{
  opacity:0;
  transform:translateY(44px);
  filter:blur(10px);
  transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);
}
.anc-about-reveal.anc-about-show{opacity:1;transform:translateY(0);filter:blur(0);}
.anc-about-delay-1{transition-delay:.12s;}

@media(max-width:1200px){
  .anc-about-container{grid-template-columns:1fr !important;}
  .anc-about-logo{max-width:300px;transform:translateX(-22px);}
  .anc-dashboard-wrap{width:560px;height:790px;}
}

@media(max-width:768px){
  .anc-about-modern{padding:60px 20px;}
  .anc-about-kicker{font-size:13px;letter-spacing:3px;gap:14px;}
  .anc-about-kicker:after{width:54px;}
  .anc-about-logo{max-width:250px;margin:22px 0 24px;transform:translateX(0);}
  .anc-about-left p{font-size:17px;}
  .anc-about-ai{flex-direction:column;align-items:flex-start;}
  .anc-ai-logo{width:150px;height:98px;flex-basis:auto;padding:16px;}
  .anc-ai-content p{font-size:17px;}
  .anc-dashboard-wrap{width:100%;height:auto;aspect-ratio:560 / 790;border-radius:26px;}
}

/* v0.3.4: About Modern typography cleanup.
   La fuente/tamaño/peso/interlineado se controla solo desde Estilo > Tipografía. */
.anc-about-modern .anc-about-left p strong,
.anc-about-modern .anc-ai-content p strong{
  font-size:inherit;
  line-height:inherit;
}
