body {
            font-family: Arial, sans-serif;
            margin: 0px;
        }
        .producto {
            display: flex;
            align-items: center; 
            margin-bottom: 5px;
            padding: 8px;
            flex-wrap: nowrap; 
        }
        .producto:nth-child(odd) {
            background-color: #f0f0f0; 
        }
        .producto:nth-child(even) {
            background-color: #ffffff; 
        }
        .producto img {
            max-width: 100px; 
            margin-right: 20px; 
        }
        .info {
            display: flex;
            flex-direction: column;
        }
        .info h2 {
            font-size: 1.1em; 
            margin: 0; 
            margin-bottom: 10px;
            color: #FFCA1D; 
        }
        .info-paragraph {
    font-size: 12px; 
    margin: 1px 0;
}
        .info-paragraph.custom-margin {
            margin-bottom: 10px; 
        }
        @media (max-width: 600px) {
            .producto {
                flex-direction: row; 
                align-items: center; 
            }
            .producto img {
                margin-bottom: 0; 
                margin-right: 20px; 
            }
        }