/* Página de inicio */
.home{padding-top:28px;padding-bottom:20px}
.banner{position:relative;overflow:hidden;border-radius:28px;background:var(--banner);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;min-height:340px}
.b-txt{position:relative;z-index:2;padding:48px 20px 48px 56px;display:flex;flex-direction:column;justify-content:center;gap:10px}
.b-txt small{font:500 18px var(--fb);color:var(--on-banner)}
.b-txt h1{color:#fff;font-size:clamp(2rem,3.9vw,3.1rem);font-weight:700;line-height:1.1;letter-spacing:-.02em}
.b-txt h1 em{font-style:normal;color:var(--yellow)}
.b-txt p{color:var(--on-banner);font-size:16.5px;margin-bottom:12px}
.b-img{position:relative;z-index:0}
.b-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.b-img::before{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#0d2f4f 0%,rgba(13,47,79,0) 38%)}

.welcome{text-align:center;font:500 clamp(1.4rem,2.6vw,1.95rem) var(--fh);color:var(--ink);margin:34px 0 22px}
.welcome span{color:var(--blue)}

.qrow{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.qc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 12px 22px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;font-weight:600;color:var(--ink);font-size:15.5px;box-shadow:0 4px 14px rgba(12,34,51,.05);transition:.25s}
.qc .i{width:36px;height:36px;color:var(--blue);stroke-width:1.6}
.qc:hover{transform:translateY(-5px);border-color:#a8d3e3;box-shadow:0 14px 28px rgba(14,111,143,.14)}

.wide{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.wc{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 4px 14px rgba(12,34,51,.05);transition:.25s;padding-right:22px}
.wc:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(14,111,143,.12)}
.wc img{flex:0 0 170px;width:170px;height:132px;object-fit:cover;background:var(--soft)}
.wc:first-child img{object-fit:contain;padding:8px}
.wc p{color:var(--ink);font-size:17px;line-height:1.35;margin-bottom:5px}
.wc p b{color:var(--blue)}
.wc small{font-size:14px;color:var(--text);display:block;line-height:1.45}

@media(max-width:1000px){
  .banner,.wide{grid-template-columns:1fr}
  .banner{min-height:0}
  .b-img{height:220px;order:-1}
  .b-img::before{background:linear-gradient(0deg,#0d2f4f 0%,rgba(13,47,79,0) 45%)}
  .b-txt{padding:30px 26px 36px}
  .qrow{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){
  .qrow{grid-template-columns:repeat(2,1fr)}
  .wc img{flex-basis:110px;width:110px}
  .b-cta .btn{width:100%}
}