/* Página SEO: Automatización + IA */
.ai-wrap{width:min(var(--max),calc(100% - 36px));margin:auto}

.ai-hero{
  min-height:780px;
  padding:150px 0 100px;
  color:#fff;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 42%,rgba(227,28,35,.22),transparent 20%),
    repeating-linear-gradient(120deg,transparent 0 42px,rgba(227,28,35,.055) 43px 44px),
    linear-gradient(135deg,#050505,#101010 58%,#21090a);
}
.ai-hero:after{
  content:"";
  position:absolute;
  right:-8%;
  bottom:-32%;
  width:650px;
  height:650px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(227,28,35,.22),transparent 62%);
  pointer-events:none;
}
.ai-hero .ai-wrap{position:relative;z-index:2}
.ai-hero h1{
  font-size:clamp(54px,7vw,94px);
  line-height:.91;
  letter-spacing:-4px;
  max-width:900px;
  margin:0 0 25px;
  font-weight:850;
}
.ai-hero h1 span,.ai-head h2 span,.ai-cta h2 span{color:var(--red)}
.ai-hero p{
  font-size:clamp(19px,2.2vw,25px);
  color:#d4d4d4;
  max-width:760px;
  margin:0 0 30px;
  line-height:1.45;
}

.ai-section{padding:105px 0}
.ai-dark{background:#050505;color:#fff}
.ai-light{background:#f4f3ef;color:#111}

.ai-head{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:60px;
  align-items:end;
  margin-bottom:48px;
}
.ai-head h2,.ai-faq h2,.ai-case h2{
  font-size:clamp(42px,5.5vw,72px);
  line-height:.94;
  letter-spacing:-3px;
  margin:10px 0;
}
.ai-head p{font-size:17px;line-height:1.65;margin:0;color:#777}
.ai-dark .ai-head p{color:#aaa}

.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ai-grid.compact{grid-template-columns:repeat(3,1fr)}
.ai-card{
  min-height:265px;
  padding:30px;
  border-radius:24px;
  background:#fff;
  border:1px solid #dedbd4;
  display:flex;
  flex-direction:column;
}
.ai-dark .ai-card{background:#0d0d0d;border-color:#222}
.ai-card small{color:var(--red);font-weight:850;letter-spacing:.1em}
.ai-card h3{font-size:26px;line-height:1.05;margin:auto 0 12px;letter-spacing:-1px}
.ai-card p{color:#666;margin:0;line-height:1.55}
.ai-dark .ai-card p{color:#999}
.ai-grid.compact .ai-card{min-height:220px}

.ai-process{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.ai-step{border-top:1px solid #333;padding-top:18px}
.ai-step b{color:#ff666c;font-size:12px;letter-spacing:.08em}
.ai-step h3{font-size:23px;line-height:1.1;margin:30px 0 10px}
.ai-step p{color:#999;margin:0;line-height:1.55}

.ai-case{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}
.ai-case p{color:#aaa;font-size:17px;line-height:1.6}
.ai-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.ai-tags span{padding:8px 12px;border:1px solid #333;border-radius:999px;color:#ccc;font-size:13px}

.ai-visual{
  min-height:390px;
  border-radius:28px;
  background:
    radial-gradient(circle at 70% 25%,rgba(227,28,35,.28),transparent 22%),
    linear-gradient(145deg,#111,#080808);
  border:1px solid #202020;
  display:grid;
  place-items:center;
  padding:30px;
}
.ai-flow{display:flex;align-items:center;gap:14px;width:100%;justify-content:center}
.flow-box{
  flex:1;
  min-height:150px;
  border-radius:20px;
  border:1px solid #2c2c2c;
  background:#0c0c0c;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  font-size:28px;
}
.flow-box b{font-size:20px;margin:10px 0 4px}
.flow-box span{font-size:13px;color:#888}
.flow-arrow{color:var(--red);font-size:28px;font-weight:900}

.ai-faq{max-width:900px}
.ai-faq details{border-top:1px solid #292929;padding:24px 0}
.ai-faq details:last-child{border-bottom:1px solid #292929}
.ai-faq summary{cursor:pointer;font-size:20px;font-weight:800}
.ai-faq details p{color:#aaa;max-width:760px;line-height:1.65}

.ai-cta{background:var(--red);color:#fff;text-align:center;padding:110px 20px}
.ai-cta h2{
  font-size:clamp(44px,6vw,76px);
  line-height:.94;
  letter-spacing:-3px;
  max-width:1000px;
  margin:8px auto 35px;
}
.ai-cta .pill{background:#050505}

.ai-footer{
  width:min(var(--max),calc(100% - 36px));
  margin:auto;
  display:flex;
  justify-content:space-between;
  gap:20px;
}

@media(max-width:850px){
  .ai-hero{min-height:720px;padding:140px 0 80px}
  .ai-head,.ai-case{grid-template-columns:1fr;gap:24px}
  .ai-grid,.ai-grid.compact{grid-template-columns:1fr}
  .ai-process{grid-template-columns:1fr 1fr}
  .ai-flow{flex-direction:column}
  .flow-box{width:100%}
  .flow-arrow{transform:rotate(90deg)}
}

@media(max-width:600px){
  .ai-hero h1{font-size:48px;letter-spacing:-2.5px}
  .ai-hero p{font-size:18px}
  .ai-section{padding:72px 0}
  .ai-process{grid-template-columns:1fr}
  .ai-head h2,.ai-faq h2,.ai-case h2{font-size:42px;letter-spacing:-2px}
  .ai-card{min-height:220px;padding:24px}
  .ai-footer{width:calc(100% - 24px);flex-direction:column}
}