ALTAVOCES VIBE TITAN 60W 8H · IDUSD H64A

/* Contenedor Principal Estilo Spares */
.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;
}

/* Contenedor Adaptable para Vídeos de YouTube (Ajuste Responsivo) */
.spares-video-wrapper {
position: relative;
padding-bottom: 56.25%; /* Relación de aspecto 16:9 */
padding-top: 0;
height: 0;
overflow: hidden;
margin-bottom: 25px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0,0,0,0.08);
border: 1px solid #eef0f2;
}
.spares-video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}

/* Cabecera de la descripción */
.spares-brand-model {
font-size: 0.95rem;
color: #666666;
text-transform: uppercase;
font-weight: bold;
margin-bottom: 5px;
}
.spares-main-title {
font-size: 1.4rem;
font-weight: 700;
color: #222222;
margin: 0 0 10px 0;
}
.spares-subtitle {
font-size: 1.05rem;
color: #555555;
margin-bottom: 15px;
}

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

/* Encabezados de sección sin icono */
.spares-section-heading {
font-size: 1.2rem;
font-weight: 700;
color: #222222;
margin: 25px 0 15px 0;
border-bottom: 2px solid #eeeeee;
padding-bottom: 6px;
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: 30px;
}
.spares-feature-card {
background-color: #fbfbfb;
border: 1px solid #eef0f2;
border-radius: 6px;
padding: 15px;
display: flex;
align-items: flex-start;
}
.spares-feature-content strong {
display: block;
font-size: 1rem;
color: #111111;
margin-bottom: 4px;
}
.spares-feature-content p {
margin: 0;
font-size: 0.9rem;
color: #666666;
}

/* Texto de descripción del producto */
.spares-body-text {
font-size: 0.95rem;
color: #444444;
margin-bottom: 20px;
text-align: justify;
}
.spares-alert-box {
background-color: #fff9e6;
border-left: 4px solid #ffcc00;
padding: 12px 15px;
font-size: 0.95rem;
color: #665200;
margin: 15px 0;
border-radius: 0 4px 4px 0;
}

/* Bloque de Tablas Técnicas */
.spares-specs-wrapper {
margin-bottom: 30px;
}
.spares-specs-group-title {
font-size: 1rem;
font-weight: 700;
color: #0076d6;
background-color: #f4f8fc;
padding: 6px 12px;
margin: 15px 0 0 0;
border-radius: 4px 4px 0 0;
}
.spares-specs-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 10px;
}
.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: 10px 12px;
font-size: 0.9rem;
}
.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: 8px;
background-color: #fdfdfd;
border: 1px solid #f0f0f0;
padding: 15px;
border-radius: 6px;
font-family: monospace;
font-size: 0.85rem;
color: #555555;
}
.spares-compat-item {
padding: 2px 5px;
}

/* Bloque de Garantía */
.spares-warranty-block {
display: flex;
align-items: center;
background-color: #f3fbf6;
border: 1px solid #e1f5e8;
border-radius: 6px;
padding: 15px;
margin-top: 30px;
}
.spares-warranty-text strong {
display: block;
font-size: 0.95rem;
color: #1e4620;
}
.spares-warranty-text p {
margin: 0;
font-size: 0.85rem;
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; }
}