Descripción

body { font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; background-color: #F4F8FB; color: #333; margin: 0; padding: 0; }
.product-container { max-width: 900px; margin: 25px auto; padding: 30px; background-color: #FFFFFF; border-radius: 12px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1); }
h1 { color: #0077C0; /* Azul de Pochteca / Impresión */ font-size: 34px; margin-bottom: 15px; text-align: center; font-weight: 700; }
.section-title { color: #0077C0; font-size: 26px; border-bottom: 2px solid #D5E1E8; padding-bottom: 10px; margin-top: 35px; margin-bottom: 25px; font-weight: 600; text-align: center; }
.description p { font-size: 18px; line-height: 1.7; color: #444; text-align: center; margin: 0 0 25px; }
.specs-grid, .benefits-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-bottom: 40px; }
.spec-item, .benefit-item { background-color: #F9FCFF; padding: 18px; border-radius: 8px; border: 1px solid #E0E8F0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03); display: flex; align-items: center; }
.spec-item strong { color: #005A9C; display: block; margin-bottom: 5px; font-size: 16px; }
.spec-item span { color: #555; font-size: 16px; }
.benefit-item .icon { font-size: 24px; margin-right: 15px; color: #0077C0; }
.benefit-item p { margin: 0; font-size: 16.5px; line-height: 1.4; color: #333; }
.benefit-item strong { color: #005A9C; }
.cta-button-container { text-align: center; margin-top: 40px; }
.cta-button { display: inline-block; background-color: #0077C0; color: #FFFFFF; padding: 15px 35px; border-radius: 8px; text-decoration: none; font-size: 20px; font-weight: 600; transition: background-color 0.3s ease, transform 0.2s ease; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
.cta-button:hover { background-color: #005A9C; transform: translateY(-2px); }
@media (max-width: 768px) { h1 { font-size: 28px; } .section-title { font-size: 22px; } .specs-grid, .benefits-grid { grid-template-columns: 1fr; } }