.of-portada h1{font-size:clamp(2.2rem,6.6vw,4.2rem)}
.of-rejilla{display:grid;gap:36px;align-items:center}
@media(min-width:900px){.of-rejilla{grid-template-columns:1fr 340px;gap:56px}}

.maqueta{background:#F3F6F2;color:#17231D;border-radius:26px;padding:16px;border:8px solid #0E0A1C;box-shadow:0 0 0 2px #51487A;max-width:340px;font-size:.92rem;line-height:1.35;display:grid;gap:9px;transform:rotate(-2deg)}
.mq-cab{display:flex;align-items:center;gap:8px}
.mq-ini{width:28px;height:28px;border-radius:8px;background:#2F6B4F;color:#fff;display:grid;place-content:center;font:800 .95rem "Bricolage",sans-serif}
.mq-pac{margin-left:auto;background:#DDEBE2;border-radius:99px;padding:3px 10px;font-weight:600;font-size:.8rem}
.mq-t{font:800 1.4rem/1 "Bricolage",sans-serif;letter-spacing:-.03em;margin:4px 0 2px}
.mq-fila{background:#fff;border:1px solid #D9E0DA;border-radius:12px;padding:10px 44px 10px 12px;position:relative;font-weight:600}
.mq-fila small{display:block;color:#2F6B4F;font-weight:800;font-size:.75rem}
.mq-fila i{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;border:2px solid #D9E0DA}
.mq-fila i.ok{background:#2F6B4F;border-color:#2F6B4F}
.mq-fila i.ok::after{content:"";position:absolute;left:8px;top:4px;width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.mq-fila u{display:block;color:#2F6B4F;font-size:.82rem;margin-top:4px}
.mq-b{background:#fff;border:1px solid #D9E0DA;border-radius:14px 14px 14px 4px;padding:9px 12px;max-width:90%}
.mq-b.yo{background:#2F6B4F;color:#fff;border-color:#2F6B4F;justify-self:end;border-radius:14px 14px 4px 14px}

.ganancias{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:0;border-top:2px solid var(--tinta)}
.ganancias li{display:grid;gap:6px;padding:22px 0;border-bottom:1px solid var(--linea)}
.ganancias p{margin:0;max-width:40rem}
@media(min-width:760px){
  .ganancias li{grid-template-columns:18rem 1fr;gap:32px}
  .ganancias.dos-col li{grid-template-columns:12rem 1fr}
}
.dentro{margin:30px 0 0;display:grid;gap:0;border-top:1px solid #4A4170}
.dentro>div{padding:18px 0;border-bottom:1px solid #4A4170;display:grid;gap:4px}
.dentro dt{font:800 1.3rem/1.1 "Bricolage",sans-serif;letter-spacing:-.03em;color:var(--menta);text-transform:lowercase}
.dentro dd{margin:0;color:#DAD6E6;max-width:40rem}
@media(min-width:760px){.dentro>div{grid-template-columns:18rem 1fr;gap:32px}}
@media(min-width:760px){.pasos.cuatro{grid-template-columns:repeat(4,1fr)}}
.sec.menta .sub{margin-top:28px}
@media(max-width:899px){.maqueta{transform:none;margin-inline:auto}}