Packing Cube Pequeño

Descripción

.molvu-section { margin-bottom: 64px; padding: 0 16px; }
.molvu-title { font-size: 28px; font-weight: 600; margin-bottom: 10px; text-align: center; }
.molvu-table { width: 100%; max-width: 750px; margin: 0 auto; border-collapse: collapse; font-size: 16px; }
.molvu-table td { padding: 12px 8px; vertical-align: top; word-break: break-word; border-bottom: 1px solid #eee; }
.molvu-table td:first-child { width: 35%; font-weight: bold; }
.molvu-table tr { display: table-row; }
.molvu-double-box { display: flex; justify-content: center; align-items: center; gap: 32px; max-width: 1300px; margin: 0 auto 40px auto; flex-wrap: wrap; }
.molvu-specs-box { flex: 1 1 500px; padding: 24px; }

#mv-cube { –cb-accent:#0A0A0A; –cb-hi:#FFEC00; –cb-soft:#F5F5F3; –cb-ink:#111; –cb-mut:#6b7280; –cb-line:#e5e7eb; color: var(–cb-ink); }
#mv-cube .cb-hero { background: var(–cb-accent); color:#fff; border-radius:24px; padding:64px 32px; text-align:center; max-width:1300px; margin:0 auto 24px auto; }
#mv-cube .cb-kicker { font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(–cb-hi); font-weight:700; margin-bottom:20px; }
#mv-cube .cb-hero h2 { font-size:46px; line-height:1.08; font-weight:800; letter-spacing:-.02em; color:#fff; margin:0 auto 18px auto; max-width:16ch; }
#mv-cube .cb-hero p { font-size:17px; line-height:1.75; color:#d4d4d4; max-width:58ch; margin:0 auto; }
#mv-cube .cb-stats { display:flex; gap:16px; max-width:960px; margin:0 auto 60px auto; flex-wrap:wrap; }
#mv-cube .cb-stat { flex:1 1 22%; background:var(–cb-soft); border:1px solid var(–cb-line); border-radius:18px; padding:24px 14px; text-align:center; }
#mv-cube .cb-stat b { display:block; font-size:32px; font-weight:800; line-height:1; letter-spacing:-.02em; }
#mv-cube .cb-stat span { display:block; font-size:11.5px; letter-spacing:.12em; text-transform:uppercase; color:var(–cb-mut); margin-top:10px; }
#mv-cube .cb-grid { display:flex; flex-wrap:wrap; gap:20px; max-width:1200px; margin:0 auto; }
#mv-cube .cb-card { flex:1 1 30%; background:var(–cb-soft); border:1px solid var(–cb-line); border-radius:20px; padding:30px 26px; }
#mv-cube .cb-card h3 { font-size:19px; font-weight:800; margin:0 0 12px 0; }
#mv-cube .cb-card p { font-size:15.5px; line-height:1.65; color:#3f3f46; margin:0; }
#mv-cube .cb-modes { display:flex; gap:18px; max-width:860px; margin:0 auto; flex-wrap:wrap; }
#mv-cube .cb-mode { flex:1 1 45%; border:1px solid var(–cb-line); border-radius:20px; padding:28px 26px; background:#fff; }
#mv-cube .cb-mode b { display:block; font-size:30px; font-weight:800; line-height:1; margin-bottom:10px; }
#mv-cube .cb-mode h4 { font-size:16px; font-weight:700; margin:0 0 8px 0; }
#mv-cube .cb-mode p { font-size:15px; line-height:1.6; color:#3f3f46; margin:0; }
#mv-cube .cb-list { border:1px solid var(–cb-line); border-radius:20px; padding:34px 30px; max-width:820px; margin:0 auto; background:var(–cb-soft); }
#mv-cube .cb-list ul { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:0 30px; }
#mv-cube .cb-list li { flex:1 1 42%; font-size:16px; line-height:1.6; padding:11px 0 11px 28px; position:relative; color:#3f3f46; }
#mv-cube .cb-list li:before { content:»»; position:absolute; left:0; top:18px; width:9px; height:9px; background:var(–cb-accent); border-radius:2px; }
#mv-cube .cb-note { text-align:center; font-size:14px; color:var(–cb-mut); max-width:680px; margin:0 auto; line-height:1.75; }

@media screen and (max-width:768px){
#mv-cube .cb-hero { padding:44px 20px; border-radius:18px; }
#mv-cube .cb-hero h2 { font-size:30px; }
#mv-cube .cb-stat { flex:1 1 44%; }
#mv-cube .cb-card, #mv-cube .cb-mode { flex:1 1 100%; }
#mv-cube .cb-list li { flex:1 1 100%; }
.molvu-table td { display:block; width:100% !important; padding:8px 0; border-bottom:none; }
.molvu-table td:first-child { padding-top:14px; }
.molvu-table tr { display:block; margin-bottom:16px; border-bottom:1px solid #eee; }
.molvu-double-box { flex-direction:column; padding:0 16px; }
}