Colchón Dupen Winner Muelles Ensacados Viscografeno 7 Zonas

Descripción del producto

.dpn-prod { font-family: -apple-system, system-ui, sans-serif; color: #1f2937; max-width: 100%; }
.dpn-prod h2 { font-size: 22px; font-weight: 700; color: #0d2747; margin: 32px 0 14px; border-left: 4px solid #1f3a93; padding-left: 12px; }
.dpn-prod h3 { font-size: 17px; font-weight: 700; color: #0d2747; margin: 18px 0 8px; }
.dpn-prod p { line-height: 1.65; margin: 0 0 12px; }
.dpn-prod ul { margin: 0 0 12px 0; padding-left: 22px; }
.dpn-prod ul li { margin: 4px 0; line-height: 1.5; }
.dpn-beneficios { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 18px 0 24px; }
.dpn-beneficio { background: #f1f5fb; border-radius: 10px; padding: 14px 10px; text-align: center; }
.dpn-beneficio .ico { font-size: 26px; line-height: 1; margin-bottom: 6px; }
.dpn-beneficio .label { font-size: 12px; font-weight: 700; color: #0d2747; line-height: 1.25; }
.dpn-capas { display: flex; flex-direction: column; gap: 6px; margin: 14px 0 24px; }
.dpn-capa { display: flex; align-items: center; gap: 12px; background: white; border: 1px solid #e2e6ee; border-radius: 8px; padding: 12px 14px; }
.dpn-capa .num { background: #1f3a93; color: white; width: 28px; height: 28px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-weight: 700; flex-shrink: 0; }
.dpn-capa .desc { flex: 1; }
.dpn-capa .desc strong { color: #0d2747; }
.dpn-capa .desc small { color: #6b7280; display: block; font-size: 12px; margin-top: 2px; }
.dpn-specs { width: 100%; border-collapse: collapse; margin: 14px 0 24px; font-size: 14px; }
.dpn-specs tr { border-bottom: 1px solid #e2e6ee; }
.dpn-specs th { background: #f8fafd; text-align: left; padding: 10px 14px; color: #6b7280; font-weight: 600; width: 40%; }
.dpn-specs td { padding: 10px 14px; color: #1a1a1a; }
.dpn-faq { margin: 14px 0 24px; }
.dpn-faq details { background: white; border: 1px solid #e2e6ee; border-radius: 8px; padding: 12px 16px; margin-bottom: 8px; }
.dpn-faq summary { font-weight: 700; cursor: pointer; color: #0d2747; }
.dpn-faq details[open] summary { margin-bottom: 8px; border-bottom: 1px solid #f1f5fb; padding-bottom: 8px; }
.dpn-compara { width: 100%; border-collapse: collapse; margin: 14px 0 24px; font-size: 13px; }
.dpn-compara th { background: #0d2747; color: white; text-align: left; padding: 10px; font-weight: 700; }
.dpn-compara td { padding: 10px; border-bottom: 1px solid #e2e6ee; }
.dpn-compara tr.este { background: #fffbeb; }
.dpn-durmiente { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin: 14px 0 24px; }
.dpn-perfil { background: white; border: 1px solid #e2e6ee; border-radius: 10px; padding: 14px; text-align: center; }
.dpn-perfil .ico { font-size: 28px; margin-bottom: 6px; }
.dpn-perfil .titulo { font-weight: 700; color: #0d2747; margin-bottom: 6px; }
.dpn-perfil .nota { font-size: 12px; color: #6b7280; line-height: 1.4; }
.dpn-perfil.recomendado { border-color: #1f3a93; background: #eef2f9; }
.dpn-brand { background: linear-gradient(135deg, #0d2747 0%, #1f3a93 100%); color: white; padding: 22px 24px; border-radius: 10px; margin: 14px 0 24px; }
.dpn-brand h3 { color: white; margin-top: 0; }
.dpn-brand p { color: rgba(255,255,255,.92); }
@media (max-width: 600px) {
.dpn-beneficios, .dpn-durmiente { grid-template-columns: repeat(2, 1fr); }
}

Información adicional