Descripción

.producto-shopify {
max-width: 900px;
margin: 15px auto;
padding: 20px;
font-family: ‘Segoe UI’, sans-serif;
}
.titulo-urgente {
color: #0056b3;
font-size: 1.6rem;
text-align: center;
margin-bottom: 5px;
font-weight: bold;
}
.bandera-oferta {
background: #dc3545;
color: white;
padding: 8px 15px;
border-radius: 5px;
font-weight: bold;
text-align: center;
margin: 10px 0;
}
.highlights-visuales {
display: flex;
gap: 10px;
margin: 20px 0;
flex-wrap: wrap;
}
.highlight-item {
flex: 1;
text-align: center;
padding: 15px;
background: #e6f2ff;
border-radius: 8px;
border: 2px solid #0056b3;
min-width: 120px;
}
.icono-grande {
font-size: 2rem;
margin-bottom: 8px;
}
.precio-accion {
text-align: center;
margin: 25px 0;
}
.precio-antiguo {
text-decoration: line-through;
color: #666;
font-size: 1.2rem;
}
.precio-actual {
font-size: 2rem;
font-weight: bold;
color: #dc3545;
}
.btn-compra-urgente {
background: #28a745;
color: white;
border: none;
padding: 18px;
font-size: 1.3rem;
border-radius: 8px;
cursor: pointer;
width: 100%;
margin: 15px 0;
font-weight: bold;
}
.caracteristicas-rapidas {
background: #f8f9fa;
padding: 20px;
border-radius: 8px;
margin: 20px 0;
}
.uso-proyectos {
text-align: center;
margin: 25px 0;
padding: 15px;
background: #fff3cd;
border-radius: 8px;
}
.garantia-visual {
text-align: center;
margin: 20px 0;
font-size: 0.9rem;
color: #666;
}
@media (max-width: 600px) {
.highlights-visuales { flex-direction: column; }
.highlight-item { min-width: 100%; }
}