/* Página SEO: Software a medida — complemento de style.css */
.sam-wrap{width:min(var(--max),calc(100% - 36px));margin:auto}

.sam-hero{
  min-height:760px;padding:150px 0 100px;color:#fff;display:flex;align-items:center;
  background:
    linear-gradient(90deg,rgba(5,5,5,.98),rgba(5,5,5,.82) 55%,rgba(5,5,5,.45)),
    url("/img/soluciones/desarrolloamedida.png") center/cover no-repeat;
}
.sam-hero h1{font-size:clamp(52px,7vw,92px);line-height:.92;letter-spacing:-4px;max-width:930px;margin:0 0 24px;font-weight:850}
.sam-hero h1 span,.sam-section h2 span,.sam-cta h2 span{color:var(--red)}
.sam-hero p{font-size:clamp(19px,2.2vw,25px);color:#ddd;max-width:760px;margin:0 0 30px}

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

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

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

.sam-case{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.sam-case img{width:100%;border-radius:26px}
.sam-case h2{font-size:clamp(42px,5.5vw,70px);line-height:.94;letter-spacing:-3px;margin:10px 0 20px}
.sam-case p{color:#aaa;font-size:17px;line-height:1.6}
.sam-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.sam-tags span{padding:8px 12px;border:1px solid #333;border-radius:999px;color:#ccc;font-size:13px}

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

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

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

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