/* TBR HOW IT WORKS — AJUSTADO A LAS CAPTURAS DE WIX */

*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;color:#071b36;background:#fff}
.how-page{width:100%;overflow-x:hidden}
.process{padding:52px 0 0;background:#fff}
.page-width{max-width:1180px;margin:auto}
.eyebrow{text-align:center;color:#0758c9;font-size:25px;font-weight:700;letter-spacing:6px;margin-bottom:34px}
h1{text-align:center;font-size:57px;line-height:1;font-weight:800;letter-spacing:-1.5px;margin-bottom:12px}
.intro{text-align:center;font-size:17px;line-height:1.45;font-weight:700;margin-bottom:29px}
.intro span{color:#0758c9}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;align-items:start}
.step{text-align:center}
.step-icon{width:205px;height:205px;object-fit:contain;display:block;margin:0 auto 8px}
.number{width:45px;height:45px;border-radius:50%;background:#075cff;color:#073d91;font-size:27px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 31px}
.step h2{font-size:19px;line-height:1.15;color:#063e8f;font-weight:800;min-height:44px;white-space:nowrap}
.line{width:52px;height:4px;background:#0758c9;margin:10px auto 16px}
.step p{font-size:17px;line-height:1.3;color:#1d3049;min-height:115px}
.repair-button{width:488px;height:112px;background:#075cff;color:white;text-decoration:none;margin:22px auto -41px;display:flex;align-items:center;justify-content:space-between;padding:0 19px 0 10px;border-radius:7px;position:relative;z-index:2;font-size:29px;font-weight:400}
.wrench{width:58px;height:58px;border:3px solid white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:31px}
.arrow{font-size:70px;line-height:1;color:#0645a5;font-weight:300;transform:translateY(-3px)}
.trust-strip{background:#fafafa;border-top:1px solid #e7e7e7;box-shadow:0 -3px 7px rgba(0,0,0,.06);padding:67px 0 28px}
.trust-width{max-width:1120px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr)}
.trust-item{min-height:116px;display:flex;align-items:center;gap:14px;padding:0 27px;border-right:1px solid #e5e5e5}
.trust-item:last-child{border-right:0}
.trust-item img{width:58px;height:58px;object-fit:contain;flex:0 0 auto}
.trust-item h3{font-size:16px;line-height:1.12;color:#073e8d;font-weight:800;margin-bottom:6px}
.trust-item p{font-size:16px;line-height:1.25;color:#26374e}

@media(max-width:1000px){
 .page-width{padding:0 20px}
 h1{font-size:45px}
 .steps{grid-template-columns:repeat(2,1fr);row-gap:35px}
 .step:last-child{grid-column:1/-1}
 .step h2{white-space:normal}
 .trust-width{grid-template-columns:repeat(2,1fr)}
 .trust-item{border-bottom:1px solid #e5e5e5}
}
@media(max-width:620px){
 .process{padding-top:30px}
 .eyebrow{font-size:19px;letter-spacing:4px;margin-bottom:24px}
 h1{font-size:35px}
 .intro{font-size:15px}
 .steps{grid-template-columns:1fr}
 .step:last-child{grid-column:auto}
 .repair-button{width:90%;height:88px;font-size:21px}
 .arrow{font-size:48px}
 .trust-width{grid-template-columns:1fr}
 .trust-item{border-right:0}
}