TECLADO ESPAÑOL COMPLETO CON CARCASA PARA PORTATIL HP ELITEBOOK 640 G9 645 G10 SERIES RETROILUMINADO · N17709-001 N17711-001

/* Contenedor Principal Estilo Spares con Fuentes Ampliadas */
.spares-description-container {
font-family: ‘Segoe UI’, Roboto, Helvetica, Arial, sans-serif;
color: #333333;
max-width: 1000px;
margin: 0 auto;
padding: 15px;
line-height: 1.6;
text-align: left;
}

/* Cabecera de la descripción */
.spares-brand-model {
font-size: 1.05rem;
color: #0076d6;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 8px;
letter-spacing: 1px;
}
.spares-main-title {
font-size: 1.55rem;
font-weight: 700;
color: #222222;
margin: 0 0 12px 0;
}
.spares-subtitle {
font-size: 1.15rem;
color: #555555;
margin-bottom: 20px;
}

/* Lista rápida de especificaciones */
.spares-quick-list {
list-style: none;
padding: 0;
margin: 0 0 35px 0;
}
.spares-quick-list li {
position: relative;
padding-left: 25px;
margin-bottom: 8px;
font-size: 1.05rem;
color: #444444;
}
.spares-quick-list li::before {
content: «•»;
color: #0076d6;
font-weight: bold;
font-size: 1.4rem;
position: absolute;
left: 5px;
top: -2px;
}

/* Encabezados de sección sin icono */
.spares-section-heading {
font-size: 1.3rem;
font-weight: 700;
color: #222222;
margin: 30px 0 18px 0;
border-bottom: 2px solid #eeeeee;
padding-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.5px;
}

/* Grid de Características Destacadas */
.spares-features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 35px;
}
.spares-feature-card {
background-color: #fbfbfb;
border: 1px solid #eef0f2;
border-radius: 6px;
padding: 18px;
display: flex;
align-items: flex-start;
}
.spares-feature-content strong {
display: block;
font-size: 1.1rem;
color: #111111;
margin-bottom: 6px;
}
.spares-feature-content p {
margin: 0;
font-size: 1rem;
color: #666666;
}

/* Texto de descripción del producto */
.spares-body-text {
font-size: 1.05rem;
color: #444444;
margin-bottom: 22px;
text-align: justify;
}
.spares-alert-box {
background-color: #f4f8fc;
border-left: 4px solid #0076d6;
padding: 15px 18px;
font-size: 1.05rem;
color: #1c447d;
margin: 20px 0;
border-radius: 0 4px 4px 0;
}

/* Bloque de Tablas Técnicas */
.spares-specs-wrapper {
margin-bottom: 35px;
}
.spares-specs-group-title {
font-size: 1.1rem;
font-weight: 700;
color: #0076d6;
background-color: #f4f8fc;
padding: 8px 14px;
margin: 20px 0 0 0;
border-radius: 4px 4px 0 0;
}
.spares-specs-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 12px;
}
.spares-specs-table tr {
border-bottom: 1px solid #eef0f2;
}
.spares-specs-table tr:last-child {
border-bottom: 2px solid #eef0f2;
}
.spares-specs-table td {
padding: 12px 14px;
font-size: 1rem;
}
.spares-specs-table td.label {
width: 35%;
color: #666666;
font-weight: 500;
}
.spares-specs-table td.value {
width: 65%;
color: #222222;
font-weight: bold;
}

/* Rejilla de Part Numbers y Compatibilidades */
.spares-compat-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
background-color: #fdfdfd;
border: 1px solid #f0f0f0;
padding: 18px;
border-radius: 6px;
font-family: inherit;
font-size: 0.95rem;
color: #555555;
}
.spares-compat-item {
padding: 4px 6px;
}

/* Bloque de Garantía */
.spares-warranty-block {
display: flex;
align-items: center;
background-color: #f3fbf6;
border: 1px solid #e1f5e8;
border-radius: 6px;
padding: 18px;
margin-top: 35px;
}
.spares-warranty-text strong {
display: block;
font-size: 1.05rem;
color: #1e4620;
margin-bottom: 6px;
}
.spares-warranty-text p {
margin: 0;
font-size: 0.95rem;
color: #3b6e40;
}

/* Responsivo */
@media (max-width: 768px) {
.spares-features-grid { grid-template-columns: 1fr; }
.spares-compat-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
.spares-compat-grid { grid-template-columns: 1fr; }
}