Sudokuchess

Ficha Técnica

• Dimensiones: 29.8 × 21.7 cm

/* ===== Tabla Ficha Técnica (estilos solo CSS) ===== */ .ft-libro { --ft-title: 'Ficha técnica del libro'; /* Cambia el texto del encabezado si quieres */ margin: 18px 0; } /* Encabezado tipo franja */ .ft-libro::before { content: var(--ft-title); display: block; padding: 10px 14px; background: #f6e1d5; color: #222; font-weight: 600; border: 1px solid #edd6c9; border-radius: 8px 8px 0 0; } /* Contenedor estilo "tabla" */ .ft-grid { list-style: none; margin: 0; padding: 0; border: 1px solid #e6e6e6; border-top: none; /* se une con la franja */ border-radius: 0 0 8px 8px; overflow: hidden; /* redondeo limpio */ } /* Fila */ .ft-item { display: grid; grid-template-columns: 32% 68%; /* columna izquierda (label) / derecha (valor) */ align-items: stretch; border-top: 1px solid #ececec; } /* Celdas */ .ft-item strong, .ft-item span { padding: 10px 14px; display: block; } /* Colores base por celda (filas impares) */ .ft-item strong { background: #f7f7f7; font-weight: 600; } .ft-item span { background: #fff; } /* Alternancia de filas (filas pares) */ .ft-item:nth-child(even) strong { background: #f0f0f0; } .ft-item:nth-child(even) span { background: #f7f7f7; } /* Tipografía y legibilidad */ .ft-item strong { color: #333; } .ft-item span { color: #222; } /* Responsive: apila en móvil */ @media (max-width: 640px) { .ft-item { grid-template-columns: 1fr; /* label arriba, valor abajo */ } .ft-item strong { border-bottom: 1px solid #eaeaea; } /* En móvil, fondo simple para claridad */ .ft-item strong { background: #f7f7f7 !important; } .ft-item span { background: #fff !important; } }