DISCO DURO EXTERNO 128GB SSD 2.5 USB3.0 ULTRA SLIM PORTATIL

.eco-container { font-family: ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif; color: #333; max-width: 1000px; margin: 0 auto; padding: 20px; line-height: 1.6; text-align: left; }

/* Grid de especificaciones estilo celdas */
.specs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 35px; }
.spec-item { border: 1px solid #e0e0e0; border-radius: 10px; padding: 15px; text-align: center; display: flex; flex-direction: column; justify-content: center; min-height: 90px; background-color: #fff; transition: transform 0.2s; }
.spec-item:hover { border-color: #059669; }
.spec-label { font-size: 0.85rem; color: #777; margin-bottom: 5px; }
.spec-value { font-size: 1.05rem; font-weight: 700; color: #333; }

/* Resaltado para observaciones y tecnología */
.spec-item.highlight { background-color: #f0fdf4; border-color: #059669; }
.spec-item.highlight .spec-value { color: #059669; }

/* Bloque de texto descriptivo */
.description-block { margin-top: 30px; font-size: 1.1rem; color: #444; }
.description-block p { margin-bottom: 20px; }
.description-block strong { color: #000; }

/* Sección de FAQs Estilo Consultas IA */
.faq-section { margin-top: 40px; }
.faq-section h3 { font-size: 1.3rem; color: #1a202c; border-left: 5px solid #059669; padding-left: 15px; margin-bottom: 20px; }
.faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.faq-card { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 8px; padding: 20px; }
.faq-card strong { display: block; color: #2d3748; font-size: 1rem; margin-bottom: 10px; line-height: 1.3; }
.faq-card p { font-size: 0.95rem; color: #64748b; margin: 0; }

/* Caja de compatibilidad técnica – Fondo Claro */
.compatibility-box { background-color: #f1f5f9; color: #334155; border: 1px solid #e2e8f0; border-radius: 10px; padding: 25px; margin-top: 35px; font-size: 1rem; }
.compatibility-box h4 { margin-top: 0; color: #059669; font-size: 1.15rem; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #cbd5e1; padding-bottom: 8px; }

/* Responsive */
@media (max-width: 768px) {
.specs-grid { grid-template-columns: repeat(2, 1fr); }
.faq-grid { grid-template-columns: 1fr; }
}