/* Banners de cotizacion dentro del contenido (paginas de medidas). Prefijo .mb */
.mb{margin:30px auto;padding:0 20px;max-width:1180px;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mb *{box-sizing:border-box}
.mb__a{display:block;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 18px 44px -22px rgba(8,50,22,.5);transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}
.mb__a:hover{transform:translateY(-3px);box-shadow:0 26px 54px -22px rgba(8,50,22,.6)}
.mb__a:focus-visible{outline:4px solid #139d45;outline-offset:4px}
.mb__i{display:block;width:100%;height:auto}
/* banner en HTML: Tu proyecto todavia esta en etapa de planeacion */
.mb__b{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);min-height:290px;background:linear-gradient(90deg,#fff 60%,#f1faf3);border:1px solid #dfe9e3}
.mb__t{padding:34px 12px 30px 38px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.mb__h{margin:0;font-size:clamp(26px,3.4vw,40px);line-height:1.08;font-weight:900;letter-spacing:-.03em;color:#0f1a14}
.mb__h span{display:inline-block;margin-top:6px;padding:2px 14px 4px 10px;color:#fff;background:linear-gradient(90deg,#0c7a31,#31b54d);transform:skewX(-8deg)}
.mb__h span i{display:inline-block;font-style:normal;transform:skewX(8deg)}
.mb__d{margin:0;max-width:34em;font-size:16px;line-height:1.5;color:#33423a}
.mb__d b{color:#0c6a2b}
.mb__btn{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 22px;border-radius:999px;background:linear-gradient(180deg,#1b8a39,#0c6a2b);color:#fff;font-weight:800;font-size:16.5px;box-shadow:0 10px 22px -8px rgba(12,106,43,.7)}
.mb__btn svg{width:22px;height:22px;fill:#fff;flex:none}
.mb__btn em{font-style:normal;padding-left:12px;border-left:1px solid rgba(255,255,255,.45)}
.mb__f{position:relative;margin:0}
.mb__f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.mb__f::before{content:"";position:absolute;top:0;bottom:0;left:-4px;width:30px;background:#7ee33a;clip-path:polygon(60% 0,100% 0,40% 100%,0 100%);z-index:1}
.mb__p{position:absolute;z-index:2;left:-14%;display:flex;align-items:center;gap:10px;padding:9px 16px 9px 12px;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 10px 24px rgba(0,0,0,.18);font-size:14px;font-weight:800;color:#0c4a22;line-height:1.15;margin:0;list-style:none}
.mb__p svg{width:26px;height:26px;fill:none;stroke:#0c7a31;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mb__ps{position:absolute;inset:0;margin:0;padding:0;list-style:none}
.mb__ps li:nth-child(1){top:12%;left:-4%}.mb__ps li:nth-child(2){top:38%;left:-10%}.mb__ps li:nth-child(3){top:64%;left:-6%}
@media(max-width:820px){
 .mb{padding:0 14px;margin:22px auto}
 .mb__b{grid-template-columns:1fr}.mb__t{padding:24px 20px 20px}.mb__f{height:170px;order:-1}.mb__f img{clip-path:none}.mb__f::before{display:none}
 .mb__ps{display:flex;flex-wrap:wrap;align-content:flex-end;gap:6px;padding:10px;inset:0}.mb__ps li{position:static!important;font-size:12px;padding:6px 10px}
 .mb__p svg{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){.mb__a{transition:none}.mb__a:hover{transform:none}}